@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-size: 1em;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #f0f0f0;
    color: #666
}

@-moz-document url-prefix() {
    body {
        background-image: none;
        background-color: #f0f0f0
    }
}

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
    color: #686868
}

.clearfix {
    *zoom: 1
}

    .clearfix:after, .clearfix:before {
        display: table;
        line-height: 0;
        content: ""
    }

    .clearfix:after {
        clear: both
    }

.break, .clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

.fixed {
    position: fixed !important
}

::-moz-selection {
    background: #dde1e6;
    text-shadow: none
}

::selection {
    background: #dde1e6;
    text-shadow: none
}

a, a:active, a:hover {
    color: #bf0d3e;
    text-decoration: none;
    -webkit-touch-callout: none
}

.opacity-1 {
    opacity: .3
}

u {
    text-decoration: none
}

.fadeout {
    opacity: 0 !important;
    transition: all .5s ease
}

h1 {
    font-size: 17px;
    line-height: 18px;
    padding: 0 0 5px;
    font-weight: 400;
    position: relative
}

    h1.title-1 {
        padding: 16px 7px 4px
    }

    h1.title-1, h1.title-2 {
        margin: 0;
        text-align: center
    }

    h1.title-2 {
        padding: 16px 7px 14px
    }

    h1.title-3 {
        padding: 16px 7px 8px;
        margin: 0;
        text-align: center
    }

h2 {
    font-size: 17px;
    padding: 15px 0 5px;
    font-weight: 400
}

    h2.form-title {
        display: block;
        font-weight: 700;
        color: #666;
        padding: 7px 0
    }

h3.title-4 {
    color: #000;
    font-size: 16px;
    padding: 0;
    font-weight: 700
}

h4.tapped {
    background: hsla(0,0%,100%,.8)
}

h5 {
    padding: 15px 7px;
    margin: 0 0 12px;
    border-bottom: 1px solid #fff;
    color: #666;
    font-size: 15px;
    position: relative
}

    h5.icon-11 {
        padding: 15px 7px 15px 50px
    }

        h5.icon-11 span {
            position: absolute;
            top: 12px;
            left: 7px;
            z-index: 5
        }

.txt {
    padding: 0 7px;
    font-size: 13px;
    line-height: 15px;
    color: #414042
}

.title-10 {
    text-align: center;
    font-size: 14px;
    padding: 10px 10px 10px 5px
}

.info-5 {
    text-align: center;
    padding: 0 20px 15px;
    display: block;
    font-size: 13px;
    color: #414042
}

.info--small {
    font-size: 11px
}

.title-11 {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    padding: 15px 5px 10px
}

.checkout-title {
    font-weight: 700;
    color: #666;
    display: block;
    padding: 7px 7px 2px
}

.dyn-bar--back {
    display: -ms-flexbox;
    display: flex
}

.dyn-bar--back-title {
    font-weight: 700;
    color: #666;
    -ms-flex-positive: 2;
    flex-grow: 2;
    line-height: 50px;
    text-align: center
}

.dyn-bar--right {
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.dyn-bar--back-label {
    line-height: 50px;
    padding-left: 32px
}

.title-highlighted {
    background-color: #fff;
    padding: 7px 7px 2px
}

    .title-highlighted:first-child {
        margin-top: 15px
    }

.prev {
    display: inline-block;
    padding: 0 5px 0 12px;
    margin: 0 0 0 7px;
    position: relative;
    font-size: 13px
}

    .prev span {
        position: absolute;
        top: 0;
        left: 0
    }

.next {
    display: inline-block;
    padding: 0 12px 0 5px;
    margin: 0 7px 0 0;
    position: relative;
    font-size: 13px
}

    .next span {
        position: absolute;
        top: 0;
        right: 0
    }

.link-1 {
    display: inline-block;
    padding: 15px 0 14px 15px;
    font-size: 17px;
    position: relative
}

    .link-1.back span {
        position: absolute;
        top: 17px;
        left: 0;
        z-index: 5
    }

    .link-1.logout {
        padding: 15px 0 14px;
        color: #666
    }

.link-2 {
    display: inline-block;
    padding: 5px 0 10px 9px;
    position: relative
}

.link-2, .link-3 {
    font-size: 12px;
    color: gray
}

.link-4 {
    display: block;
    font-size: 16px;
    color: #666;
    text-decoration: underline;
    margin: 0;
    padding: 10px 0 20px
}

.mobilenav-1 {
    display: inline-block;
    width: 23px;
    height: 18px;
    background-image: url(../_img/sprite-icons-2.png);
    background-position: 0 -155px
}

.arrow-down-1 {
    width: 15px;
    background-position: 0 0
}

.arrow-down-1, .arrow-left-1 {
    display: inline-block;
    height: 15px;
    background-image: url(../_img/sprite-icons-1.png)
}

.arrow-left-1 {
    width: 7px;
    background-position: -3px -15px
}

.arrow-left-2, .cnt-pages-2 .cms-slider-1 .rsArrowIcn, .cnt-pages-2 .royalSlider .rsArrowIcn {
    display: inline-block;
    width: 7px;
    height: 13px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -3px -276px
}

.arrow-right-1 {
    display: inline-block;
    width: 7px;
    height: 15px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -3px -30px
}

.arrow-right-2, .cnt-pages-2 .cms-slider-1 .rsArrowRight .rsArrowIcn, .cnt-pages-2 .royalSlider .rsArrowRight .rsArrowIcn {
    display: inline-block;
    width: 7px;
    height: 13px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -5px -306px;
    left: auto;
    right: 0
}

.cnt-pages-2 .cms-slider-1 a.full-1 {
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 10
}

.hit-list-1 {
    background-image: url(../_img/sprite-icons-1.png);
    background-position: 0 -169px
}

.hit-list-1, .winkel-1 {
    display: inline-block;
    width: 15px;
    height: 15px
}

.winkel-1 {
    background-image: url(../_img/sprite-icons-4.png);
    background-position: -12px -559px
}

.card {
    background-image: url(../_img/sprite-cards-1.png)
}

    .card.inv-1 {
        width: 37px;
        height: 22px;
        background-position: 0 -165px
    }

    .card.visa-1 {
        width: 37px;
        height: 22px;
        background-position: 0 -352px
    }

    .card.am-1 {
        background-position: 0 -401px
    }

    .card.am-1, .card.mc-1 {
        width: 37px;
        height: 22px
    }

    .card.mc-1 {
        background-position: 0 -301px
    }

    .card.pf-1 {
        background-position: 0 -251px
    }

    .card.pf-1, .card.pp-1 {
        width: 37px;
        height: 22px
    }

    .card.pp-1 {
        background-position: 0 -451px
    }

.uv-logo-1 {
    width: 32px;
    height: 40px;
    background-image: url(../_img/sprite-icons-6.png);
    background-position: -6px 0;
    display: inline-block
}

.w10p {
    width: 10%;
    float: left
}

.w20p {
    width: 20%;
    float: left
}

.w30p {
    width: 30%;
    float: left
}

.w40p {
    width: 40%;
    float: left
}

.w50p {
    width: 50%;
    float: left
}

    .w50p .inner-1 {
        padding: 0 1px 0 0
    }

.w60p {
    width: 60%;
    float: left
}

.w70p {
    width: 70%;
    float: left
}

.w80p {
    width: 80%;
    float: left
}

.w90p {
    width: 90%;
    float: left
}

.w10p2 {
    width: 9%
}

.w10p2, .w20p2 {
    padding-right: 1%;
    float: left
}

.w20p2 {
    width: 19%
}

.w30p2 {
    width: 29%
}

.w30p2, .w40p2 {
    padding-right: 1%;
    float: left
}

.w40p2 {
    width: 39%
}

.w50p2 {
    width: 49%
}

.w50p2, .w60p2 {
    padding-right: 1%;
    float: left
}

.w60p2 {
    width: 59%
}

.w70p2 {
    width: 69%
}

.w70p2, .w80p2 {
    padding-right: 1%;
    float: left
}

.w80p2 {
    width: 79%
}

.w90p2 {
    width: 89%;
    padding-right: 1%;
    float: left
}

select, textarea {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 400;
    color: #666
}

    #searchbox2, input.input-1, textarea.textarea-1 {
        border: none;
        font-size: 17px;
        width: 96%;
        padding: 7px 2%;
        margin: 0;
        outline: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        box-shadow: none;
        min-height: 8px;
        border-radius: 0
    }

.input-text {
    font-size: 14px;
    padding: 0 7px 15px
}

input.input-1 {
    height: 34px;
    line-height: 34px;
    padding: 7px 2%
}

    input.input-1:focus, select.select-1:focus, textarea.textarea-1:focus {
        border-color: #bf0d3e;
        box-shadow: 0 0 12px #d1cccb !important
    }

input.input-1-layout-2 {
    background-color: gray
}

input.input-1-layout-3 {
    border: none;
    padding: 5px 2%
}

select.select-1, select.select-2 {
    border: 1px solid #999797;
    border-radius: 5px;
    padding: 7px 2%;
    background-image: url(../_img/arrow-down-2.png);
    position: relative;
    border: none;
    border-radius: 0;
    font-size: 17px;
    width: 100%;
    padding: 12px 10% 12px 2%;
    margin: 0;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    background-position: 100%;
    background-repeat: no-repeat;
    background-color: #fff
}

select.select-2 {
    border: 1px solid #e0e0e0
}

.select-layout-2 {
    display: inline-block;
    border: 1px solid #fff;
    color: #bf0d3e;
    padding: 9px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-top-left-radius: 5px !important;
    font-weight: 400;
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    width: 80px;
    overflow: hidden
}

.select-layout-2, .selectselecter select {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none !important;
    background: none;
    line-height: normal;
    font-size: 13px
}

.selectselecter select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 560;
    width: 99%;
    height: 36px;
    margin: 0;
    padding: 0;
    -webkit-appearance: menulist-button;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    display: block;
    background-color: #fff
}

div.radio-group {
    padding: 3px 3px 13px
}

    div.radio-group li {
        float: left;
        padding-right: 20px;
        list-style: none
    }

div.radio, div.radio input, div.radio span {
    width: 18px;
    height: 18px
}

div.radio {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-right: 9px
}

    div.radio span {
        background-color: #fff;
        display: inline-block;
        border-radius: 100%;
        box-shadow: 0 0 1px 1px #000;
        position: relative
    }

    div.radio.disabled span {
        box-shadow: 0 0 1px 1px rgba(0,0,0,.3)
    }

    div.radio span.checked:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #000;
        display: inline-block;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    div.radio.disabled span.checked:before {
        background-color: rgba(0,0,0,.3)
    }

    div.radio input {
        opacity: 0;
        border: none;
        background: none;
        display: inline-block;
        zoom: 1;
        text-align: center
    }

.clubnavdiv-1 {
    margin: 10px 0
}

    .clubnavdiv-1 select {
        background-image: url(../_img/clubnav-1.png);
        background-position: 9px 12px;
        padding: 12px 2% 12px 40px
    }

.cnt-pages-2 .button-2, input.button-1 {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    font-size: 17px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #bf0d3e;
    border: 0;
    background: none;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 0
}

.button--link {
    color: #bf0d3e;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px
}

input.button-1-layout-1 {
    color: #bf0d3e
}

input.button-1-layout-2 {
    background-color: #fff;
    color: #000
}

.button-3, .cnt-pages-2 .button-2, input.button-1-layout-3 {
    color: #fff;
    background-color: #bf0d3e;
    background-image: url(../_img/arrow-right-1.png);
    background-position: 100%;
    padding: 0 30px 0 15px;
    font-size: 17px;
    border-radius: 0;
    height: 44px;
    width: auto;
    text-align: center;
    line-height: 44px;
    font-weight: 400
}

.button-3 {
    background-image: none;
    padding: 0 15px;
    display: inline-block
}

    .button-3:hover {
        color: #fff
    }

.cnt-pages-2 .button-2:disabled, input.button-1-layout-3:disabled {
    background-color: #ccc
}

.cnt-pages-2 .button-2 .icon-1 {
    display: none
}

input.button-2 {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    padding: 10px 8px;
    border: 0;
    color: #fff;
    background-color: #bf0d3e;
    font-size: 14px;
    border-radius: 5px
}

.bgcolor-1 {
    background-color: #93cbeb
}

.bgcolor-2 {
    background-color: #df9d7c
}

.bgcolor-3 {
    background-color: #ffb800
}

.form-1 {
    padding: 0 7px 8px
}

    .form-1 > div > label, .form-1 > label, .form-label {
        font-size: 14px;
        color: #666;
        display: block;
        padding: 3px 0
    }

    .form-1 .info {
        padding: 0
    }

    .form-1.alert-1.with-icon {
        padding: 1em 1em 1em 82px;
        position: relative
    }

        .form-1.alert-1.with-icon > .diamond-3 {
            position: absolute;
            top: 50%;
            margin-top: -21px;
            left: 15px
        }

.form-2 {
    padding: 0 0 8px
}

    .form-2 > .title {
        font-size: 14px;
        color: #666;
        display: block;
        padding: 0 7px 2px
    }

.checkbox-wrapper {
    padding: 15px 4%
}

    .checkbox-wrapper a {
        display: block;
        margin: 15px 0
    }

.checkbox-wrapper-white {
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

    .checkbox-wrapper-white.last {
        border-bottom: none
    }

.checkbox-wrapper-transparent {
    background-color: transparent
}

.checkbox-wrapper-inactive {
    opacity: .5;
    pointer-events: none
}

.checkbox-wrapper-nopadding {
    padding: 0
}

.control {
    position: relative;
    padding-left: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    cursor: pointer;
    display: block
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

.control__text {
    padding: 4px 0;
    font-size: 14px
}

.control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #666;
    box-sizing: border-box
}

.control input:checked ~ .control__indicator {
    border: 2px solid #bf0d3e;
    color: #666
}

.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: ""
}

.control input:checked ~ .control__indicator:after {
    display: block
}

.control--checkbox .control__indicator:after {
    top: 2px;
    left: 6px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b
}

.control--radio .control__indicator {
    border-radius: 50%
}

    .control--radio .control__indicator:after {
        top: 5px;
        left: 5px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #000
    }

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b
}

.checkbox-1 {
    margin-right: 5px
}

.error input, .error select, .error textarea {
    border-color: #ccc !important;
    background-color: #f5d0db !important
}

.cnt-pages-2 .error-1 .form-1-1 label, .error label {
    color: #bf0d3e !important
}

.cnt-pages-2 .error-1 {
    text-align: left
}

.form--spaced {
    padding: 0 7px 8px
}

.list__reduction .icon, .reduced-7 .icon {
    display: inline-block;
    width: 20px;
    height: 26px
}

.club-loggedin-2--wide .icon {
    margin-left: 3px
}

.icon {
    position: relative
}

    .icon .icon__svg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        display: block;
        transform: translate(-50%,-50%)
    }

.icon-1 {
    width: 48px;
    height: 48px
}

    .icon-1 > span {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(../_img/sprite-icons-1.png);
        position: absolute;
        top: 16px;
        left: 15px
    }

.icon-1-left-1 > span {
    background-position: 0 -15px
}

.icon-1:active {
    opacity: .5
}

.icon-2 {
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
    background-image: url(../_img/sprite-icons-2.png);
    text-decoration: none
}

    .icon-2:active {
        opacity: .5
    }

    .icon-2 .qty {
        font-size: 10px;
        color: #fff;
        background-color: #000;
        font-weight: 700;
        position: absolute;
        top: 3px;
        right: 3px;
        z-index: 10;
        text-align: center;
        display: inline-block;
        min-width: 11px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        border-radius: 100%
    }

.icon-2-basket-1 {
    background-position: 0 0
}

.icon-2-search-1 {
    background-position: 3px -47px
}

.icon-2-close-1 {
    background-image: url(../_img/close-1@2x.png)
}

.icon-2-myaccount-1 {
    background-position: 5px -227px
}

.icon-2-wishlist-1 {
    background-position: 2px -183px
}

.icon-2-barcode-1 {
    background-position: 50%;
    background-image: url(../_img/barcode--icon-white.png) !important
}

.back-1, .icon-1 {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0
}

.icon-1 {
    width: 38px;
    height: 30px;
    position: relative
}

.back-1:hover {
    opacity: .5
}

.back-1 span:first-child, .back-1-arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: 0 -15px;
    position: absolute;
    top: 16px;
    left: 13px
}

.back-1:active {
    opacity: .5
}

.icon-20 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 12px;
    background-image: url(../_img/sprite-icons-1.png)
}

    .icon-20.delete-1 {
        background-position: 3px -184px
    }

    .icon-20.info-1 {
        background-position: 4px -204px
    }

.edit .delete-1 {
    display: inline-block
}

.cnt-pages-2 .royalSlider .rsArrowIcn, .icon-21 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../_img/sprite-icons-1.png)
}

.cnt-pages-2 .royalSlider .rsArrowIcn {
    position: absolute
}

.icon-21.secure-1 {
    background-position: 7px -223px
}

.icon-21.expand-1 {
    background-position: 4px -242px
}

.giftcard-1 {
    height: 36px;
    background-position: 0 -70px
}

.giftcard-1, .giftcard-2 {
    width: 60px;
    background-image: url(../_img/sprite-cards-1.png)
}

.giftcard-2 {
    height: 38px;
    background-position: 0 -112px
}

.anim-rotate-go {
    transform: rotate(180deg);
    transition: all .2s linear
}

.anim-rotate-init {
    transform: rotate(0deg)
}

.anim-duration-02, .anim-rotate-init {
    transition: all .2s linear
}

.page {
    position: relative;
    margin: 0;
    paadding: 0
}

    .page > header {
        position: fixed;
        z-index: 500;
        display: none
    }

        .page > header, .page > header > .main {
            background-color: #bf0d3e;
            top: 0;
            left: 0;
            width: 100%;
            height: 48px
        }

            .page > header > .main {
                position: absolute;
                z-index: 550
            }

                .page > header > .main > .left {
                    width: 40%;
                    height: 48px;
                    float: left
                }

                    .page > header > .main > .left > a.menu {
                        display: inline-block;
                        width: 159px;
                        height: 48px;
                        background-image: url(../_img/logo-exl-1.png);
                        background-position: 42px 15px
                    }

                        .page > header > .main > .left > a.menu:active {
                            opacity: .5
                        }

                        .page > header > .main > .left > a.menu > span {
                            margin: 16px auto auto 9px
                        }

                    .page > header > .main > .left > span.logo {
                        display: inline-block;
                        width: 159px;
                        height: 48px;
                        background-image: url(../_img/logo-exl-1.png);
                        background-position: 42px 15px
                    }

                .page > header > .main > .right {
                    width: 60%;
                    height: 48px;
                    float: right;
                    text-align: right
                }

                    .page > header > .main > .right > ul {
                        float: right
                    }

                        .page > header > .main > .right > ul > li {
                            float: left
                        }

.fixfixed .page > header {
    position: absolute !important
}

.search {
    background-color: #fff;
    border-bottom: 2px solid #f0f0f0
}

.search, .search-2 {
    height: 42px;
    position: relative;
    width: 100%
}

.search-2 {
    background-color: inherit;
    border: none
}

.search .input-1 {
    width: 100%
}

@-moz-document url-prefix() {
    .search .input-1 {
        width: 96%
    }
}

.outer-input-1 {
    right: 35px
}

.outer-input-1, .outer-input-2 {
    position: absolute;
    top: 5px;
    left: 5px;
    width: auto
}

.outer-input-2 {
    right: 90px
}

.fr .outer-input-2 {
    right: 120px
}

.search .button-1 {
    width: 34px;
    border: none;
    background-color: #999;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: 9px -322px;
    background-repeat: no-repeat
}

.search .button-1, .search .button-2 {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    height: 34px
}

.search .button-2 {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    font-size: 17px;
    padding: 0 10px;
    line-height: 34px;
    color: #bf0d3e;
    border: 0;
    background: none;
    background-repeat: no-repeat;
    border-radius: 0;
    border: none;
    background-color: #fff
}

.suggest-1 {
    position: absolute;
    top: 48px;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    z-index: 200
}

    .suggest-1 .inner {
        padding: 0 7px 15px
    }

        .suggest-1 .inner a {
            display: block;
            padding: 5px 0
        }

            .suggest-1 .inner a span.more {
                color: #000
            }

.menu-1 {
    text-align: center
}

    .menu-1 ul {
        display: inline-block;
        width: 271px;
        margin: 0 auto
    }

        .menu-1 ul li ul li {
            display: inline-block;
            float: left
        }

.amenutop {
    display: inline-block;
    width: 90px;
    padding: 0;
    text-align: center;
    font-size: 15px;
    line-height: normal;
    position: relative
}

    .amenutop .icon-1 {
        display: block;
        width: 90px;
        height: 51px;
        background-image: url(../_img/sprite-icons-3.png)
    }

    .amenutop .txt-4 {
        display: block
    }

a.amenutop-home .icon-1 {
    background-position: center 12px
}

a.amenutop-cat .icon-1 {
    background-position: center -52px
}

a.amenutop-shops .icon-1 {
    background-position: center -114px
}

a.amenutop-wishlist .icon-1 {
    background-position: center -179px
}

a.amenutop-wishlist span.qty-4 {
    position: absolute;
    top: 26px;
    right: 0;
    left: 0;
    font-size: 12px;
    color: #fff !important;
    font-weight: 700;
    z-index: 10;
    text-align: center;
    display: inline-block;
    padding: 0 2px;
    min-width: 11px;
    height: 15px;
    line-height: 15px;
    border-radius: 7px
}

a.amenutop-myaccount {
    line-height: 15px
}

    a.amenutop-myaccount .icon-1 {
        background-position: center -244px
    }

    a.amenutop-myaccount .txt-4 {
        padding-top: 1px
    }

a.amenutop-contact .icon-1 {
    background-position: center -308px
}

.amenu, .cnt-pages-2 .faq-5 {
    font-size: 17px;
    display: block;
    position: relative
}

    .amenu span.txt, .cnt-pages-2 .faq-5 .txt {
        font-size: 17px;
        display: block;
        padding: 13px 86px 11px 0;
        margin: 0 0 0 50px;
        font-weight: 400;
        line-height: normal
    }

    .cnt-pages-2 .faq-5 .txt {
        margin: 0 0 0 43px
    }

.currency {
    display: inline-block;
    margin-right: 2px;
    vertical-align: baseline
}

.amenu span.txt .currency {
    font-size: 14px
}

.menu-block-1 ul > li:last-child a.amenu span.txt {
    padding: 14px 46px 14px 50px;
    margin: 0;
    line-height: normal
}

.amenu span.txt-2, .menu-block-1 ul > li:last-child a.amenu span.txt-2 {
    padding: 14px 46px 14px 0;
    margin: 0;
    line-height: normal
}

    .amenu span.txt-2 .title {
        color: #000
    }

.article_40 .message_40, .icon-4 {
    top: 50%;
    margin-top: -6px;
    right: 18px;
    width: 7px;
    height: 12px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -5px -306px
}

.article_40 .message_40, .icon-4, .icon-14 {
    display: inline-block;
    position: absolute;
    z-index: 5
}

.icon-14 {
    top: 8px;
    right: 0;
    width: 35px;
    height: 35px;
    background-image: url(../_img/sprite-icons-4.png)
}

.amenu span.icon-7, .cnt-pages-2 .faq-5 .icon-1 {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 18px;
    width: 15px;
    height: 15px;
    background-image: url(../_img/sprite-icons-1.png);
    background-position: 0 0;
    z-index: 5
}

.cnt-pages-2 .faq-5 .icon-1 {
    left: 11px
}

.recommend-1 span.icon-4 {
    top: 50%;
    margin-top: -6px
}

.no-icon-4 span.icon-4 {
    display: none
}

.amenu span.icon-3 {
    top: 50%;
    margin-top: -17px;
    left: 9px;
    width: 35px;
    height: 35px
}

.amenu span.icon-3, .amenu span.qty {
    display: inline-block;
    position: absolute;
    z-index: 5
}

.amenu span.qty {
    top: 16px;
    right: 30px;
    font-size: 12px
}

.amenu span.plus {
    display: inline-block;
    right: 0;
    background-position: 0 -515px
}

.amenu span.minus, .amenu span.plus {
    position: absolute;
    top: 2px;
    z-index: 5;
    width: 35px;
    height: 40px;
    background-image: url(../_img/sprite-icons-4.png)
}

.amenu span.minus {
    right: 35px;
    background-position: 0 -486px
}

.amenu-2 span.txt .left, .amenu-3 span.txt .left {
    position: relative;
    left: -40px
}

.amenu-2 span.txt .right, .amenu-3 span.txt .right {
    position: absolute;
    right: 30px;
    font-weight: 700
}

#deleteall-1 {
    background-color: #bf0d3e;
    color: #fff;
    font-weight: 700
}

    #deleteall-1 span.txt {
        color: #fff;
        font-weight: 700;
        font-size: 17px
    }

.cnt-pages-2 .faq-5 .inner-1 {
    padding: 7px 0 7px 43px
}

.cnt-pages-2 a.hideallanswers-1, .cnt-pages-2 a.showallanswers-1 {
    padding: 14px 46px 14px 0;
    font-size: 16px;
    display: block;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.cnt-pages-2 .faq-category-1 {
    padding: 0 0 15px
}

.cnt-pages-2 .last-2 {
    padding: 0
}

a.episode.unreleased {
    pointer-events: none;
    cursor: default
}

    a.episode.unreleased:hover span.txt, a.episode.unreleased:visited span.txt, a.episode.unreleased span.txt {
        color: #000
    }

.amenu-1 span.txt, .amenu-1:hover span.txt, .amenu-1:visited span.txt, .cnt-pages-2 .faq-5 .txt {
    color: #bf0d3e;
    border-bottom: 1px solid #fff
}

.amenu-1 span.fullwidthborder, .amenu-1:hover span.fullwidthborder, .amenu-1:visited span.fullwidthborder {
    padding: 14px 46px 14px 50px !important;
    margin: 0 !important
}

.amenu-1 span.smallwidthborder, .amenu-1:hover span.smallwidthborder, .amenu-1:visited span.smallwidthborder {
    padding: 14px 46px 14px 0 !important;
    margin: 0 0 0 50px !important
}

.amenu-1 .icon-right {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(25%,-50%)
}

.amenu-1 span.icon-3 {
    background-image: url(../_img/sprite-icons-4.png);
    background-position: -1000px 0;
    text-align: right;
    line-height: 32px;
    background-size: 35px auto
}

.amenu-1 span.icon-3-ebooks-1 {
    background-position: 0 -590px
}

.amenu-1 span.icon-3-books-1 {
    background-position: 0 0
}

.amenu-1 span.icon-3-book-1 {
    background-image: url(../_img/books@2x.png) !important;
    background-position: 0 0
}

.amenu-1 span.icon-3-music-1 {
    background-position: 0 -35px
}

.amenu-1 span.icon-3-movies-1 {
    background-position: 0 -70px
}

.amenu-1 span.icon-3-games-1 {
    background-position: 0 -105px
}

.amenu-1 span.icon-3-software-1 {
    background-position: 0 -210px
}

.amenu-1 span.icon-3-electronics-1 {
    background-position: 0 -245px
}

.amenu-1 span.icon-3-play-1 {
    background-position: 0 -175px
}

.amenu-1 span.icon-3-office-1 {
    background-position: 0 -280px
}

.amenu-1 span.icon-3-gifts-1 {
    background-position: 0 -315px
}

.amenu-1 span.icon-3-disney-1 {
    background-position: 0 -140px
}

.amenu-1 span.icon-3-shops-1 {
    background-position: 0 -390px
}

.amenu-1 span.icon-3-tel-1 {
    background-position: 0 -734px
}

.amenu-1 span.icon-3-openorders-1 {
    background-position: 0 -628px
}

.amenu-1 span.icon-3-closedorders-1 {
    background-position: 0 -662px
}

.amenu-1 span.icon-3-openinvoices-1 {
    background-position: 0 -698px
}

.amenu-1 span.icon-3-play-2 {
    background-position: -12px -814px
}

.amenu-1 span.icon-3-play-3 {
    background-position: 0 -814px
}

.amenu-1 span.icon-3-bon-1 {
    background-image: url(../_img/sprite-cards-1.png);
    background-position: 0 0
}

.amenu-1 span.icon-3-bon-2 {
    background-image: url(../_img/sprite-cards-1.png);
    background-position: 0 -32px
}

.amenu-1 span.icon-3-bon-3 {
    background-image: url(../_img/sprite-cards-1.png);
    background-position: 0 -74px
}

.amenu-1 span.icon-3-bon-4 {
    background-image: url(../_img/sprite-cards-1.png);
    background-position: 0 -114px
}

.amenu-1 span.icon-3-watchlist-1, .amenu-1 span.icon-3-wishlist-1 {
    background-position: 0 -458px
}

.amenu-1 span.icon-3-uv-1 {
    background-position: 0 -847px
}

.amenu-1 span.icon-3-library-1 {
    background-position: 0 -886px
}

.amenu-1 span.icon-5-arrow-1 {
    background-image: url(../_img/sprite-icons-1.png);
    background-position: 0 -4px
}

.amenu-1 span.qty {
    color: #000
}

.amenu-1 span.icon-14-ext-1 {
    background-position: 0 -1020px
}

a.amenu-1.tapped {
    background: hsla(0,0%,100%,.8)
}

.amenu-1-small {
    font-size: 14px;
    display: block;
    position: relative;
    padding: 7px 46px 5px 0;
    margin: 0 0 0 50px
}

.amenu-2 {
    background: #bf0d3e
}

    .amenu-2 span.txt {
        border-bottom: 1px solid #fff;
        color: #fff
    }

    .amenu-2 span.icon-4 {
        background-image: url(../_img/sprite-icons-1.png);
        background-position: -3px -106px
    }

    .amenu-2 span.icon-3 {
        background-image: url(../_img/sprite-icons-4.png);
        background-position: -1000px 0
    }

a.amenu-2.tapped {
    background-color: #cc3d65
}

#ftr-basket-1 .amenu-2 span.txt {
    border-bottom: 1px solid #bf0d3e
}

.amenu-2 .reduced-2, .amenu-2 .reduced-3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    z-index: 10
}

.rentbutton-1 {
    margin: 0 0 1px
}

.amenu-3 {
    background: #a4d4ca
}

    .amenu-3 span.txt {
        border-bottom: 1px solid #a4d4ca;
        color: #000
    }

    .amenu-3 span.icon-4 {
        background-image: url(../_img/sprite-icons-1.png);
        background-position: -3px -106px
    }

    .amenu-3 span.icon-3 {
        background-image: url(../_img/sprite-icons-4.png);
        background-position: -1000px 0
    }

    .amenu-3 span.icon-3-basket-1 {
        background-position: 0 -423px
    }

    .amenu-3 span.icon-3-play-1 {
        background-position: 0 -953px
    }

    .amenu-3 span.icon-14-ext-1 {
        background-position: 0 -917px
    }

    .amenu-3 span.icon-3-shops-1 {
        background-position: 0 -354px
    }

a.amenu-3.tapped {
    background: #b6ddd5
}

.amenu-2 span.txt-2, .amenu-3 span.txt-2 {
    padding: 4px 0 0;
    display: block;
    color: #fff;
    font-weight: 400
}

    .amenu-2 span.txt-2 .info-3, .amenu-3 span.txt-2 .info-3 {
        font-weight: 400
    }

.amenu-2 span.txt-3, .amenu-3 span.txt-3 {
    padding: 0 0 4px;
    display: block;
    color: #fff
}

    .amenu-2 span.txt-3 .currency, .amenu-3 span.txt-3 .currency {
        font-size: 14px
    }

.amenu-3 .reduced-2, .amenu-3 .reduced-3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    z-index: 10
}

a#basket-button-1, a#basket-button-1 .minus {
    background-color: #bf0d3e
}

    a#basket-button-1 span.txt {
        border-color: #bf0d3e;
        color: #fff;
        font-weight: 700;
        min-height: 23px
    }

    a#basket-button-1.tapped, a#basket-button-1.tapped .minus {
        background-color: #cc3d65
    }

.amenu-4 {
    background: #fff
}

    .amenu-4 span.txt {
        text-align: center;
        color: #bf0d3e
    }

    .amenu-4 span.icon-3 {
        background-image: url(../_img/sprite-icons-4.png);
        background-position: -1000px 0
    }

    .amenu-4 span.icon-4 {
        background-image: url(../_img/sprite-icons-1.png);
        background-position: -3px -105px
    }

    .amenu-4 span.icon-8 {
        position: absolute;
        top: 14px;
        left: 17px
    }

    .amenu-4 span.icon-3-basket-1 {
        background-position: 0 -423px
    }

    .amenu-4 span.icon-3-shops-1 {
        background-position: 0 -354px
    }

.amenu-5 {
    background-color: #fff
}

    .amenu-5 span.txt {
        padding: 15px 30px 15px 15px;
        margin: 0;
        color: #666
    }

    .amenu-5 span.icon-4 {
        background-image: url(../_img/sprite-icons-1.png);
        background-position: -3px -31px;
        top: 50%;
        margin-top: -6px
    }

a.amenu-5.tapped {
    background: hsla(0,0%,100%,.8)
}

#dyn-bar, #dyn-bar-absolute {
    background-color: #fff;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 490;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    border-bottom: 2px solid #f0f0f0
}

    #dyn-bar-absolute .right, #dyn-bar .right {
        position: absolute;
        top: 5px;
        right: 7px;
        z-index: 5
    }

    #dyn-bar.red {
        background-color: #bf0d3e
    }

.fixed-dyn-bar {
    position: fixed !important
}

.hide {
    transform: translate(0) !important
}

.hide, .show {
    transition: all .2s linear !important
}

.show {
    transform: translateY(48px) !important
}

.hide-2 {
    display: none !important
}

.overflower-1 {
    white-space: nowrap;
    overflow-x: visible;
    overflow-y: hidden;
    width: 3000px
}

ul.path, ul.path li {
    display: inline-block;
    white-space: nowrap
}

    ul.path li {
        float: left
    }

a.path-1, span.path-1 {
    display: inline-block;
    font-size: 14px;
    padding: 15px 16px 0 0;
    color: #666;
    position: relative
}

span.path-1 {
    color: #000
}

.path-1 > span {
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -11px -66px;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 20px;
    right: 3px;
    z-index: 4
}

#dyn-bar-absolute .path li:nth-child(2), #dyn-bar .path li:nth-child(2) {
    padding-left: 38px
}

.tabs-1 ul, .tabs-1 ul li {
    margin: 0;
    padding: 0
}

    .tabs-1 ul li {
        list-style: none;
        float: left;
        width: 33.333%
    }

        .tabs-1 ul li a {
            display: block;
            text-align: center;
            height: 120px;
            margin: 5px 0;
            background-image: url(../_img/bg-tab-1.png);
            background-repeat: repeat;
            position: relative;
            font-size: 11px
        }

.homedelivery-1 .icon-10 {
    position: absolute;
    bottom: 72px;
    left: 50%;
    margin-left: -16px;
    z-index: 4;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../_img/sprite-icons-7.png);
    background-position: 0 -40px
}

.homedelivery-1 .txt-9 {
    display: block;
    position: absolute;
    top: 55px;
    right: 5px;
    left: 5px;
    text-align: center;
    z-index: 0;
    color: #000
}

.homedelivery-1 {
    margin-right: 1px !important
}

    .homedelivery-1.on {
        background-color: #fff;
        height: 130px;
        margin: 0
    }

        .homedelivery-1.on .icon-10 {
            bottom: 77px
        }

        .homedelivery-1.on .txt-9 {
            top: 60px
        }

.storedelivery-1 .icon-10 {
    position: absolute;
    bottom: 72px;
    left: 50%;
    margin-left: -42px;
    z-index: 4;
    display: inline-block;
    width: 85px;
    height: 31px;
    background-image: url(../_img/sprite-icons-7.png);
    background-position: -70px 0
}

.storedelivery-1 .txt-9 {
    display: block;
    position: absolute;
    top: 55px;
    right: 5px;
    left: 5px;
    text-align: center;
    z-index: 0;
    color: #000
}

.storedelivery-1 {
    margin-right: 1px !important
}

    .storedelivery-1.on {
        background-color: #fff;
        height: 130px;
        margin: 0
    }

        .storedelivery-1.on .icon-10 {
            bottom: 77px
        }

        .storedelivery-1.on .txt-9 {
            top: 60px
        }

.pickmupdelivery-1 .icon-10 {
    position: absolute;
    bottom: 72px;
    left: 50%;
    margin-left: -35px;
    z-index: 4;
    display: inline-block;
    width: 70px;
    height: 36px;
    background-image: url(../_img/sprite-icons-7.png);
    background-position: 0 0
}

.pickmupdelivery-1 .txt-9 {
    display: block;
    position: absolute;
    top: 55px;
    right: 5px;
    left: 5px;
    text-align: center;
    z-index: 0;
    color: #000
}

.pickmupdelivery-1.on {
    background-color: #fff;
    height: 130px;
    margin: 0
}

    .pickmupdelivery-1.on .icon-10 {
        bottom: 77px
    }

    .pickmupdelivery-1.on .txt-9 {
        top: 60px
    }

.address-1 {
    padding: 5px 7px;
    color: #4d4d4f;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    background-image: url(../_img/bg-1.png);
    background-repeat: repeat;
    margin-bottom: 0
}

#delivery-1 {
    background-color: #fff
}

#delivery-2, #delivery-3 {
    background-color: #fff;
    padding: 8px 0 0
}

#main-menu {
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    height: 227px;
    z-index: 495
}

    #main-menu a.close-1 {
        background-color: #000;
        text-align: center;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        display: block;
        padding: 5px 10px;
        margin: 5px 0 0
    }

    #main-menu .close-1 > span {
        display: inline-block;
        width: 12px;
        height: 7px;
        background-image: url(../_img/sprite-icons-1.png);
        background-position: 0 -58px;
        margin: 0 5px 1px 0
    }

#main-search {
    background-color: #bf0d3e;
    z-index: 496
}

#main-menu.hide {
    top: -190px
}

#main-menu.show {
    top: 0
}

.migros-1 {
    color: #e9812a
}

.page > .main {
    margin-top: 48px;
    padding-top: 48px;
    position: relative
}

    .page > .main > .cnt {
        min-height: 300px
    }

    .page > .main > .cnt-padding-1 {
        padding: 15px 0 0
    }

    .page > .main.nopadding {
        padding-top: 0
    }

.txt-10 {
    padding: 0 7px;
    font-size: 16px;
    line-height: normal
}

.txt-small {
    padding: 0 7px 5px;
    font-size: 14px;
    line-height: normal
}

    .txt-small.red {
        color: #bf0d3e
    }

.bon-2, .bon-2:hover, .bon-2:visited {
    display: inline-block;
    background-color: #c1043b;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    width: 290px;
    height: 174px;
    position: relative;
    text-decoration: none;
    text-align: left
}

    .bon-2 .bondiscount-1 {
        font-size: 78px;
        line-height: normal;
        position: absolute;
        top: 15px;
        left: 93px;
        right: 11px;
        z-index: 5;
        max-height: 76px;
        overflow: hidden
    }

    .bon-2 .description-1 {
        font-size: 13px;
        line-height: 16px;
        top: 98px;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: uppercase
    }

    .bon-2 .description-1, .bon-2 .valid-1 {
        position: absolute;
        left: 95px;
        right: 11px;
        z-index: 5;
        overflow: hidden
    }

    .bon-2 .valid-1 {
        font-size: 12px;
        line-height: normal;
        bottom: 6px;
        text-align: right;
        opacity: .8;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.modal-bon-1 .bon-2 {
    margin-top: 70px
}

.bon-5, .bon-5:hover, .bon-5:visited {
    display: inline-block;
    background-color: #c1043b;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    width: 35px;
    height: 21px;
    position: relative;
    text-decoration: none;
    text-align: right;
    text-align: left;
    white-space: normal
}

    .bon-5 .bondiscount-1 {
        font-size: 7px;
        line-height: normal;
        top: 2px;
        max-height: 10px
    }

    .bon-5 .bondiscount-1, .bon-5 .description-1 {
        position: absolute;
        left: 11px;
        right: 2px;
        z-index: 5;
        overflow: hidden
    }

    .bon-5 .description-1 {
        font-size: 2px;
        line-height: 2px;
        top: 12px;
        height: 7px;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: uppercase
    }

    .bon-5 .valid-1 {
        font-size: 1px;
        line-height: normal;
        position: absolute;
        bottom: 1px;
        left: 11px;
        right: 2px;
        z-index: 5;
        height: x58px;
        overflow: hidden;
        text-align: right;
        opacity: .8;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.loader {
    background-image: url(../_img/ajax-loader.gif);
    width: 16px;
    height: 16px
}

.slider-1 {
    min-height: 135px;
    padding: 18px 7% 0;
    position: relative;
    text-align: center;
    background-color: #fff
}

.slider__title {
    font-weight: 700;
    font-size: 17px;
    margin: 0;
    padding: 0 0 4px;
    text-align: left;
    background: #fff;
    padding: 20px 7px 7px
}

.list__reduction {
    position: absolute;
    z-index: 5;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex
}

    .list__reduction .club-loggedin-2 .icon-1 {
        width: 23px;
        height: 18px;
        transform: translate(2px,-50%) scale(.9);
        top: 50%;
        left: 0;
        background-image: url(../_img/sprite-club-1.png);
        background-position: 1px -30px
    }

ul.list-1 .list__reduction .club-loggedin-2--wide {
    position: relative;
    text-align: left;
    width: 52px
}

    ul.list-1 .list__reduction .club-loggedin-2--wide .txt-1 {
        position: absolute;
        right: 2px;
        left: 49%;
        text-align: center
    }

.discount-box {
    position: relative;
    background-color: #bf0d3e;
    color: #fff;
    letter-spacing: -.05em;
    border: 1px solid #fff;
    font-weight: 700;
    text-align: center;
    width: 26px;
    height: 20px;
    padding-top: 7px;
    font-size: 12px;
    line-height: 12px;
    margin-left: 1px;
    background-clip: padding-box
}

.discount-box--orange {
    background-color: #e87722
}

.discount-box--label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    text-transform: uppercase;
    right: -1px;
    left: -1px;
    bottom: 0;
    z-index: 5;
    background-color: #000;
    font-size: 5px;
    line-height: 1.2;
    padding: 2px 1px 0;
    transform: translateY(100%);
    border: 1px solid #fff;
    -ms-flex-pack: center;
    justify-content: center;
    background-clip: padding-box
}

.price-label {
    color: #000;
    font-size: 10px;
    display: block
}

.cnt-pages-2 .royalSlider ul.list-1, .cnt-pages-2 .royalSlider ul.list-10, .slider-1 ul.list-1, .slider-1 ul.list-11 {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    border: none
}

    .cnt-pages-2 .royalSlider ul.list-1 li, .cnt-pages-2 .royalSlider ul.list-10 li, .slider-1 ul.list-1 li {
        width: 24%;
        padding-right: 1%;
        float: left;
        list-style: none;
        margin-left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

.cnt-pages-2 .royalSlider ul.list-11 li {
    width: 100%;
    padding-right: 0;
    float: none
}

.cnt-pages-2 .royalSlider ul.list-10 li.lastinrow {
    padding-right: 0
}

.cnt-pages-2 .royalSlider ul.list-1 li a, .cnt-pages-2 .royalSlider ul.list-10 li a {
    border: 0
}

.cnt-pages-2 .cms-slider-1 .txt-7 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.cnt-pages-2 .cms-slider-1 .txt-8 {
    right: 5%;
    width: 220px;
    top: 15px;
    position: absolute;
    text-align: left
}

.cnt-pages-2 .cms-slider-1 .text-8-1 {
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    padding: 0 0 5px;
    color: #fff
}

.cnt-pages-2 .cms-slider-1 .text-8-2 {
    font-size: 21px;
    line-height: normal;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    color: #fff
}

.cnt-pages-2 .cms-slider-1 .button-2 {
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    color: #fff;
    background-color: transparent;
    background-image: url(../_img/arrow-right-1@2x.png);
    padding: 0 25px 0 0
}

.cnt-pages-2 .royalSlider ul.list-10 > li > a .title-3 {
    display: block;
    font-size: 12px;
    line-height: 14px
}

.cnt-pages-2 .cms-slider-1 .rsArrowLeft, .cnt-pages-2 .cms-slider-1 .rsArrowRight, .cnt-pages-2 .royalSlider .rsArrowLeft, .cnt-pages-2 .royalSlider .rsArrowRight, .slider-1 .nav {
    position: absolute;
    top: 50px;
    display: inline-block;
    width: 21px;
    height: 35px;
    z-index: 50;
    margin: 0;
    padding: 0
}

.cnt-pages-2 .cms-slider-1 .rsArrowLeft, .cnt-pages-2 .cms-slider-1 .rsArrowRight {
    top: 50%;
    margin-top: -17px
}

.cnt-pages-2 .cms-slider-1 .rsArrowIcn, .cnt-pages-2 .royalSlider .rsArrowIcn, .slider-1 .nav span {
    top: 10px;
    left: 0;
    position: absolute
}

    .slider-1 .nav span.arrow-left-2 {
        right: 0;
        left: auto
    }

.cnt-pages-2 .cms-slider-1 .rsArrowRight .rsArrowIcn {
    right: 7px;
    left: auto
}

.cms-pages-2 .cms-slider-1 .rsArrowLeft, .slider-1 .prev {
    left: 0
}

.cnt-pages-2 .cms-slider-1 .rsArrowRight, .cnt-pages-2 .royalSlider .rsArrowRight, .slider-1 .next {
    right: 0
}

.slider-1 .title {
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 0 7px 15px
}

.slider-1 .title-2 {
    color: #000
}

.slider-1 .author, .slider-1 .title-2 {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    display: block;
    padding: 0
}

.slider-1 .author {
    color: #666
}

.slider-1 .loader {
    position: absolute;
    top: 55px;
    left: 49%;
    z-index: 10;
    display: none
}

.cnt-pages-2 ul.list-11 li .royalSlider {
    width: auto;
    height: auto
}

    .cnt-pages-2 ul.list-11 li .royalSlider .rsContent {
        width: 100%;
        height: auto;
        min-height: 1px;
        padding: 0;
        text-align: left
    }

.cnt-pages-3 .slider-1 {
    max-height: 290px;
    overflow: hidden;
    min-height: 135px;
    padding: 0;
    position: relative;
    text-align: center
}

    .cnt-pages-3 .slider-1 .inner-1 {
        position: relative
    }

.scrollbox-1 {
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-right: 3px solid #c7c8ca
}

a.recommend-1 {
    display: block;
    position: relative;
    padding: 13px 0;
    background-color: #fff;
    text-align: center
}

    a.recommend-1 .title {
        display: block;
        text-align: center;
        font-size: 13px;
        color: #666;
        padding: 0 7px 2px
    }

        a.recommend-1 .title h1 {
            display: inline;
            font-size: 12px;
            color: #666;
            padding: 0;
            margin: 0;
            line-height: normal
        }

    a.recommend-1 .img {
        padding: 0 4% 5px 0;
        max-height: 71px;
        display: inline
    }

        a.recommend-1 .img img {
            max-height: 71px;
            max-width: 40px;
            margin-top: 4px
        }

    a.recommend-1.tapped {
        background-color: #fff
    }

.layout-0, .layout-1 {
    border-top: 1px solid #fff
}

    .layout-1 + .layout-1 {
        border-top: none
    }

.txt-wrap {
    border-bottom: 1px solid #fff;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 50px
}

.txt-with-icon-right {
    color: #bf0d3e;
    font-size: 17px;
    padding: 13px 0 11px;
    font-weight: 400;
    line-height: normal
}

.layout-2 {
    border-top: 1px solid #fff
}

.menu-block-1-padding-bottom-small {
    padding-bottom: 10px
}

.menu-block-1-padding-bottom-medium {
    padding-bottom: 20px
}

.menu-block-1-padding-bottom-large {
    padding-bottom: 30px
}

.menu-block-1-margin-bottom-small {
    margin-bottom: 10px
}

.menu-block-1-margin-bottom-medium {
    margin-bottom: 20px
}

.menu-block-1-margin-bottom-large {
    margin-bottom: 30px
}

.menu-block-1-padding-inner-1 {
    padding: 9px 7px 10px 50px
}

#hide-cat-1 {
    display: none
}

.page > footer {
    background-color: #000;
    color: #fff;
    padding: 0 0 40px
}

.page.home > footer {
    padding-bottom: 80px
}

.page > footer > .language {
    text-align: center;
    padding: 0 0 20px
}

.page > footer > .view {
    text-align: center;
    color: #fff;
    font-size: 13px
}

    .page > footer > .view > a {
        color: #fff
    }

.page > footer > .footernav {
    text-align: center;
    color: #d1d3d4;
    font-size: 13px;
    padding: 20px 8px 20px 0;
    border-bottom: 1px solid #fff
}

    .page > footer > .footernav > ul > li {
        display: inline-block;
        margin: 0 0 5px
    }

        .page > footer > .footernav > ul > li > a {
            color: #fff;
            display: inline-block;
            padding: 0 5px 0 0;
            margin: 0 5px 0 0
        }

        .page > footer > .footernav > ul > li:last-child > a {
            border: 0
        }

.page > footer > .newsletter {
    padding: 0 9px 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    position: relative
}

    .page > footer > .newsletter label {
        padding: 0 0 2px;
        font-size: 14px
    }

    .page > footer > .newsletter .input-1 {
        padding-top: 0;
        padding-bottom: 0
    }

@-moz-document url-prefix() {
    .page > footer > .newsletter .input-1 {
        width: 96%
    }
}

.page > footer > .newsletter .outer-input-1 {
    position: absolute;
    top: 0;
    right: 100px;
    left: 0;
    width: auto
}

.fr .page > footer > .newsletter .outer-input-1 {
    right: 110px
}

.page > footer > .newsletter .button-1 {
    position: absolute;
    top: 0;
    right: 0
}

.page > footer > .social {
    text-align: center;
    padding: 10px 8px 10px 0;
    border-bottom: 1px solid #fff
}

    .page > footer > .social > ul > li {
        display: inline-block
    }

.page > footer > .customer-no {
    padding: 20px 7px;
    color: #d1d3d4;
    font-size: 14px;
    text-align: center
}

#acceptds a {
    color: #fff;
    text-decoration: underline
}

a.social {
    font-size: 10px;
    color: #d1d3d4;
    display: inline-block;
    width: 60px;
    padding: 5px;
    text-align: center
}

.social span {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../_img/sprite-social-1.png);
    margin: 0 auto;
    padding: 0 0 5px
}

a.fb span {
    background-position: 0 0
}

a.tw span {
    background-position: 0 -45px
}

a.win span {
    background-position: 0 -90px
}

a.app span {
    background-position: 0 -135px
}

.toplink {
    text-align: center;
    padding: 25px 8px 20px
}

.top, .top:hover, .top span {
    display: inline-block
}

    .top span {
        width: 21px;
        height: 23px;
        background-image: url(../_img/sprite-icons-7.png);
        background-position: 0 -75px
    }

ul.list-1 li {
    float: left
}

ul#prod-basket-1 .product {
    margin-left: 0;
    transition: all .5s ease
}

    ul#prod-basket-1 .product .availability {
        color: #414042
    }

.cnt-pages-2 .list-1 li a, .cnt-pages-2 .list-2 li a, .cnt-pages-2 .list-3 li a, .cnt-pages-2 .list-7 li a, .cnt-pages-2 .list-8 li a, .cnt-pages-2 .list-9 li a, .cnt-pages-2 .list-11 li a, ul.list-2 li a {
    position: relative
}

ul#prod-basket-1.edit .product, ul.list-2.edit .product {
    margin-left: 30px;
    transition: all .5s ease
}

ul.list-2 .checkbox-1 {
    position: absolute;
    top: 40%;
    left: -20px;
    z-index: 0;
    transition: all 0s ease
}

ul.list-2.edit .checkbox-1 {
    left: 8px;
    transition: all .5s ease
}

ul.list-2 .deleter-1 {
    position: absolute;
    top: 30%;
    right: 5px;
    z-index: 15
}

.cnt-pages-2 .list-1 > li > div.title, .cnt-pages-2 .list-2 > li > div.title, .cnt-pages-2 .list-3 > li > div.title, .cnt-pages-2 .list-7 > li > div.title, .cnt-pages-2 .list-8 > li > div.title, .cnt-pages-2 .list-9 > li > div.title, .cnt-pages-2 .list-11 > li > div.title, ul.list-2 > li > div.title {
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 7px 5px
}

.cnt-pages-2 .list-1 > li > div.title-2, .cnt-pages-2 .list-2 > li > div.title-2, .cnt-pages-2 .list-3 > li > div.title-2, .cnt-pages-2 .list-7 > li > div.title-2, .cnt-pages-2 .list-8 > li > div.title-2, .cnt-pages-2 .list-9 > li > div.title-2, .cnt-pages-2 .list-11 > li > div.title-2, ul.list-2 > li > div.title-2 {
    background: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 7px 5px
}

.cnt-pages-2 .list-1, .cnt-pages-2 .list-2, .cnt-pages-2 .list-3, .cnt-pages-2 .list-7, .cnt-pages-2 .list-8, .cnt-pages-2 .list-9, .cnt-pages-2 .list-11, ul.list-2 {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0
}

    .cnt-pages-2 .list-11 .list-11 {
        border: none
    }

    .cnt-pages-2 .list-1 li, .cnt-pages-2 .list-2 li, .cnt-pages-2 .list-3 li, .cnt-pages-2 .list-7 li, .cnt-pages-2 .list-8 li, .cnt-pages-2 .list-9 li, .cnt-pages-2 .list-11 li, ul.list-2 li {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none
    }

ul.list-3 li {
    float: left;
    padding: 0 5px 2px 0
}

.article_40, .product {
    display: block;
    position: relative
}

    .product .img {
        display: block
    }

a.product-layout-2 .img .play-3 {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 10
}

.cnt-pages-2 .royalSlider ul.list-1 .img-2 img, .cnt-pages-2 .royalSlider ul.list-11 .img-2 img, .cnt-pages-3 .royalSlider ul.list-10 .img-2 img, .product .img img {
    height: auto;
    width: auto
}

.cnt-pages-2 .royalSlider ul.list-10 .img-2 .play-3 {
    display: block;
    width: 25px;
    height: 25px;
    margin-top: -14px;
    margin-left: -13px;
    background-image: url(../_img/sprite-icons-4.png);
    background-position: 0 -990px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%
}

.cnt-pages-2 .royalSlider ul.list-10, .cnt-pages-2 .royalSlider ul.list-11 {
    margin: 0;
    padding: 0
}

.cnt-pages-2 .special, .product .special {
    position: absolute;
    z-index: 5
}

.cnt-pages-2 .price-2, .product .price {
    display: block;
    line-height: 11px;
    padding-top: 2px;
    position: relative
}

.product .price {
    position: relative;
    display: inline-block
}

    .product .price .diamond-1 {
        position: absolute;
        top: 1px;
        right: -20px;
        z-index: 5
    }

    .diamond-2, .product .price .diamond-1 {
        background-position: 0 -50px;
        width: 16px;
        height: 13px
    }

    .diamond-2, .diamond-3, .product .price .diamond-1 {
        display: inline-block;
        background-image: url(../_img/sprite-club-1.png)
    }

.diamond-3 {
    background-position: 0 -65px;
    width: 52px;
    height: 42px
}

.diamant-4 {
    background-size: 35px auto;
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../_img/clubdiamond-1@2x.png);
    position: relative;
    top: 6px
}

.highversion-1 .cnt-pages-2 .price-2, .highversion-1 .product .price {
    padding-top: 10px
}

.highversion-2 .cnt-pages-2 .price-2, .highversion-2 .product .price {
    padding-top: 18px
}

.article_40 .price_orginal_10, .cnt-pages-2 .price-old-1, .product .price .price-old {
    text-decoration: line-through;
    display: inline-block;
    color: #000
}

.article_40 .price_discount_40, .product .price .price-new {
    color: #bf0d3e;
    font-weight: 700
}

    .article_40 .price_discount_40 .currency, .product .price .price-new .currency {
        color: #000;
        font-weight: 400
    }

.product .price .price-start {
    font-size: 13px;
    color: #666
}

.product .play-2 {
    color: #bf0d3e;
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    margin: 5px 0 0
}

    .product .play-2 .icon-1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        background-image: url(../_img/sprite-icons-4.png);
        background-repeat: no-repeat;
        background-position: -11px -822px;
        width: 15px;
        height: 15px
    }

.product span.icon-14-ext-1 {
    display: none
}

.cnt-pages-2 .royalSlider ul.list-1 > li > a, a.product-layout-1 {
    width: 65px;
    text-align: center;
    padding: 0 2px
}

.cnt-pages-2 .royalSlider ul.list-10 > li > a {
    width: auto;
    text-align: center;
    padding: 0;
    display: block
}

.cnt-pages-2 .royalSlider ul.list-1 .img-2, a.product-layout-1 .img {
    padding: 0 0 5px;
    max-height: 91px;
    height: 91px;
    position: relative;
    display: block;
    top: 0;
    left: 0
}

.cnt-pages-2 .royalSlider ul.list-10 .img-2 {
    padding: 0;
    position: relative;
    display: block
}

.cnt-pages-2 .royalSlider ul.list-1 .img-2 img, a.product-layout-1 .img img {
    max-width: 62px;
    max-height: 91px;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.cnt-pages-2 .royalSlider ul.list-10 .img-2 img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.cnt-pages-2 .royalSlider .price-old-1, a.product-layout-1 .price .price-old {
    font-size: 10px;
    color: #000;
    padding-right: 1px;
    display: block
}

.cnt-pages-2 .royalSlider .price-new, a.product-layout-1 .price .price-new {
    font-size: 12px;
    font-weight: 700
}

.cnt-pages-2 .royalSlider ul.list-1 .special, a.product-layout-1 .special {
    top: 76px;
    left: 50%;
    margin-left: -14px
}

.cnt-pages-2 .royalSlider .cat-3, .cnt-pages-2 .royalSlider .currency-1, .cnt-pages-2 .royalSlider .date-3, .cnt-pages-2 .royalSlider .desc-3, .cnt-pages-2 .royalSlider .title-3 {
    display: none
}

.cnt-pages-2 .royalSlider .rsContent {
    width: auto;
    min-height: 135px;
    padding: 9px 7% 0;
    position: relative;
    text-align: center
}

.article_40, .cnt-pages-2 .list-1 > li > a, .cnt-pages-2 .list-2 > li > a, .cnt-pages-2 .list-3 > li > a, .cnt-pages-2 .list-7 > li > a, .cnt-pages-2 .list-8 > li > a, .cnt-pages-2 .list-9 > li > a, a.product-layout-2 {
    border-bottom: 1px solid #e6e6e6;
    padding: 9px 0 9px 68px;
    min-height: 73px;
    display: block
}

.cnt-pages-2 .list-7 > li > a, .cnt-pages-2 .list-8 > li > a, .cnt-pages-2 .list-9 > li > a, .cnt-pages-2 .list-11 > li > a, .cnt-pages-2 .list-11 > li ul li a {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0 9px 118px;
    min-height: 80px;
    display: block
}

.cnt-pages-2 .cnt-pages-2 .list-2, .cnt-pages-2 .cnt-pages-2 .list-3, .cnt-pages-2 .cnt-pages-2 .list-7, .cnt-pages-2 .cnt-pages-2 .list-8, .cnt-pages-2 .cnt-pages-2 .list-9, .cnt-pages-2 .cnt-pages-2 .list-11, .cnt-pages-2 .list-1, .cnt-pages-2 ul.list-2 {
    border-top: 1px solid #f0f0f0
}

.cnt-pages-2 ul.switch-layout-2 li a, .cnt-pages-2 ul.switch-layout-2 li div {
    border-color: #f0f0f0
}

.cnt-pages-2 select.select-1, .cnt-pages-2 select.select-search-1 {
    border: 2px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 10% 10px 2%
}

.cnt-pages-2 #searchbox2, .cnt-pages-2 input.input-1, .cnt-pages-2 textarea.textarea-1 {
    border: 2px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 44px;
    line-height: 44px
}

.cnt-pages-2 .error-1 input, .cnt-pages-2 .error-1 select, .cnt-pages-2 .error-1 textarea {
    border-color: #bf0d3e !important;
    background-color: #fff !important
}

ul.list-1 {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0
}

    ul.list-1 li.highversion-2 > a {
        min-height: 86px
    }

    ul.list-1 > li > a .reduced-2, ul.list-1 > li > a .reduced-3 {
        position: absolute;
        z-index: 10;
        top: 76px;
        left: 50%;
        margin-left: -14px
    }

        ul.list-1 > li > a .reduced-3 .icon-1 {
            display: none
        }

    ul.list-1 > li > a .reduced-4 {
        position: absolute;
        z-index: 10;
        width: 59px;
        top: 76px;
        left: 50%;
        margin-left: -29px
    }

        ul.list-1 > li > a .reduced-4 > span {
            float: left
        }

            ul.list-1 > li > a .reduced-4 > span.club-loggedout-1 {
                margin: 0 1px 0 0
            }

    ul.list-1 > li > a .reduced-5 {
        position: absolute;
        z-index: 10;
        top: 76px;
        left: 50%;
        margin-left: -14px
    }

        ul.list-1 > li > a .reduced-5 .icon-1 {
            display: none
        }

    ul.list-1 > li > a .reduced-6 {
        position: absolute;
        z-index: 10;
        top: 76px;
        left: 50%;
        margin-left: -14px
    }

    ul.list-1 > li > a .reduced-7 {
        position: absolute;
        z-index: 10;
        width: 59px;
        top: 76px;
        left: 50%;
        margin-left: -29px
    }

        ul.list-1 > li > a .reduced-7 > span {
            float: left
        }

            ul.list-1 > li > a .reduced-7 > span.club-loggedout-1 {
                margin: 0 1px 0 0
            }

ul.list-2 {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0
}

    ul.list-2 li.highversion-2 > a {
        min-height: 86px
    }

    ul.list-2 > li > a .reduced-2, ul.list-2 > li > a .reduced-3 {
        position: absolute;
        top: 50%;
        margin-top: -22px;
        right: 8px
    }

        ul.list-2 > li > a .reduced-3 .icon-1 {
            display: none
        }

        ul.list-2 > li > a .reduced-3 .club-loggedin-2 {
            width: 40px
        }

    ul.list-2 > li > a .reduced-4 {
        position: absolute;
        width: 42px;
        height: 85px;
        top: 50%;
        right: 8px;
        margin-top: -43px
    }

        ul.list-2 > li > a .reduced-4 > span {
            float: left
        }

            ul.list-2 > li > a .reduced-4 > span.club-loggedout-1 {
                margin: 0 0 1px
            }

    ul.list-2 > li > a .reduced-5 {
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -27px
    }

        ul.list-2 > li > a .reduced-5 .icon-1 {
            display: none
        }

    ul.list-2 > li > a .reduced-6 {
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -27px
    }

    ul.list-2 > li > a .reduced-7 {
        position: absolute;
        width: 42px;
        height: 96px;
        top: 50%;
        right: 8px;
        margin-top: -48px
    }

        ul.list-2 > li > a .reduced-7 > span {
            float: left
        }

            ul.list-2 > li > a .reduced-7 > span.club-loggedout-1 {
                margin: 0 0 1px
            }

.cnt-pages-2 .list-1, .cnt-pages-2 .list-2, .cnt-pages-2 .list-3, .cnt-pages-2 .list-7, .cnt-pages-2 .list-8, .cnt-pages-2 .list-9, .cnt-pages-2 .list-11 {
    border-top: 1px solid #e6e6e6;
    margin: 0;
    padding: 0
}

.article_40 .article_img_40, .cnt-pages-2 .img-2, a.product-layout-2 .img {
    max-height: 71px;
    position: absolute;
    top: 0;
    left: 8px
}

.cnt-pages-2 ul.list-10 .img-2 {
    max-height: 1000px
}

.article_40 .article_img_40 img, .cnt-pages-2 .list-1 > li > a > .img-2 img, .cnt-pages-2 .list-2 > li > a > .img-2 img, .cnt-pages-2 .list-3 > li > a > .img-2 img, a.product-layout-2 .img img {
    max-height: 82px;
    max-width: 54px;
    margin-top: 4px
}

.cnt-pages-2 .list-7 .img-2 img, .cnt-pages-2 .list-8 .img-2 img, .cnt-pages-2 .list-9 .img-2 img, .cnt-pages-2 .list-11 .img-2 img {
    max-height: 82px;
    max-width: 100px;
    margin-top: 4px
}

.cnt-pages-2 ul.list-10 .img-2 {
    top: auto;
    left: auto
}

.cnt-pages-2 .list-1 > li > a .amount-1, .cnt-pages-2 .list-2 > li > a .amount-1, .cnt-pages-2 .list-3 > li > a .amount-1 {
    font-size: 16px;
    font-weight: 700
}

.article_40 h2.title_40, .cnt-pages-2 .list-1 > li > a .title-3, .cnt-pages-2 .list-2 > li > a .title-3, .cnt-pages-2 .list-3 > li > a .title-3, .cnt-pages-2 .royalSlider ul.list-11 > li > a .title-3, .cnt-pages-2 .title-3, .cnt-pages-2 h2.title-3, a.product-layout-2 .title {
    font-size: 17px;
    line-height: 18px;
    color: #000;
    display: block;
    font-weight: 700;
    max-width: 78%;
    padding: 0 0 1px
}

    .cnt-pages-2 h2.title-3 .icon-1 {
        display: none
    }

    .article_40 h2.title_40 a {
        color: #000
    }

.article_40 .author_40, .cnt-pages-2 .desc-3, a.product-layout-2 .author, a.product-layout-2 .description {
    font-size: 14px;
    line-height: 15px;
    color: #666;
    display: block;
    padding: 0 0 5px;
    max-width: 78%
}

.article_40 .articlegroup_40, .cnt-pages-2 .desc-4, a.product-layout-2 .type {
    font-size: 12px;
    color: gray;
    display: block;
    padding: 0 0 3px;
    max-width: 78%
}

a.product-layout-2 .type-2 {
    font-size: 13px;
    line-height: 15px;
    color: #666;
    display: block;
    padding: 0 0 3px;
    max-width: 78%
}

.article_40 .price_orginal_10, .cnt-pages-2 .list-1 > li > a .price-old-1, .cnt-pages-2 .list-2 > li > a .price-old-1, .cnt-pages-2 .list-3 > li > a .price-old-1, a.product-layout-2 .price .price-old {
    font-size: 12px;
    color: #000;
    padding-right: 5px
}

.article_40 .price_40, a.product-layout-2 .price .price_discount_40 {
    font-size: 14px;
    font-weight: 400
}

.article_40 .currency_40, .cnt-pages-2 .currency-1, a.product-layout-2 .price .price-new .currency {
    font-size: 13px;
    color: #000
}

.article_40 .message_40, .cnt-pages-2 .icon-4, a.product-layout-2 .icon-4 {
    top: 50%;
    text-indent: -9999px;
    margin-top: -6px;
    display: none
}

.cnt-pages-2 .special, a.product-layout-2 .special {
    top: 50%;
    right: 8px;
    margin-top: -22px
}

a.product-layout-2.tapped {
    background: #fff
}

.edit a.product-layout-2.tapped {
    background: inherit
}

a.product-layout-2 .info-2 {
    font-size: 12px;
    color: #666;
    display: block;
    padding: 0 0 4px
}

.article_40 .addbasket_40, .article_40 .format_40, .article_40 .price_orginal_10, .article_40 .release_year_40 {
    display: none
}

.page-intro-1 {
    border-bottom: 1px solid #fff
}

.cnt-pages-2 .list-1 > li > .buttons-2, .cnt-pages-2 .list-2 > li > .buttons-2, .cnt-pages-2 .list-3 > li > .buttons-2, .cnt-pages-2 .list-7 > li > .buttons-2, .cnt-pages-2 .list-8 > li > .buttons-2, .cnt-pages-2 .list-9 > li > .buttons-2, .cnt-pages-2 .list-11 > li > .buttons-2 {
    display: none
}

.cnt-pages-2 ul.list-1 li, .cnt-pages-2 ul.list-3 li, .cnt-pages-2 ul.list-11 li {
    float: none
}

.cnt-pages-2 .cat-3, .cnt-pages-2 .date-3, .cnt-pages-2 .reduced-2 {
    display: none
}

.product-layout-3 {
    padding: 9px 7px 9px 100px;
    min-height: 120px
}

    .product-layout-3 .img {
        position: absolute;
        top: 5px;
        left: 7px
    }

        .product-layout-3 .img .play-1 {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            background-image: url(../_img/bg-4.png);
            background-repeat: repeat;
            text-align: center;
            padding: 5px
        }

            .product-layout-3 .img .play-1 .icon-1 {
                width: 14px;
                height: 14px;
                background-image: url(../_img/sprite-icons-4.png);
                background-position: -11px -822px;
                display: inline-block
            }

        .product-layout-3 .img img {
            max-height: 126px;
            max-width: 80px;
            margin-top: 4px
        }

        .product-layout-3 .img a {
            display: block
        }

            .product-layout-3 .img a .icon-21 {
                position: absolute;
                left: 0;
                bottom: 3px
            }

    .product-layout-3 .title {
        font-size: 17px;
        line-height: 18px;
        color: #000;
        display: block;
        padding: 0 0 3px
    }

    .product-layout-3 .author {
        font-size: 13px;
        line-height: 15px;
        color: #414042;
        display: block;
        padding: 0 0 7px
    }

    .product-layout-3 .type {
        font-size: 12px;
        color: #4d4d4f;
        display: block;
        padding: 0 0 7px
    }

    .product-layout-3 .type-2 {
        font-size: 13px;
        line-height: 15px;
        color: #414042;
        display: block;
        padding: 0 0 4px
    }

    .product-layout-3 .info-2 {
        font-size: 12px;
        color: #4d4d4f;
        display: block;
        padding: 0 0 2px
    }

    .product-layout-3 .fsk-1 {
        font-size: 11px;
        color: #fff;
        background-color: #000;
        display: inline-block;
        padding: 1px 2px 0;
        font-weight: 400;
        margin: 0 0 10px
    }

    .product-layout-3 .sd-hd-1 {
        display: block
    }

        .product-layout-3 .sd-hd-1 .col-1 {
            display: inline-block;
            float: left;
            padding: 0 10px 0 0
        }

        .product-layout-3 .sd-hd-1 .col-2 {
            display: inline-block;
            float: left;
            padding: 7px 10px 0 0
        }

        .product-layout-3 .sd-hd-1 .col-3 {
            display: inline-block;
            float: right
        }

    .product-layout-3 .price .price-old {
        font-size: 13px;
        color: #000;
        padding-right: 5px;
        padding-bottom: 5px;
        display: block
    }

    .product-layout-3 .price .price-new {
        font-size: 15px;
        font-weight: 700
    }

        .product-layout-3 .price .price-new .currency {
            font-size: 13px;
            font-weight: 400
        }

    .product-layout-3 .special {
        top: -10px;
        right: 7px
    }

        .product-layout-3 .special > span {
            float: right
        }

        .product-layout-3 .special > .club-loggedout-1 {
            margin: 0 0 0 1px
        }

    .product-layout-3.highversion-1 .price, .product-layout-3.highversion-1 .type {
        padding-right: 60px
    }

    .product-layout-3 .pos-5 {
        top: 0;
        right: 0;
        position: absolute;
        z-index: 5
    }

        .product-layout-3 .pos-5 .uv-logo-1 {
            top: -10px;
            right: 47px;
            position: absolute;
            z-index: 6
        }

    .product-layout-3 .info {
        margin-top: 2px
    }

    .product-layout-3 .info-4 {
        font-size: 12px;
        color: #4d4d4f;
        display: block;
        padding: 0 0 2px
    }

    .product-layout-3 .price {
        padding-bottom: 5px;
        display: block
    }

.shop {
    position: relative;
    display: block
}

.shops-1 {
    margin: 0 0 30px
}

a.shop-layout-1 {
    padding: 10px 7px;
    border-bottom: 1px solid #fff
}

    a.shop-layout-1.tapped {
        background: #fff
    }

.shop-layout-1 .title {
    display: block;
    color: #010101;
    font-size: 17px;
    width: 85%
}

.shop-layout-1 .info {
    font-size: 13px;
    color: #414042;
    width: 85%
}

.shop-layout-1 .icon-4 {
    top: 40%
}

a.load-more-1 {
    display: block;
    text-align: center;
    padding: 26px 7px;
    font-size: 17px;
    clear: both;
    font-weight: 700
}

    a.load-more-1 .qty {
        display: block;
        padding: 3px 0;
        font-size: 13px;
        font-weight: 400
    }

    a.load-more-1.tapped {
        background: #fff
    }

#edit-basket-1 span.on {
    display: none
}

#edit-basket-1.on span.on {
    display: inline-block
}

#edit-basket-1.on span.off, .edit-1 span.on {
    display: none
}

.edit-1.on span.on {
    display: inline-block
}

.changedeliveryadress-1, .edit-1.on span.off {
    display: none
}

.order.edit .changedeliveryadress-1 {
    display: block !important
}

ul.switch, ul.switch li {
    display: inline-block
}

    ul.switch li {
        float: left
    }

        ul.switch li a, ul.switch li div {
            display: inline-block;
            border: 1px solid #000;
            border-width: 1px 0 1px 1px;
            padding: 9px 6px;
            position: relative
        }

        ul.switch li:last-child a, ul.switch li:last-child div {
            border-width: 1px
        }

            ul.switch li:last-child a.display-none {
                display: none
            }

        ul.switch li a.on {
            display: inline-block
        }

ul.switch-layout-1 li {
    font-size: 13px
}

    ul.switch-layout-1 li a, ul.switch-layout-1 li div {
        border-color: #fff;
        color: #fff
    }

        ul.switch-layout-1 li a.on {
            background-color: #fff;
            color: #000
        }

ul.switch-layout-2 li {
    font-size: 13px
}

    ul.switch-layout-2 li a, ul.switch-layout-2 li div {
        border-color: #fff;
        color: #bf0d3e
    }

        ul.switch-layout-2 li .on, ul.switch-layout-2 li a.edit-1, ul.switch-layout-2 li a.on {
            background-color: #fff;
            color: #bf0d3e
        }

.filter-1 {
    padding: 5px 7px 0;
    clear: both
}

    .filter-1 .left {
        width: 55%;
        float: left;
        white-space: nowrap
    }

    .filter-1 .right {
        width: 45%;
        float: right;
        text-align: right
    }

.fr .filter-1 .left ul li {
    clear: both
}

.table-1 tr > td {
    font-size: 14px;
    color: #666;
    padding: 0 7px 7px 0
}

    .table-1 tr > td:first-child {
        font-size: 11px;
        color: #666;
        padding: 2px 7px 7px 0;
        width: 25%
    }

.table-3 {
    width: 100%;
    border-top: 1px solid #fff
}

    .table-3, .table-3 td {
        border-bottom: 1px solid #fff
    }

        .table-3 td {
            color: #4d4d4f;
            padding: 10px 7px 10px 0
        }

        .table-3 tfoot td {
            color: #666;
            font-weight: 700
        }

.table-basket-1 tr > td {
    border: none
}

    .table-basket-1 tr > td:first-child {
        padding: 5px 7px !important;
        line-height: normal;
        vertical-align: top
    }

    .table-basket-1 tr > td:nth-child(2) {
        padding: 5px 3px 5px 0 !important;
        width: 1%;
        line-height: 14px;
        vertical-align: bottom;
        text-align: right
    }

    .table-basket-1 tr > td.bon-1:nth-child(2) {
        padding-top: 2px !important
    }

    .table-basket-1 tr > td:last-child {
        padding: 5px 16px 5px 0 !important;
        width: 1%;
        text-align: right;
        white-space: nowrap;
        line-height: normal
    }

.table-basket-1 tbody tr:first-child > td {
    padding-top: 10px !important
}

.table-basket-1 tfoot tr:last-child > td {
    padding-bottom: 10px !important
}

.table-basket-1 .price {
    line-height: normal
}

    .table-basket-1 .price .price-old {
        display: block;
        font-size: 10px;
        text-decoration: line-through
    }

    .table-basket-1 .price .price-new {
        display: block;
        font-size: 15px
    }

.table-basket-2 tr > td:first-child {
    width: 50px;
    border: none;
    margin: 0;
    padding: 0;
    position: relative
}

.table-basket-2 tr > td:last-child {
    width: 110px;
    text-align: right
}

.table-basket-2 .price {
    line-height: normal
}

    .table-basket-2 .price .price-old {
        display: block;
        font-size: 10px;
        text-decoration: line-through
    }

    .table-basket-2 .price .price-new {
        display: inline-block;
        font-size: 15px;
        position: relative
    }

.table_40 {
    width: 100%
}

    .table_40 th {
        font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
        font-weight: 700;
        text-align: left
    }

    .table_40 td, .table_40 th {
        border-bottom: 1px solid #fff;
        padding: 5px
    }

.accordion .detail {
    font-size: 13px
}

.accordion-layout-1 .detail, .accordion-layout-2 .detail, .accordion-layout-4 .detail, .accordion-layout-5 .detail {
    padding: 10px 7px 15px 0;
    margin: 0 0 0 50px;
    border-bottom: 1px solid #fff
}

.accordion-layout-3 span.txt {
    font-size: 14px;
    padding: 8px 46px 8px 0
}

.accordion-layout-3 span.txt--wide, .amenu span.txt {
    padding-right: 40px
}

.accordion-layout-3 span.txt span.date {
    font-size: 12px;
    color: #4d4d4f;
    display: block;
    margin-top: 2px
}

.accordion h4 {
    cursor: pointer
}

.accordion-layout-5 h3 {
    font-weight: 700
}

.accordion-layout-5 p {
    margin-bottom: 10px
}

    .accordion-layout-5 p:last-of-type {
        margin-bottom: 0
    }

.themenwelt-recommend {
    border-bottom: 1px solid #e6e6e6
}

#otherformats-accordion {
    padding-top: 10px
}

    #otherformats-accordion.accordion-white {
        background-color: #fff
    }

        #otherformats-accordion.accordion-white > h4 {
            border-bottom: none
        }

        #otherformats-accordion.accordion-white > .detail {
            padding: 0
        }

            #otherformats-accordion.accordion-white > .detail > .otherformats-category > h5 {
                border-top: 1px solid #666;
                font-size: 16px;
                color: #000;
                padding: 10px 0;
                margin: 0
            }

            #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item {
                font-size: 14px;
                border-top: 1px solid #e6e6e6;
                padding-top: 15px;
                padding-bottom: 10px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box
            }

                #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a {
                    display: block
                }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-cover {
                        display: inline-block;
                        width: 13%;
                        box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box
                    }

                        #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-cover > img {
                            display: inline-block;
                            max-width: 75px;
                            width: 100%;
                            height: auto;
                            vertical-align: top
                        }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-description {
                        display: inline-block;
                        width: 87%;
                        padding-left: 10px;
                        text-decoration: none;
                        vertical-align: top;
                        box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box
                    }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a:hover > div.item-description {
                        text-decoration: none
                    }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-description > span.item-name {
                        font-weight: 700;
                        color: #000
                    }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-description > div.item-format {
                        color: #666;
                        padding: 4px 0 10px
                    }

                    #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-description > div.price {
                        font-weight: 700;
                        padding-top: 10px
                    }

                        #otherformats-accordion.accordion-white > .detail > .otherformats-category > .otherformats-item > a > div.item-description > div.price > span.price-old {
                            color: #666
                        }

.player-1 {
    padding: 25px 0 25px 50px
}

.sportxxryffel-1 {
    width: 108px;
    background-position: 0 0
}

.sportxx-1, .sportxxryffel-1 {
    display: inline-block;
    height: 30px;
    background-image: url(../_img/sprite-pickmup-1.png)
}

.sportxx-1 {
    width: 75px;
    background-position: 0 -31px
}

.sportxxoutdoor-1 {
    width: 77px;
    height: 27px;
    background-position: 0 -62px
}

.sportxxoutdoor-1, .sportxxoutdoorryffel-1 {
    display: inline-block;
    background-image: url(../_img/sprite-pickmup-1.png)
}

.sportxxoutdoorryffel-1 {
    width: 75px;
    height: 48px;
    background-position: 0 -90px
}

.ryffel-1 {
    width: 58px;
    height: 41px;
    background-position: 0 -138px
}

.outdoorryffel-1, .ryffel-1 {
    display: inline-block;
    background-image: url(../_img/sprite-pickmup-1.png)
}

.outdoorryffel-1 {
    width: 110px;
    height: 27px;
    background-position: 0 -179px
}

.migrolino-1 {
    width: 74px;
    height: 20px;
    background-position: 0 -210px
}

.migrolino-1, .migros-2 {
    display: inline-block;
    background-image: url(../_img/sprite-pickmup-1.png)
}

.migros-2 {
    width: 75px;
    height: 13px;
    background-position: 0 -233px
}

.micasa-1 {
    display: inline-block;
    width: 83px;
    height: 30px;
    background-image: url(../_img/sprite-pickmup-1.png);
    background-position: -110px 0
}

.exlibris-1 {
    width: 80px;
    background-position: -76px -32px
}

.digitec-1, .exlibris-1 {
    display: inline-block;
    height: 18px;
    background-image: url(../_img/sprite-pickmup-1.png)
}

.digitec-1 {
    width: 92px;
    background-position: -78px -56px
}

.logo-1 {
    margin: 0 0 15px
}

#go-checkout-1 {
    background-color: #bf0d3e;
    color: #fff
}

    #go-checkout-1 span.txt .left, #go-checkout-1 span.txt .right {
        color: #fff
    }

.edit #go-checkout-1 {
    display: none
}

.edit #edit-basket-2 {
    display: block
}

#select-all-prod-1 {
    border-right: 1px solid #eaeef3
}

.step {
    display: inline-block;
    margin: 10px 5px 0 0;
    font-size: 14px
}

    .step.on {
        padding-right: 7px;
        color: #000
    }

    .step span {
        display: inline-block;
        width: 26px;
        height: 26px;
        border: 1px solid #808285;
        background-color: #808285;
        border-radius: 13px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        line-height: 26px;
        margin: 0 3px 0 0
    }

    .step.done span, .step.on span {
        border-color: #bf0d3e;
        background-color: #bf0d3e;
        color: #fff
    }

.tabs-1 .bobble {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%)
}

.group-cards .bobble {
    position: relative
}

.tabs-1 .on .bobble {
    bottom: 20px
}

    .checkbox--magic:checked + .group-card--content .bobble:after, .checkbox--magic:checked + .group-card--popup-label .bobble:after, .group-cards .on .bobble:after, .tabs-1 .on .bobble:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.bobble {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #bf0d3e;
    border-radius: 100%
}

.checkbox--magic:checked + .group-card--content .bobble:after, .checkbox--magic:checked + .group-card--popup-label .bobble:after, .on .bobble:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #666
}

.group-card--popup.group-delivery-details select {
    margin-top: 10px;
    margin-bottom: 20px
}

.shopnav {
    padding: 25px 0
}

    .shopnav .hit-list-1 {
        margin-top: 2px
    }

.ad-1 {
    font-size: 1px
}

    .ad-1 img {
        width: 100%;
        height: auto
    }

.ad-1-1 {
    padding-bottom: 10px
}

.ad-1-2 {
    padding-bottom: 20px
}

.ad-1-3 {
    padding: 10px 10px 20px
}

.padding-1 {
    padding: 12px 0 0
}

.padding-2 {
    padding: 5px 0
}

.padding-3 {
    padding: 0 7px 18px
}

.padding-4 {
    padding: 5px 7px 0
}

.form-2 .padding-5, .padding-5 {
    padding: 10px 10px 30px
}

.padding-6 {
    padding: 0 10px
}

    .padding-6 span.minus {
        right: 0
    }

.padding-7 {
    padding: 0 0 10px
}

.form-2 .padding-8, .padding-8 {
    padding: 10px;
    border-bottom: 1px solid #fff
}

.padding-9 {
    padding: 25px 7px 0
}

.padding-10 {
    padding: 5px 0 3px
}

.padding-11 {
    padding: 0 8px 0 0
}

.padding-12 {
    padding-bottom: 15px
}

.padding-13 {
    padding: 0 !important
}

.padding-14 {
    padding-top: 13px
}

.padding-15 {
    padding: 15px 0 10px
}

.padding-16 {
    padding: 0 15px
}

.margin-1 {
    margin: 0
}

.margin-2 {
    margin-left: 35px
}

.margin-3 {
    margin: 10px 0
}

.margin-4 {
    margin-top: 24px
}

.margin-5 {
    margin-bottom: 1px
}

.margin-6 {
    margin-top: 5px
}

.margin-7 {
    margin-top: 10px
}

.margin-8 {
    margin: 10px 0 15px
}

.accordion-layout-1 .margin-9, .accordion-layout-2 .margin-9, .accordion-layout-4 .margin-9, .margin-9 {
    margin: 0
}

.margin-10 {
    margin: 0 0 0 50px
}

.margin-11 {
    margin: 0 0 20px
}

.margin-12 {
    margin-top: 10px
}

.margin-13 {
    margin-bottom: 10px
}

.width-92p {
    width: 92%
}

.width-100p {
    width: 100%
}

.height-1 {
    height: 40px
}

.height-2 {
    height: 120px
}

.pos-1 {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 450;
    display: none
}

.pos-2 {
    top: 0;
    right: 7px
}

.pos-2, .pos-3 {
    position: absolute
}

.pos-3 {
    top: 10px;
    left: 15px;
    z-index: 5
}

.pos-4 {
    position: absolute;
    top: 11px;
    right: 45px;
    z-index: 400;
    display: none
}

.pos-5 {
    right: 95px
}

.pos-6 {
    right: 4px
}

.pos-6, .pos-7 {
    position: relative;
    top: 1px
}

.pos-7 {
    left: 4px
}

.pos-8 {
    position: relative;
    margin-right: 4px
}

.pos-9 {
    position: absolute !important;
    left: -38px;
    bottom: 2px;
    z-index: 5
}

.pos-10 {
    position: relative;
    left: 4px;
    z-index: 4
}

.pos-11 {
    position: absolute;
    right: 4px;
    bottom: 9px;
    z-index: 5
}

.fr .pos-5 {
    right: 125px
}

.buy-rent-1 {
    text-transform: uppercase
}

p.small-bold {
    font-size: 11px;
    font-weight: 700;
    color: #000
}

.vodinfo-1 span.buy-rent-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    font-size: 7px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.05em;
    padding: 1px;
    position: absolute;
    right: -1px;
    left: -1px;
    bottom: 0;
    z-index: 10;
    transform: translateY(100%)
}

ul.list-1 .vodinfo-1 span.buy-rent-1 {
    font-size: 5px;
    line-height: 1.2;
    padding: 2px 1px 0;
    transform: translateY(100%)
}

.reduced-2, .reduced-3, .reduced-4, .reduced-5, .reduced-6, .reduced-7 {
    line-height: 1px
}

.club-loggedout-1 {
    cursor: pointer;
    line-height: normal;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    background-color: #bf0d3e;
    color: #fff;
    position: relative
}

    .club-loggedout-1 .icon-1 {
        display: inline-block;
        width: 32px;
        height: 26px;
        background-image: url(../_img/sprite-club-1.png);
        background-position: 0 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -16px;
        margin-top: -13px;
        z-index: 5
    }

.discount-1 {
    background-color: #8246af;
    color: #fff
}

.discount-1, .discount-2 {
    position: relative;
    line-height: 18px;
    display: inline-block;
    width: 40px;
    height: 29px;
    padding-top: 11px;
    border: 1px solid #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center
}

.discount-2 {
    background-color: #98dbce;
    color: #000
}

.discount-3 {
    line-height: 20px;
    height: 29px;
    padding-top: 11px;
    font-size: 17px;
    background-color: #e87722;
    color: #fff;
    letter-spacing: -.05em
}

.discount-3, .discount-4 {
    position: relative;
    display: inline-block;
    width: 40px;
    border: 1px solid #fff;
    font-weight: 700;
    text-align: center
}

.discount-4 {
    line-height: 24px;
    height: 32px;
    padding-top: 8px;
    font-size: 23px;
    background-color: #fae100;
    color: #000
}

.club-loggedin-2, .club-loggedout-3 {
    line-height: normal;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    background-color: #bf0d3e;
    color: #fff;
    position: relative
}

    .club-loggedin-2 .icon-1, .club-loggedout-3 .icon-1 {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-image: url(../_img/sprite-3.png);
        background-position: -90px -425px;
        position: absolute;
        top: 8px;
        left: 7px;
        z-index: 5
    }

    .club-loggedin-2 .txt-1, .club-loggedout-3 .txt-1 {
        display: inline-block;
        position: absolute;
        top: 2px;
        right: 1px;
        left: 1px;
        z-index: 5;
        text-align: center;
        line-height: 24px
    }

    .club-loggedin-2 .discount-5, .club-loggedout-3 .discount-5 {
        display: block;
        font-size: 17px;
        line-height: 19px;
        font-weight: 700;
        text-align: center
    }

    .club-loggedin-2.fourdigits-1 .discount-5, .club-loggedout-3.fourdigits-1 .discount-5 {
        font-size: 14px;
        letter-spacing: -.05em
    }

    .club-loggedin-2 .info-1, .club-loggedout-3 .info-1 {
        display: block;
        font-size: 8px;
        line-height: 8px;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
        padding: 0 3px
    }

.club-loggedin-3 {
    line-height: normal;
    height: 51px;
    border: 1px solid #fff;
    font-size: 21px;
    font-weight: 700;
    background-color: #bf0d3e;
    color: #fff;
    position: relative
}

    .club-loggedin-3, .club-loggedin-3 .txt-1 {
        display: inline-block;
        width: 51px;
        text-align: center
    }

        .club-loggedin-3 .txt-1 {
            position: absolute;
            top: 3px;
            left: 0;
            z-index: 5;
            line-height: 24px
        }

.club-loggedout-5 .discount-5 {
    display: block;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    height: 18px;
    line-height: 18px
}

.club-loggedout-5.fourdigits-1 .discount-5 {
    font-size: 15px;
    line-height: 16px;
    padding-top: 1px;
    height: 17px;
    letter-spacing: -.05em
}

.club-loggedout-5.fivedigits-1 .discount-5 {
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    height: 16px;
    letter-spacing: -.05em
}

.club-loggedout-5 .info-1 {
    display: block;
    font-size: 7px;
    line-height: 7px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 0 1px
}

.club-loggedout-5 {
    line-height: normal;
    height: 40px;
    border: 1px solid #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #fae100;
    color: #000;
    position: relative
}

    .club-loggedout-5, .club-loggedout-5 .txt-1 {
        display: inline-block;
        width: 40px;
        text-align: center
    }

        .club-loggedout-5 .txt-1 {
            position: absolute;
            top: 7px;
            left: 0;
            z-index: 5;
            line-height: 24px
        }

.clubmodal-1 {
    text-align: left;
    padding: 60px 10px 10px
}

    .clubmodal-1 .title-1 {
        font-size: 18px;
        line-height: 18px;
        font-weight: 700;
        color: #000;
        position: relative
    }

        .clubmodal-1 .title-1 .diamond-3 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5
        }

    .clubmodal-1 .txt-2 {
        padding-top: 20px
    }

    .clubmodal-1 .col-1 {
        width: 80px;
        vertical-align: top
    }

        .clubmodal-1 .col-1 img {
            width: 80px
        }

    .clubmodal-1 .col-2 {
        width: 15px;
        vertical-align: top
    }

    .clubmodal-1 .col-3 {
        vertical-align: top;
        font-size: 14px;
        line-height: 16px
    }

    .clubmodal-1 .small {
        font-size: 10px;
        line-height: normal
    }

.modal-wrap {
    padding-bottom: 20px
}

.modal-wrap-centered {
    text-align: center
}

.modal-wrap .title-main {
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #666
}

ul.list-1 .discount-1, ul.list-1 .discount-2, ul.list-1 .discount-3, ul.list-1 .discount-4 {
    width: 26px;
    height: 20px;
    padding-top: 7px;
    font-size: 12px;
    line-height: 12px
}

ul.list-1 .club-loggedout-1 {
    width: 26px;
    height: 26px
}

    ul.list-1 .club-loggedout-1 .icon-1 {
        width: 23px;
        height: 18px;
        background-position: 1px -30px;
        margin-left: -12px;
        margin-top: -9px
    }

ul.list-1 .club-loggedin-2, ul.list-1 .club-loggedout-3 {
    width: 26px;
    height: 26px;
    font-size: 12px
}

    ul.list-1 .club-loggedin-2 .txt-1, ul.list-1 .club-loggedout-3 .txt-1 {
        top: 4px;
        line-height: 24px
    }

    ul.list-1 .club-loggedin-2 .discount-5, ul.list-1 .club-loggedout-3 .discount-5 {
        font-size: 12px;
        line-height: 11px
    }

    ul.list-1 .club-loggedin-2 .info-1, ul.list-1 .club-loggedout-3 .info-1 {
        font-size: 5px;
        line-height: 5px
    }

    ul.list-1 .club-loggedin-2.fourdigits-1 .discount-5, ul.list-1 .club-loggedout-3.fourdigits-1 .discount-5 {
        font-size: 10px
    }

ul.list-1 .club-loggedout-5 {
    width: 26px;
    height: 26px
}

    ul.list-1 .club-loggedout-5 .txt-1 {
        width: 26px;
        top: 4px;
        line-height: 24px
    }

    ul.list-1 .club-loggedout-5 .discount-5 {
        font-size: 12px;
        height: 14px;
        line-height: 14px
    }

    ul.list-1 .club-loggedout-5 .info-1 {
        font-size: 5px;
        line-height: 5px
    }

    ul.list-1 .club-loggedout-5.fourdigits-1 .discount-5 {
        font-size: 10px;
        height: 13px
    }

    ul.list-1 .club-loggedout-5.fivedigits-1 .discount-5 {
        font-size: 8px;
        height: 12px
    }

.cnt-pages-1 {
    padding: 20px 7px;
    font-size: 17px
}

    .cnt-pages-1 img {
        max-width: 100%;
        height: auto
    }

    .cnt-pages-1 h1, .cnt-pages-1 h2 {
        font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
        font-weight: 700
    }

    .cnt-pages-1 h2 {
        font-size: 14px;
        padding-bottom: 12px
    }

.title_100, .title_101, .title_102 {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 700
}

.postit-1, .postit-2, .postit-3, .postit-4, .postit-5, .postit-6 {
    padding: 0 0 10px
}

    .postit-1 br, .postit-2 br, .postit-3 br, .postit-4 br, .postit-5 br, .postit-6 br {
        display: none
    }

.services-left-1 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff
}

.infobox-1 .icons-1 {
    text-align: center;
    padding-bottom: 10px
}

.infobox-1 {
    padding-bottom: 10px
}

.infobox-2-left, .infobox-2-right {
    padding: 0 0 10px
}

.infobox-2 .new-1 {
    display: none
}

.infobox-2 .comment-1 {
    font-size: 13px;
    padding-bottom: 20px
}

.infobox-3 {
    background-color: #fff;
    margin: 0 0 10px
}

    .infobox-3.prozent-1 {
        background-image: url(../_img/club-prozent-1.png);
        background-position: 100% 0
    }

    .infobox-3.diamond-1 {
        background-image: url(../_img/club-diamond-1.png);
        background-position: 100% 0
    }

    .infobox-3 > .inner-1 {
        padding: 12px 9px
    }

    .infobox-3 .title-1 {
        font-size: 17px;
        line-height: 18px;
        padding: 0 0 6px;
        display: block;
        font-weight: 700;
        color: #666
    }

.cnt-pages ul {
    padding: 0 0 10px
}

    .cnt-pages ul li {
        list-style: circle;
        margin: 0 0 0 20px
    }

        .cnt-pages ul li.list-2 {
            list-style: none;
            margin: 0
        }

.cnt-pages .article_data {
    padding: 0 0 10px
}

.cnt-pages .article_moreinfo a {
    display: block;
    padding: 3px 0
}

.cnt-pages iframe {
    width: 100%;
    height: auto
}

.cnt-pages .brand_teaser a {
    border: none
}

.cnt-pages .brand_teaser img {
    opacity: 1 !important
}

.cnt-pages .faqdetail-1 {
    display: block !important;
    padding: 0 0 5px !important
}

.cnt-pages .ftop_4, .cnt-pages .padding_31 {
    display: none
}

.cnt-pages .faqs h3 {
    padding-left: 0 !important
}

.cnt-pages table {
    width: auto !important
}

.cnt-pages td {
    padding-right: 5px
}

.cnt-pages #mobile_1_1_2 {
    padding: 10px 0
}

.cnt-pages .cropper-1 {
    padding: 20px 0
}

.cnt-pages .vod-list-5 {
    margin: 0;
    padding: 0
}

    .cnt-pages .vod-list-5 li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 50%;
        float: left
    }

        .cnt-pages .vod-list-5 li a {
            display: block
        }

            .cnt-pages .vod-list-5 li a .img {
                display: block;
                padding: 0 0 0 2px
            }

            .cnt-pages .vod-list-5 li a .desc {
                display: block;
                height: 50px;
                padding: 0 8px 0 0;
                overflow: hidden;
                font-size: .9em
            }

                .cnt-pages .vod-list-5 li a .desc .left {
                    display: block;
                    color: #000
                }

                .cnt-pages .vod-list-5 li a .desc .right {
                    display: block
                }

.sd-1 {
    display: none
}

.cnt-pages-2 {
    padding: 20px 7px;
    font-size: 17px;
    background-color: #fff
}

    .cnt-pages-2.gray {
        background-color: #f0f0f0
    }

        .cnt-pages-2.gray ul.list-2 {
            border-top: 1px solid #e6e6e6
        }

    .cnt-pages-2 .cms-block-1 {
        padding: 0 0 25px
    }

    .cnt-pages-2 img {
        max-width: 100%;
        height: auto
    }

    .cnt-pages-2 h1, h1.cms {
        font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
        font-weight: 700;
        font-size: 18px;
        margin: 0;
        padding: 0 0 12px;
        color: #000
    }

h1.cms {
    padding: 12px 7px 5px
}

    h1.cms.with-icon {
        padding: 12px 7px 5px 45px
    }

        h1.cms.with-icon > .icon-3 {
            background-position: 0 0;
            background-image: url(../_img/clubdiamond-1@2x.png);
            background-size: 35px auto;
            line-height: 35px;
            position: absolute;
            display: inline-block;
            top: 50%;
            margin-top: -14px;
            left: 3px;
            width: 35px;
            height: 35px
        }

        h1.cms.with-icon > .bell-icon {
            line-height: 30px;
            height: 30px;
            width: 30px;
            margin-top: -13px;
            background-position: 0 0;
            background-image: url(../_img/exl_pikto_glocke_rot.png);
            background-size: 30px auto;
            position: absolute;
            top: 50%;
            left: 7px
        }

.cnt-pages-2 p + h1 {
    padding-top: 25px
}

.cnt-pages-2 h2, h2.cms {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin: 0;
    padding: 0 0 12px
}

h2.cms {
    padding: 12px 7px 5px
}

.cnt-pages-2 p + h2 {
    padding-top: 25px;
    clear: both
}

.cnt-pages-2 h3 {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin: 0;
    padding: 0 0 4px
}

.cnt-pages-2 p + h3 {
    padding-top: 25px;
    clear: both
}

.cnt-pages-2 h4 {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    padding: 0 0 12px
}

.cnt-pages-2 p + h4 {
    padding-top: 25px;
    clear: both
}

.cnt-pages-2 h5 {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    padding: 0 0 4px;
    border: none;
    color: #000
}

.cnt-pages-2 p + h5 {
    padding-top: 15px;
    clear: both
}

.cnt-pages-2 h6 {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    padding: 0 0 4px
}

.cnt-pages-2 p + h6 {
    padding-top: 15px;
    clear: both
}

.cnt-pages-2 ul {
    padding: 10px 0
}

    .cnt-pages-2 ul li ul {
        padding: 5px 0
    }

    .cnt-pages-2 ul.switch {
        display: inline-block;
        margin: 0;
        padding: 0
    }

        .cnt-pages-2 ul.switch li {
            list-style: none;
            margin: 0
        }

.cnt-pages-2 ol {
    padding: 10px 0 10px 10px;
    margin: 0 0 0 10px
}

    .cnt-pages-2 ol li {
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
        list-style: decimal
    }

        .cnt-pages-2 ol li ol {
            padding: 5px 0
        }

.cnt-pages-2 .filter-1, .cnt-pages-2 .form-2 .padding-5, .cnt-pages-2 .padding-5 {
    padding: 0
}

    .cnt-pages-2 .filter-1 .left {
        display: none
    }

    .cnt-pages-2 .filter-1 .right {
        width: 100%
    }

.cnt-pages-2 #search-2 {
    position: relative
}

    .cnt-pages-2 #search-2 .search-1-1 {
        padding: 0 0 8px
    }

    .cnt-pages-2 #search-2 .search-1-2 {
        position: absolute;
        top: 51px;
        left: 0;
        right: 80px;
        z-index: 5
    }

    .cnt-pages-2 #search-2 .button-search-1 {
        float: right
    }

.cnt-pages-2 .button-search-1 {
    border: none;
    background: transparent;
    color: #bf0d3e;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    font-size: 16px;
    padding: 6px 10px
}

    .cnt-pages-2 .button-search-1 .icon-1 {
        display: none
    }

.cnt-pages-2 .form-1 {
    padding: 0 0 8px;
    line-height: 22px
}

.cnt-pages-2 .margin-6 {
    margin: 0 0 10px
}

.cnt-pages-2 ul.ul-1 {
    margin: 0;
    padding: 5px 0
}

    .cnt-pages-2 ul.ul-1 li {
        margin: 0;
        padding: 2px 0;
        list-style: none
    }

.cnt-pages-2 .somebu-1 .fb-5, .cnt-pages-2 .somebu-1 .gp-5, .cnt-pages-2 .somebu-1 .tw-5 {
    float: left
}

.cnt-pages-2 .somebu-0 {
    display: none
}

.cnt-pages-2 .checkboxelement {
    position: relative;
    padding: 0 0 0 23px
}

    .cnt-pages-2 .checkboxelement input {
        position: absolute;
        top: 0;
        left: 0
    }

.cnt-pages-2 .cms-block-cols2-1, .cnt-pages-2 .cms-block-cols3-1, .cnt-pages-2 .cms-block-cols4-1 {
    padding: 0
}

    .cnt-pages-2 .cms-block-cols2-1 .w50, .cnt-pages-2 .cms-block-cols3-1 .w33, .cnt-pages-2 .cms-block-cols4-1 .w25 {
        padding: 0 0 25px
    }

.onlysmartphone {
    display: block
}

.nosmartphone {
    display: none
}

.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr
}

    .royalSlider > * {
        float: left
    }

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0)
}

.rsWebkit3d .rsABlock, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsContainer, .rsWebkit3d .rsLink, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsPreloader, .rsWebkit3d .rsSlide, .rsWebkit3d .rsThumbs, .rsWebkit3d img {
    -webkit-backface-visibility: hidden
}

.rsFade.rsWebkit3d .rsContainer, .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img {
    -webkit-transform: none
}

.rsOverflow {
    float: left
}

.rsOverflow, .rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
    left: 0;
    top: 0
}

    .rsVisibleNearbyWrap .rsOverflow {
        position: absolute;
        left: 0;
        top: 0
    }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.rsArrow, .rsThumbsArrow {
    cursor: pointer
}

.rsThumb {
    float: left;
    position: relative
}

.rsArrow, .rsNav, .rsThumbsArrow {
    opacity: 1;
    transition: opacity .3s linear
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .3s,opacity .3s linear
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}

.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    transition: 0s;
    display: none
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
    height: auto
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative
}

.rsPreloader {
    position: absolute;
    z-index: 0
}

.rsNav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0,0,0,.25)
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
}

.rsTabs {
    float: left;
    background: none !important
}

.rsTabs, .rsThumbs {
    -webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s
}

    .rsVideoFrameHolder.rsVideoActive {
        opacity: 1
    }

.rsVideoContainer .rsVideoObj, .rsVideoContainer embed, .rsVideoContainer iframe, .rsVideoContainer video {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rsVideoContainer.rsIOSVideo embed, .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video {
    box-sizing: border-box;
    padding-right: 44px
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
}

img.rsImg {
    max-width: none
}

.grab-cursor {
    cursor: url(../_img/grab.png) 8 8,move
}

.grabbing-cursor {
    cursor: url(../_img/grabbing.png) 8 8,move
}

.rsNoDrag {
    cursor: auto
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(../_img/blank.gif)
}

#full-width-slider {
    width: 100%;
    min-height: 135px;
    color: #fff
}

    #full-width-slider .txt-2 {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 20;
        text-align: left;
        color: #fff;
        width: 45%
    }

    #full-width-slider .text-3-1 {
        font-size: 12px;
        margin: 0;
        padding: 0 0 4px
    }

    #full-width-slider .text-3-2 {
        font-weight: 700;
        margin: 0;
        padding: 0
    }

.controls-1 .left-1 {
    left: 7px;
    background-position: -3px -272px
}

.controls-1 .left-1, .controls-1 .right-1 {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 10px;
    height: 22px;
    margin-top: -8px;
    background-image: url(../_img/sprite-icons-1.png);
    z-index: 10
}

.controls-1 .right-1 {
    right: 7px;
    background-position: -3px -302px
}

.full-width-slider-2-all, .full-width-slider-5 {
    width: 100%;
    color: #fff
}

.full-width-slider-5 {
    height: auto !important
}

.id-img-1 {
    padding: 0 0 10px
}

.info {
    padding: 0;
    position: relative;
    font-size: 12px
}

    .info, .info span {
        display: inline-block
    }

        .info span {
            position: absolute;
            z-index: 5;
            top: 3px;
            left: 0;
            width: 18px;
            height: 18px;
            background-image: url(../_img/sprite-icons-1.png)
        }

.info-ok {
    color: #78be20;
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 60px
}

    .info-ok span {
        background-position: 0 -150px
    }

.info-notok {
    color: #bf0d3e;
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 60px
}

    .info-notok span {
        background-position: 0 -360px
    }

.modal {
    position: fixed;
    z-index: 610;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    text-align: center
}

    .modal iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0
    }

    .modal .icon-2 {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        display: inline-block;
        width: 38px;
        height: 38px;
        line-height: 38px;
        color: #fff;
        background-color: #999;
        background-image: url(../_img/close-1@2x.png);
        background-size: 38px auto;
        border: none;
        cursor: pointer
    }

    .modal .loader {
        position: absolute;
        top: 49%;
        left: 49%
    }

    .modal.dark {
        background-color: #000
    }

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

.modal-2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 610;
    background-color: #fff;
    display: none;
    opacity: .95
}

.cnt-pages-2 .alert-1, .error-1 {
    background-color: #ccc;
    color: #000 !important;
    text-align: center;
    padding: 12px 7px;
    margin: 0 0 10px
}

.cnt-pages-2 .error-1 {
    background: none !important
}

.cnt-pages-2 .error-message-1 {
    color: #de8d02
}

.success-1 {
    background-color: #98dbce;
    color: #000 !important;
    text-align: center;
    padding: 12px 7px;
    margin: 0 0 10px
}

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

    .success--left .cms {
        padding: 0 0 10px
    }

.error-2 {
    background-color: #f5d0db;
    color: #bf0d3e !important;
    text-align: center;
    padding: 12px 7px;
    margin: 0 0 10px
}

    .error-2 a {
        text-decoration: underline
    }

        .error-2 a:hover {
            text-decoration: none
        }

.companydetails-1 {
    padding: 0 0 10px
}

.infomessage-1 {
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding: 0 0 15px
}

.map-3 iframe {
    width: 100%
}

body.ps-active, body.ps-building, div.ps-active, div.ps-building {
    background: #000;
    overflow: hidden
}

    body.ps-active *, div.ps-active * {
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        display: none
    }

    body.ps-active :focus, div.ps-active :focus {
        outline: 0
    }

div.ps-document-overlay, div.ps-uilayer {
    background: #000
}

div.ps-uilayer {
    cursor: pointer
}

div.ps-zoom-pan-rotate {
    background: #000
}

    div.ps-zoom-pan-rotate * {
        display: block
    }

div.ps-carousel-item-loading {
    background: url(../_img/ajax-loader.gif) no-repeat 50%
}

div.ps-carousel-item-error {
    background: url(../_img/error.gif) no-repeat 50%
}

div.ps-caption {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#303130),color-stop(100%,#000101));
    border-bottom: 1px solid #42403f;
    color: #fff;
    font-size: 13px;
    text-align: center
}

    div.ps-caption * {
        display: inline
    }

div.ps-caption-bottom {
    border-top: 1px solid #42403f;
    border-bottom: none;
    min-height: 44px
}

div.ps-caption-content {
    padding: 13px;
    display: block
}

div.ps-toolbar {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#303130),color-stop(100%,#000101));
    border-top: 1px solid #42403f;
    color: #fff;
    font-size: 13px;
    text-align: center;
    height: 44px;
    display: table;
    table-layout: fixed
}

    div.ps-toolbar * {
        display: block
    }

div.ps-toolbar-top {
    border-bottom: 1px solid #42403f;
    border-top: none
}

div.ps-toolbar-close, div.ps-toolbar-next, div.ps-toolbar-play, div.ps-toolbar-previous {
    cursor: pointer;
    display: table-cell
}

div.ps-toolbar div div.ps-toolbar-content {
    width: 44px;
    height: 44px;
    margin: 0 auto;
    background-image: url(../_img/icons.png);
    background-repeat: no-repeat
}

div.ps-toolbar-close div.ps-toolbar-content {
    background-position: 0 0
}

div.ps-toolbar-previous div.ps-toolbar-content {
    background-position: -44px 0
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content {
    background-position: -44px -44px
}

div.ps-toolbar-next div.ps-toolbar-content {
    background-position: -132px 0
}

div.ps-toolbar-next-disabled div.ps-toolbar-content {
    background-position: -132px -44px
}

div.ps-toolbar-play div.ps-toolbar-content {
    background-position: -88px 0
}

.product--special {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__specials {
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .product__specials, .product__specials .special {
        position: relative;
        display: -ms-flexbox;
        display: flex
    }

        .product__specials .special {
            -ms-flex-pack: center;
            justify-content: center;
            right: 0;
            top: 0
        }

.responsive {
    width: 100%;
    max-width: 100%;
    height: auto
}

.alert-1, .alert-3 {
    background-color: #ccc;
    color: #000 !important
}

.alert-1, .alert-2, .alert-3 {
    text-align: center;
    padding: 12px 7px;
    margin: 0 0 10px
}

.alert-2 {
    background-color: #f6d0db;
    color: #bf0d3e !important
}

.alert-3 {
    padding: 20px;
    text-align: left;
    color: #000;
    background-color: #98dbce;
    color: #000 !important;
    text-align: center;
    padding: 12px 7px;
    margin: 0 0 10px
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.top {
    vertical-align: top !important
}

.bottom {
    vertical-align: bottom !important
}

.middle {
    vertical-align: middle !important
}

.display-none, .display-none-mop {
    display: none
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.middle {
    vertical-align: middle
}

.bodycopy {
    line-height: 1.4em
}

b, strong {
    font-family: Arial,HelveticaNeue-Light,Helvetica Neue,Roboto,Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,sans-serif;
    font-weight: 700
}

.bg-1 {
    background-image: url(../_img/bg-1.png);
    background-repeat: repeat
}

.bg-3 {
    background: #e6e6e6
}

.noborder {
    border: 0 !important
}

.notopborder {
    border-top: none !important
}

.border-1 {
    border-top: 1px solid #fff
}

.border-2 {
    border-bottom: 1px solid #e6e6e6
}

.border-3 {
    border-bottom: 20px solid #fff
}

.superz {
    z-index: 9999 !important
}

.page {
    max-width: 100%;
    overflow: hidden
}

.group-cards {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -4px
}

.group-card, .group-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.group-card-one-third {
    width: 33.33333%
}

.group-card--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 5px 10px 15px;
    background-color: #f9f9f9;
    margin: 0 4px 4px 0;
    text-align: center;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border: 2px solid #f9f9f9
}

    .group-card--content.is-active {
        border-color: #ae133e
    }

    .group-card--content.is-active--content:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-color: #fff;
        position: absolute;
        bottom: -25px;
        left: 50%;
        margin-left: -10px;
        transform: rotate(45deg);
        z-index: -1
    }

    .checkbox--magic:checked + .group-card--content, .group-card--content.on {
        background-color: #fff
    }

.checkbox--magic {
    display: none
}

.group-card--text {
    text-align: center;
    color: #000;
    -ms-flex: 2;
    flex: 2;
    font-size: 11px
}

    .group-card--text + .bobble {
        margin-top: 10px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

.icon-wrap {
    position: relative;
    height: 60px;
    padding: 15px 10px 10px;
    font-size: .001px
}

    .icon-wrap .icon {
        display: inline-block;
        max-width: 100%;
        background-size: contain
    }

.icon-centred {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.icon-wrap .icon.icon-diamond {
    width: 74px;
    height: 60px;
    background-image: url(../_img/clubdiamond-large.png);
    background-size: 70%;
    background-position: 50%
}

.group-card--inactive .icon-wrap .icon.icon-diamond {
    background-image: url(../_img/clubdiamond-large--inactive.png)
}

.icon-wrap .icon.icon-sales {
    width: 58px;
    height: 60px;
    background-image: url(../_img/icon-sales--large.png);
    background-size: 80%;
    background-position: 50%
}

.icon-cumulus {
    width: 107px;
    height: 60px;
    background-image: url(../_img/cumulus--large.png)
}

.icon-card-exlibris {
    width: 97px;
    height: 60px;
    background-image: url(../_img/card-exlibris--large.png)
}

.icon-card-migros {
    width: 95px;
    height: 60px;
    background-image: url(../_img/card-migros--large.png)
}

.icon-checkmark {
    width: 18px;
    height: 14px;
    background-image: url(../_img/icon-checkmark.png)
}

.icon-mastercard {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_mastercard_180x120.png)
}

.icon-visa {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_visa_180x120.png)
}

.icon-americanexpress {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_american_express_180x120.png)
}

.icon-postfinance {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_postfinance_180x120.png)
}

.icon-paypal {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_paypal_180x120.png)
}

.icon-twint {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_twint_180x120.png)
}

.icon-e-rechnung {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_e-rechnung_180x120.png)
}

.icon-bill {
    width: 90px;
    height: 60px;
    background-image: url(../_img/card_bill_180x120.png)
}

.icon-part-delivery {
    background-image: url(../_img/icon-part-delivery.png)
}

.icon-collective-delivery, .icon-part-delivery {
    width: 89px;
    height: 60px;
    background-position: 50%
}

.icon-collective-delivery {
    background-image: url(../_img/icon-collective-delivery.png)
}

.icon-home-delivery {
    width: 32px;
    height: 32px;
    background-position: 0 -40px
}

.icon-home-delivery, .icon-store-delivery {
    bottom: 20px;
    background-size: 250px auto !important;
    background-image: url(../_img/sprite-icons-7@2x.png)
}

.icon-store-delivery {
    width: 84px;
    height: 24px;
    background-position: -70px 0
}

.icon-pickmup-delivery {
    width: 70px;
    height: 36px;
    bottom: 20px;
    background-position: 0 0;
    background-size: 250px auto !important;
    background-image: url(../_img/sprite-icons-7@2x.png)
}

.basket-section tr:last-child > td {
    padding-bottom: 10px !important
}

.basket-section + .basket-section {
    border-top: none
}

.coupon-item {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 10px 7px;
    border-bottom: 1px solid #fff
}

.coupon-item--content, .voucher-percentage--content {
    -ms-flex: 1 1;
    flex: 1 1
}

.coupon-item--content-title, .percentage-item--content-title {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.percentage-item--content {
    padding-right: 40px;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.percentage-item--content-title-small, .voucher-percentage--content-title-small {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.coupon--content-pargraph--small {
    font-size: 14px;
    color: #666;
    display: block;
    padding: 0 7px 2px;
    margin: 15px 0
}

.percentage-list, .product-list {
    border-top: 1px solid #fff
}

.percentage-item {
    position: relative;
    padding: 10px 0 10px 69px;
    border-bottom: 1px solid #fff
}

.percentage-item-inactive .percentage-item--content {
    opacity: .5
}

.voucher-percentage {
    position: relative;
    padding: 10px 7px 10px 69px
}

.persentage-item .icon-4 {
    position: absolute;
    right: 7px;
    top: 50%
}

.percentage-item--bon {
    position: absolute;
    left: 7px;
    top: 13px
}

.voucher-percentage--bon {
    position: absolute;
    left: 7px;
    top: 8px
}

.percentage-item--content-paragraph {
    color: #666;
    margin-bottom: 5px
}

.percentage-item--content-paragraph-small, .voucher-percentage--content-paragraph-small {
    color: #666;
    font-size: 11px
}

.voucher--list {
    padding: 12px 7px 5px
}

.voucher-card, .voucher-card:hover, .voucher-card:visited {
    display: inline-block;
    background-color: #c1043b;
    color: #fff;
    font-size: 3px;
    font-family: Arial,Helvetica,sans-serif;
    width: 18.125em;
    height: 10.875em;
    position: relative;
    text-decoration: none;
    text-align: left
}

.voucher-card--large, .voucher-card--large:hover, .voucher-card--large:visited {
    font-size: calc(2.75vw - 1px)
}

    .voucher-card--large .description-1, .voucher-card--large:hover .description-1, .voucher-card--large:visited .description-1 {
        line-height: 1.1 !important;
        padding-top: 1em;
        margin-top: -1em
    }

.voucher-card img {
    width: 100%
}

.voucher-card .bondiscount-1 {
    font-size: 4.875em;
    line-height: normal;
    position: absolute;
    top: 5%;
    left: 32%
}

.voucher-card .valid-1 {
    font-size: .75em;
    line-height: normal;
    bottom: .5em;
    text-align: right;
    opacity: .8;
    white-space: nowrap;
    text-overflow: ellipsis
}

.voucher-card .description-1, .voucher-card .valid-1 {
    position: absolute;
    left: 5.9375em;
    right: .6875em;
    z-index: 2;
    overflow: hidden
}

.voucher-card .description-1 {
    font-size: .9em;
    line-height: 1em;
    top: 6.7em;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase
}

.layout-5 {
    padding: 15px 7px
}

.border-bottom {
    border-bottom: 1px solid #fff
}

.bar {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button--white, .button--white:hover {
    background-color: #fff;
    font-weight: 700;
    padding: 13px 15px 11px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.button--red, .button--red:hover {
    position: relative;
    background-color: #c1043b;
    color: #fff;
    padding: 13px 40px 11px 15px;
    font-weight: 700;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bar .icon-4 {
    background-image: url(../_img/sprite-icons-1.png);
    background-position: -3px -106px
}

.cnt-space-bottom {
    margin-bottom: 60px
}

.product-list .product-list-item {
    border-bottom: 1px solid #fff
}

.product-list-item .subtitle {
    display: block;
    padding-top: 5px;
    color: #000
}

.message-savings {
    display: block;
    padding-top: 3px;
    padding-right: 83px
}

    .message-savings .icon-wrap-savings {
        padding: 15px 10px 10px 0
    }

.message-savings-paragraph {
    font-size: 12px;
    color: #666
}

.button-redeem {
    position: absolute;
    right: 7px;
    bottom: 9px;
    font-weight: 700
}

.percentage-item--bon .icon-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    height: auto;
    padding: 0;
    font-size: inherit
}

    .percentage-item--bon .icon-wrap .icon-checkmark {
        width: 27px;
        height: 20px;
        background-image: url(../_img/icon-checkmark--large.png)
    }

.button-delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-image: url(../_img/icon-close.png)
}

.space-top {
    margin-top: 10px
}

.club-card_image img {
    display: block;
    width: 90%
}

.club-card_image {
    position: relative
}

.club-card_details, .club-card_image {
    display: inline-block
}

.club-card .table-1 tr > td:first-child {
    width: auto
}

.membership_cancel, .membership_text {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.membership_cancel {
    text-align: right
}

.membership .cms, .membership .title-2 {
    text-align: left;
    padding-left: 0
}

.membership {
    font-size: 15px
}

    .membership h2.title-2 {
        font-size: 17px;
        text-align: left;
        padding-left: 0
    }

.menu__item {
    margin: 0 0 0 50px
}

.h-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.h-flex_item {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.h-flex .card-unlink, .h-flex .membercard-lost, .h-flex .membership-cancel, .h-flex .membership-extend, .h-flex .partnercard-new {
    width: 300px;
    padding-right: 50px
}

.btn-modal, .card-unlink .btn, .h-flex_item .button-1, .membership-cancel .btn {
    margin: 12px 0;
    display: inline-block
}

.btn-modal {
    background-image: url(../_img/arrow-right-1.png);
    background-position: 100%;
    padding: 0 30px 0 15px;
    font-size: 17px;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    font-weight: 700
}

.modal--centered, .modal--centered .title-main {
    text-align: center
}

.btn--red {
    color: #fff;
    background-color: #bf0d3e
}

.btn--gray {
    color: #696969;
    background-color: #e6e6e6
}

.table-space-right td:last-of-type {
    padding-right: 16px
}

.table--pseudo {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center
}

    .table--pseudo > * {
        display: block;
        box-sizing: border-box;
        padding: 0 2px
    }

.table--grow {
    -ms-flex: 2;
    flex: 2
}

.gap--top {
    margin-top: 10px
}

.accordion--date {
    width: 80px
}

.accordion--title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.accordion--voucher, .accordion--voucher span.txt {
    font-size: 12px
}

.voucher--total {
    padding: 1rem;
    text-align: center;
    font-size: 14px;
    background: #fff;
    margin-bottom: 20px
}

.right--float {
    float: right
}

.left--float {
    float: left
}

.table-cell--innter__right {
    padding-right: 10px
}

.modal--wrap {
    max-width: 600px;
    margin: 25px auto
}

    .modal--wrap img {
        display: block;
        margin: 0 auto
    }

    .modal--wrap h2 {
        margin-top: 20px
    }

        .modal--wrap h2 img {
            width: 200px
        }

    .modal--wrap span {
        font-size: 12px
    }

.member--close {
    margin-top: 20px
}

img.member--barcode {
    margin: 10px auto 15px
}

.modal h2 img.modal--card-icon {
    height: 35px;
    margin-top: -5px;
    margin-right: 5px;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.member--timestamp {
    position: absolute;
    top: 30px;
    left: 15px;
    font-size: 12px;
    text-align: left
}

.card-member--number {
    margin-top: 20px
}

.modal .cnt .member--title-cumulus img {
    width: auto;
    height: 20px
}

.card--animated {
    position: absolute;
    right: 0;
    bottom: -10px;
    display: block;
    width: 100px;
    perspective: 900px;
    transform-style: preserve-3d
}

    .card--animated img {
        width: 100%
    }

    .card--animated span {
        display: block
    }

.card--sizer {
    opacity: 0
}

.card--animated--cards {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: a 30s infinite alternate-reverse linear;
    box-shadow: 0 0 10px rgba(0,0,0,.25)
}

.card--animated--back, .card--animated--front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.card--animated--front {
    transform: translateZ(1px)
}

.card--animated--back {
    background: #fff;
    border-radius: 4px;
    transform: rotateY(180deg) translateZ(-1px)
}

    .card--animated--back img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 80%;
        width: auto
    }

@keyframes a {
    0% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(-10turn)
    }
}

.link-2--red {
    display: inline-block;
    padding: 15px 0 14px;
    position: relative;
    color: #bf0d3e
}

.amenu--paddingfix {
    padding-right: 30px
}

.basket-remove {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 100%;
    background-image: url(../_img/basket-remove.png)
}

input.button-1--ok {
    background-color: #97dbce;
    color: #000;
    padding: 0 0 0 10px;
    background-image: url(../_img/icon-checkmark.png);
    background-position: 25%;
    background-size: 17px auto;
    width: 118px
}

input.button-1--disabled {
    background-color: transparent;
    color: #888;
    background-image: none;
    padding: 0;
    border: 2px solid #ccc;
    line-height: 41px;
    width: 118px;
    background-image: none !important
}

.group-card--popup {
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    display: none
}

    .group-card--popup .title {
        font-weight: 700
    }

    .group-card--popup ul {
        margin-top: 10px
    }

    .group-card--popup li {
        margin: 5px 0
    }

    .group-card--popup .text {
        padding-left: 10px
    }

.group-card--popupwrap {
    display: none
}

.diamond-fix {
    bottom: auto;
    top: 15px
}

.voucher-card--disabled:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,90%,.9);
    position: absolute;
    top: 0;
    left: 0
}

.oldprice {
    display: inline-block;
    margin-right: 8px;
    vertical-align: baseline;
    font-size: 14px;
    text-decoration: line-through
}

.clubmodal-1 .modalcols-1 .col-1, .clubmodal-1 .modalcols-1 .col-2 {
    width: auto
}

.voucher-card .bondiscount--chf {
    font-size: 2.5em;
    top: 20%
}

.voucher-card .bondiscount__currency {
    font-size: .4em
}

.bon-2 .bondiscount--chf {
    font-size: 45px;
    top: 15%
}

.bon-2 .bondiscount__currency {
    font-size: 18px
}

.formhint {
    background-color: #ccc;
    padding: 1em;
    color: #000;
    margin-bottom: 1em;
    font-size: 14px;
    display: none
}

.modaltable {
    overflow: hidden
}

    .modaltable::-webkit-scrollbar {
        display: none
    }

.richtext {
    color: #000
}

    .richtext p {
        padding: 10px 0
    }

    .richtext b {
        font-weight: 900
    }

    .richtext a {
        text-decoration: underline;
        color: #000
    }

span.disabled-links {
    pointer-events: none
}

    span.disabled-links a {
        pointer-events: none;
        display: block
    }

.keywords-subscribe {
    display: inline-block;
    position: relative;
    height: 13px;
    width: 13px;
    background-image: url(../_img/exl_pikto_glocke_grau.png);
    background-size: 13px auto;
    background-position: 0;
    background-repeat: no-repeat
}

.trust-logos {
    padding: 25px 7px;
    line-height: 1;
    font-size: 0
}

    .trust-logos img {
        display: inline-block;
        height: 40px;
        width: auto
    }

        .trust-logos img.migros-logo {
            display: inline-block;
            height: 20px;
            width: auto;
            float: right;
            padding-top: 10px
        }

@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi) {
    div.ps-toolbar div div.ps-toolbar-content {
        background-size: 176px 88px;
        background-image: url(../_img/icons@2x.png)
    }

    .basket-remove {
        background-image: url(../_img/basket-remove@2x.png)
    }
}

@media only screen and (max-height:319px) {
    .page > header {
        position: absolute
    }

    .pos-1 {
        position: relative !important
    }
}

@media screen and (-moz-min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-device-pixel-ratio:1.5) {
    .page > header > .main > .left > a.menu, .page > header > .main > .left > span.logo {
        background-image: url(../_img/logo-exl-1@2x.png);
        background-size: 74px auto
    }

    #main-menu a.close-1 > span, .amenu-2 span.icon-4, .amenu-3 span.icon-4, .amenu-5 span.icon-4, .amenu span.icon-7, .arrow-down-1, .arrow-left-1, .arrow-left-2, .arrow-right-1, .arrow-right-2, .article_40 .message_40, .back-1 span:first-child, .back-1-arrow, .cnt-pages-2 .faq-5 .icon-1, .cnt-pages-2 .royalSlider .rsArrowIcn, .cnt-pages-2 .royalSlider .rsArrowRight .rsArrowIcn, .controls-1 .left-1, .controls-1 .right-1, .hit-list-1, .icon-1 span, .icon-4, .icon-20, .icon-21, .info span, .path-1 > span, .search .button-1 {
        background-image: url(../_img/sprite-icons-1@2x.png);
        background-size: 15px auto
    }

    .icon-2, .mobilenav-1 {
        background-image: url(../_img/sprite-icons-2@2x.png);
        background-size: 39px auto
    }

    .amenutop .icon-1 {
        background-image: url(../_img/sprite-icons-3@2x.png);
        background-size: 37px auto
    }

    .amenu-1 span.icon-3, .amenu-2 span.icon-3, .amenu-3 span.icon-3, .amenu span.minus, .amenu span.plus, .cnt-pages-2 .royalSlider ul.list-10 .img-2 .play-3, .icon-14, .product-layout-3 .img .play-1 .icon-1, .product .play-2 .icon-1, .winkel-1 {
        background-image: url(../_img/sprite-icons-4@2x.png);
        background-size: 35px auto
    }

    .social span {
        background-image: url(../_img/sprite-social-1@2x.png);
        background-size: 40px auto
    }

    .cnt-pages-2 .button-2, input.button-1-layout-3 {
        background-image: url(../_img/arrow-right-1@2x.png);
        background-size: 17px auto
    }

    select.select-1, select.select-search-1 {
        background-image: url(../_img/arrow-down-2@2x.png);
        background-size: 25px auto
    }

    select.select-search-1 {
        width: 100% !important
    }

    select.select-1-small-1 {
        font-size: .6em;
        padding: 11px 10% 11px 2%
    }

    .amenu-1 span.icon-3-bon-1, .amenu-1 span.icon-3-bon-2, .amenu-1 span.icon-3-bon-3, .amenu-1 span.icon-3-bon-4, .card, .giftcard-1, .giftcard-2 {
        background-image: url(../_img/sprite-cards-1@2x.png);
        background-size: 35px auto
    }

    .uv-logo-1 {
        background-image: url(../_img/sprite-icons-6@2x.png);
        background-size: 40px auto
    }

    .homedelivery-1 .icon-10, .pickmupdelivery-1 .icon-10, .storedelivery-1 .icon-10, .top span {
        background-image: url(../_img/sprite-icons-7@2x.png);
        background-size: 250px auto
    }

    .digitec-1, .exlibris-1, .micasa-1, .migrolino-1, .migros-2, .outdoorryffel-1, .ryffel-1, .sportxx-1, .sportxxoutdoor-1, .sportxxoutdoorryffel-1, .sportxxryffel-1 {
        background-image: url(../_img/sprite-pickmup-1@2x.png);
        background-size: 250px auto
    }

    .club-loggedout-1 .icon-1, .diamond-2, .diamond-3, .product .price .diamond-1 {
        background-image: url(../_img/sprite-club-1@2x.png);
        background-size: 250px auto
    }

    .clubnavdiv-1 select {
        background-image: url(../_img/clubnav-1@2x.png);
        background-size: 22px auto
    }

    .infobox-3.prozent-1 {
        background-image: url(../_img/club-prozent-1@2x.png);
        background-size: 79px auto
    }

    .infobox-3.diamond-1 {
        background-image: url(../_img/club-diamond-1@2x.png);
        background-size: 71px auto
    }

    .captcha-1 {
        position: absolute;
        right: 0;
        bottom: -4px;
        z-index: 10;
        border-left: 5px solid #f0f0f0
    }

        .captcha-1 > .inner-1 > img {
            height: 44px;
            width: auto;
            max-width: 100%
        }

    .cnt-pages-1 h1 {
        font-weight: 700;
        padding-bottom: 8px
    }

    input.button-1--ok {
        background-image: url(../_img/icon-checkmark--large.png)
    }
}

@media (max-width:480px) {
    .club-card_image {
        display: block;
        margin-bottom: 15px
    }
}

@charset "UTF-8";

.mt-0 {
    margin-top: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.pt-5 {
    padding-top: 5px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.ml-5 {
    margin-left: 5px !important
}

.pl-5 {
    padding-left: 5px !important
}

.mr-5 {
    margin-right: 5px !important
}

.pr-5 {
    padding-right: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.ml-15 {
    margin-left: 15px !important
}

.pl-15 {
    padding-left: 15px !important
}

.mr-15 {
    margin-right: 15px !important
}

.pr-15 {
    padding-right: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.ml-25 {
    margin-left: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

.mr-25 {
    margin-right: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.pt-35 {
    padding-top: 35px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.ml-35 {
    margin-left: 35px !important
}

.pl-35 {
    padding-left: 35px !important
}

.mr-35 {
    margin-right: 35px !important
}

.pr-35 {
    padding-right: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.ml-45 {
    margin-left: 45px !important
}

.pl-45 {
    padding-left: 45px !important
}

.mr-45 {
    margin-right: 45px !important
}

.pr-45 {
    padding-right: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.mt-75 {
    margin-top: 75px !important
}

.pt-75 {
    padding-top: 75px !important
}

.mb-75 {
    margin-bottom: 75px !important
}

.pb-75 {
    padding-bottom: 75px !important
}

.ml-75 {
    margin-left: 75px !important
}

.pl-75 {
    padding-left: 75px !important
}

.mr-75 {
    margin-right: 75px !important
}

.pr-75 {
    padding-right: 75px !important
}

.mt-80 {
    margin-top: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.ml-80 {
    margin-left: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

.mt-100 {
    margin-top: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.ml-100 {
    margin-left: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

.container {
    position: relative;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container, .l-row {
    box-sizing: border-box
}

.l-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px
}

.l-col, [class*=l-col-] {
    -ms-flex-preferred-size: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    padding-left: 7px;
    padding-right: 7px
}

.l-col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.l-col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.l-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.l-col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.l-col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.l-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.l-col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.l-col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.l-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.l-col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.l-col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.l-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.a-banner-image {
    margin: 0 20px 20px
}

    .a-banner-image img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        display: block
    }

.a-button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 11px 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    text-align: center;
    line-height: normal;
    border: 0;
    border-radius: 0;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .a-button, .a-button:active, .a-button:focus, .a-button:hover, .a-button:visited {
        color: #fff;
        text-decoration: none;
        background-color: #bf0d3e
    }

        .a-button.disabled, .a-button:disabled {
            pointer-events: none;
            opacity: .65
        }

.a-button__price {
    float: right;
    font-size: 24px;
    line-height: 21px
}

    .a-button__price:before {
        content: "CHF ";
        font-size: 14px
    }

    .a-button__price[data-currency]:before {
        content: attr(data-currency) " "
    }

.a-button--large {
    padding: 13px 15px;
    font-size: 18px;
    line-height: 24px
}

    .a-button--large small {
        font-size: 14px;
        line-height: 20px
    }

.a-button--expanded {
    display: block;
    width: 100%
}

.a-button--cart {
    padding: 15px 15px 11px 50px;
    text-align: left
}

    .a-button--cart:before {
        content: "";
        background-image: url(../_img/sprite-icons-4@2x.png);
        background-size: 35px auto;
        background-position: -8px -427px;
        background-repeat: no-repeat;
        position: absolute;
        top: 12px;
        left: 15px;
        display: block;
        width: 23px;
        height: 23px
    }

.a-button--diamond {
    text-align: left;
    padding-right: 43px
}

    .a-button--diamond:after {
        content: "";
        display: block;
        width: 24px;
        height: 20px;
        background-image: url(../images/diamond-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 14px;
        right: 15px
    }

.a-button--to-basket {
    text-align: left;
    padding-top: 4px;
    padding-bottom: 2px
}

    .a-button--to-basket:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -8px;
        display: block;
        width: 16px;
        height: 16px;
        background: linear-gradient(180deg,transparent 43.75%,#fff 0,#fff 56.25%,transparent 0),linear-gradient(90deg,transparent 43.75%,#fff 0,#fff 56.25%,transparent 0)
    }

    .a-button--to-basket .a-button__minus {
        position: absolute;
        top: 0;
        right: 30px;
        display: none;
        width: 40px;
        height: 100%
    }

        .a-button--to-basket .a-button__minus:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -1px 0 0 -8px;
            display: block;
            width: 16px;
            height: 2px;
            background-color: #fff
        }

    .a-button--to-basket small {
        display: block;
        font-size: 16px;
        line-height: 22px;
        padding-right: 60px
    }

        .a-button--to-basket small[data-quantity]:before {
            content: attr(data-quantity) " x "
        }

    .a-button--to-basket.state-minus .a-button__minus {
        display: block
    }

.a-button--grey {
    background-color: #e6e6e6;
    color: #666
}

    .a-button--grey:hover {
        background-color: #ebebeb;
        color: #666
    }

.a-button--red, .a-button--red:focus, .a-button--red:hover {
    color: #fff;
    background-color: #bf0d3e
}

.a-button--white, .a-button--white:focus, .a-button--white:hover {
    color: #000;
    background-color: #fff
}

.a-button.state-loading {
    cursor: default
}

    .a-button.state-loading:after {
        content: "";
        background-image: url(../images/loading-1.gif);
        background-color: hsla(0,0%,100%,.6);
        background-repeat: no-repeat;
        background-position: 50%;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

.a-hint {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    clear: both
}

    .a-hint:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        display: block;
        width: 12px;
        height: 12px
    }

    .a-hint dt {
        display: block;
        position: static
    }

        .a-hint dt:after, .a-hint dt:before {
            content: "";
            position: absolute;
            display: block;
            border-radius: 1px
        }

    .a-hint dd {
        display: none;
        padding: 4px 0 0
    }

    .a-hint.state-accordion dt {
        text-decoration: underline;
        cursor: pointer
    }

    .a-hint.state-accordion:hover dt {
        color: #bf0d3e
    }

    .a-hint.state-open dd {
        display: block
    }

    .a-hint.state-success:before {
        background-color: #78be20
    }

    .a-hint.state-success dt {
        color: #78be20
    }

        .a-hint.state-success dt:after, .a-hint.state-success dt:before {
            background-color: #fff;
            transform: rotate(45deg)
        }

        .a-hint.state-success dt:before {
            height: 6px;
            width: 2px;
            left: 6px;
            top: 5px
        }

        .a-hint.state-success dt:after {
            height: 2px;
            width: 3px;
            left: 3px;
            top: 7px
        }

    .a-hint.state-warning:before {
        background-color: #bf0d3e
    }

    .a-hint.state-warning dt {
        color: #bf0d3e
    }

        .a-hint.state-warning dt:after, .a-hint.state-warning dt:before {
            background-color: #fff;
            left: 5px;
            width: 2px
        }

        .a-hint.state-warning dt:before {
            height: 5px;
            top: 4px
        }

        .a-hint.state-warning dt:after {
            height: 2px;
            top: 10px
        }

    .a-hint.state-info:before {
        background-color: #f0f0f0
    }

    .a-hint.state-info dt {
        color: #666
    }

        .a-hint.state-info dt:after, .a-hint.state-info dt:before {
            background-color: #666;
            left: 5px;
            width: 2px
        }

        .a-hint.state-info dt:before {
            height: 5px;
            top: 7px
        }

        .a-hint.state-info dt:after {
            height: 2px;
            top: 4px
        }

    .a-hint.state-time:before {
        background-color: #888;
        border-radius: 50%
    }

    .a-hint.state-time dt {
        color: #666
    }

        .a-hint.state-time dt:after, .a-hint.state-time dt:before {
            background-color: #fff;
            left: 5px;
            width: 2px
        }

        .a-hint.state-time dt:before {
            height: 5px;
            top: 4px
        }

        .a-hint.state-time dt:after {
            height: 5px;
            top: 7px;
            left: 6px;
            transform: rotate(-45deg)
        }

.a-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: 10px auto;
    background-color: transparent
}

.a-icon--small {
    width: 15px;
    height: 15px;
    background-size: 15px auto
}

.a-icon--medium {
    width: 22px;
    height: 22px;
    background-size: 22px auto
}

.a-icon--large {
    width: 30px;
    height: 30px;
    background-size: 30px auto
}

.a-icon--white {
    fill: #fff
}

.a-icon--black {
    fill: #000
}

.a-icon--gray {
    fill: gray
}

.a-icon--red {
    fill: #bf0d3e
}

.a-link-icon {
    display: inline-block;
    font-size: 17px;
    line-height: 28px;
    color: #bf0d3e;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 10px 10px 0
}

    .a-link-icon, .a-link-icon:hover, .a-link-icon:visited {
        text-decoration: none
    }

        .a-link-icon:hover:before {
            background-position: -100px,0
        }

        .a-link-icon:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background-position: 0,-100px;
            background-repeat: no-repeat;
            display: block;
            width: 50px;
            height: 28px
        }

.a-link-icon--book:before {
    background-image: url(../_img/icons/teaser-leseprobe.svg),url(../_img/icons/teaser-leseprobe-hover.svg)
}

.a-link-icon--listen:before {
    background-image: url(../_img/icons/teaser-hoerprobe.svg),url(../_img/icons/teaser-hoerprobe-hover.svg)
}

.a-link-icon--trailer:before {
    background-image: url(../_img/icons/teaser-trailer.svg),url(../_img/icons/teaser-trailer-hover.svg)
}

.a-link-icon--tracks:before {
    background-image: url(../_img/icons/teaser-tracks.svg),url(../_img/icons/teaser-tracks-hover.svg)
}

.a-link-icon--screenshots:before {
    background-image: url(../_img/icons/teaser-screenshots.svg),url(../_img/icons/teaser-screenshots-hover.svg)
}

.a-link-icon--images:before {
    background-image: url(../_img/icons/teaser-produktbilder.svg),url(../_img/icons/teaser-produktbilder-hover.svg)
}

.a-link-icon--small {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
    display: block;
    padding: 0 0 0 10px
}

    .a-link-icon--small:before {
        content: "";
        background-image: none;
        top: 4px;
        left: -3px;
        width: 6px;
        height: 6px;
        border-right: 2px solid #bf0d3e;
        border-bottom: 2px solid #bf0d3e;
        transform: rotate(-45deg)
    }

.a-link-icon--location, .a-link-icon--wishlist {
    padding: 0 0 0 30px;
    color: #666;
    display: block
}

    .a-link-icon--location:before, .a-link-icon--wishlist:before {
        display: block;
        height: 28px
    }

    .a-link-icon--wishlist:before {
        width: 22px;
        background-image: url(../_img/icons/heart-grey.svg),url(../_img/icons/heart-red.svg)
    }

    .a-link-icon--wishlist:after {
        content: attr(data-off)
    }

    .a-link-icon--wishlist.on:before {
        left: -1px
    }

    .a-link-icon--wishlist.on:after {
        content: attr(data-on)
    }

    .a-link-icon--wishlist.on:before {
        background-image: url(../_img/icons/heart-off-grey.svg),url(../_img/icons/heart-off-red.svg)
    }

    .a-link-icon--location:before {
        left: 3px;
        width: 15px;
        background-image: url(../_img/icons/location-grey.svg),url(../_img/icons/location-red.svg)
    }

.a-openin {
    display: block;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 14px 46px 14px 66px;
    min-height: 40px
}

.a-openin--reader-app .a-openin__icon {
    background-image: url(../_img/icon-reader.png)
}

.a-openin--player-app .a-openin__icon {
    background-image: url(../_img/icon-player.png)
}

.a-openin__icon {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 5;
    background-size: 50px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.a-openin__text {
    color: #000;
    display: block;
    font-size: 17px;
    text-align: center
}

.a-openin__arrow {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    right: 18px;
    z-index: 5;
    background-image: url(../_img/sprite-icons-1@2x.png);
    background-size: 15px auto;
    background-position: -5px -306px
}

.m-accordion__content {
    display: none
}

.m-accordion__icon {
    position: absolute;
    top: 16px;
    right: 15px;
    z-index: 5;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    background-image: url(../_img/sprite-icons-1@2x.png);
    background-size: 15px auto;
    background-position: 0 0;
    transition: all .2s linear
}

.m-accordion__toggle.active .m-accordion__icon {
    transform: rotate(180deg)
}

.m-banner {
    position: relative
}

.m-banner--product .m-banner__image {
    max-width: 125px
}

.m-banner__link {
    position: relative;
    display: block;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

    .m-banner__link, .m-banner__link:focus, .m-banner__link:hover {
        text-decoration: none;
        outline: none
    }

.m-banner__image {
    position: relative;
    width: 100%;
    height: auto
}

.m-banner-text-image {
    display: block;
    margin: 0 0 20px;
    background-color: #f2f2f2;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    color: #666
}

.m-banner-text-image__image {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 7px;
    display: inline-block
}

.m-banner-text-image__text {
    padding: 0 20px
}

    .m-banner-text-image__text h6 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px
    }

    .m-banner-text-image__text h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 20px;
        line-height: 26px
    }

    .m-banner-text-image__text .button-3 {
        margin-bottom: 10px
    }

.m-banner-text-image--border {
    padding: 9px;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    color: #5c5c5c
}

a.m-banner-text-image {
    text-align: left
}

    a.m-banner-text-image .m-banner-text-image__image, a.m-banner-text-image a {
        display: none
    }

    a.m-banner-text-image .m-banner-text-image__text {
        padding: 0 5px
    }

    a.m-banner-text-image h3, a.m-banner-text-image h6 {
        font-weight: 400;
        line-height: 18px
    }

    a.m-banner-text-image h6 {
        font-size: 12px;
        margin-bottom: 3px
    }

    a.m-banner-text-image h3 {
        font-size: 13px;
        color: #bf0d3e;
        margin-bottom: 0
    }

.m-bundle-purchase {
    background-color: #e6e6e6;
    padding: 20px 15px 15px;
    margin-bottom: 20px
}

.m-bundle-purchase__title {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase
}

.m-bundle-purchase__columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -7px 15px
}

.m-bundle-purchase__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    box-sizing: border-box;
    margin: 0 7px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .m-bundle-purchase__image:after {
        content: "+";
        position: absolute;
        top: 50%;
        left: -7px;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        display: block;
        line-height: 30px;
        width: 30px;
        background-color: #bf0d3e;
        border-radius: 50%;
        margin: -15px 0 0 -15px;
        pointer-events: none
    }

    .m-bundle-purchase__image:first-of-type:after {
        content: none
    }

    .m-bundle-purchase__image img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0
    }

.m-bundle-purchase .button-3 {
    display: block
}

.m-coupon {
    display: inline-block;
    background-color: #c1043b;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    width: 18.125em;
    height: 10.875em;
    font-size: calc(2.125vw - 1px);
    position: relative;
    text-decoration: none;
    text-align: left;
    box-shadow: -3px 1px 5px 2px rgba(0,0,0,.3)
}

.m-coupon__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto
}

.m-coupon__discount {
    font-size: 4.875em;
    line-height: normal;
    position: absolute;
    top: 5%;
    left: 32%;
    z-index: 2;
    overflow: hidden
}

.m-coupon__discount__pricing {
    font-size: .5em;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle
}

.m-coupon__discount__currency {
    font-size: .4em
}

.m-coupon__description {
    font-size: .9em;
    line-height: 1.1;
    padding-top: 1em;
    margin-top: -1em;
    text-transform: uppercase;
    top: 6.7em
}

.m-coupon__description, .m-coupon__valid {
    position: absolute;
    left: 5.9375em;
    right: .6875em;
    z-index: 2;
    overflow: hidden
}

.m-coupon__valid {
    font-size: .75em;
    line-height: normal;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .8;
    bottom: .5em
}

.delivery-details-modal {
    padding: 10px 0;
    text-align: center
}

.delivery-details-modal__item {
    padding: 30px 40px;
    border-top: 1px solid #d8d8d8
}

    .delivery-details-modal__item:first-of-type img {
        width: 93px
    }

    .delivery-details-modal__item:nth-of-type(2) img {
        width: 76px
    }

    .delivery-details-modal__item:nth-of-type(3) img {
        width: 69px
    }

.delivery-details-modal h2 {
    margin: 0 0 5px;
    padding: 0 15px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.delivery-details-modal img {
    display: inline-block;
    margin-bottom: 10px
}

.delivery-details-modal h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.m-dropdown {
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    line-height: 34px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    border: 2px solid #e6e6e6;
    padding: 0 0 0 14px;
    overflow: hidden;
    color: #bf0d3e;
    cursor: pointer;
    white-space: nowrap
}

    .m-dropdown:before {
        width: 40px;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        z-index: 1
    }

    .m-dropdown:after, .m-dropdown:before {
        content: "";
        display: block;
        position: absolute
    }

    .m-dropdown:after {
        top: 10px;
        right: 15px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #888;
        border-bottom: 2px solid #888;
        transform: rotate(45deg);
        z-index: 2
    }

    .m-dropdown.state-single {
        color: #666;
        cursor: default
    }

        .m-dropdown.state-single:before {
            width: 14px
        }

        .m-dropdown.state-single:after {
            display: none
        }

.m-dropdown__modal-item {
    font-size: 16px;
    line-height: 50px;
    color: #535353;
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: 0 20px 0 35px;
    margin: 0 10px;
    border-bottom: 1px solid #e6e6e6
}

    .m-dropdown__modal-item:hover {
        color: #bf0d3e;
        text-decoration: none
    }

    .m-dropdown__modal-item:before {
        content: "";
        position: absolute;
        display: block;
        box-sizing: border-box;
        top: 13px;
        left: 5px;
        width: 20px;
        height: 20px;
        border: 3px solid #535353;
        border-radius: 50%;
        background-color: #fff
    }

    .m-dropdown__modal-item:after {
        position: absolute;
        display: block;
        box-sizing: border-box;
        top: 19px;
        left: 11px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #535353
    }

    .m-dropdown__modal-item span {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        text-align: right;
        font-size: 15px
    }

        .m-dropdown__modal-item span:after {
            content: "";
            position: absolute;
            top: 0;
            left: -25px;
            display: block;
            height: 37px;
            width: 20px;
            background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
            border-right: 5px solid #fff
        }

        .m-dropdown__modal-item span small {
            font-size: 14px;
            float: left;
            margin-right: 5px
        }

            .m-dropdown__modal-item span small[data-value]:not([data-value=""]):after {
                content: attr(data-value);
                text-decoration: line-through;
                margin-left: 5px
            }

        .m-dropdown__modal-item span big {
            font-size: 16px;
            display: inline-block;
            min-width: 46px
        }

    .m-dropdown__modal-item.state-selected {
        color: #bf0d3e;
        font-weight: 700
    }

        .m-dropdown__modal-item.state-selected:before {
            border-color: #bf0d3e
        }

        .m-dropdown__modal-item.state-selected:after {
            content: ""
        }

.m-figure {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px
}

    .m-figure img {
        display: block;
        width: 100%;
        height: auto
    }

.m-figure--left {
    float: left;
    clear: left;
    margin-right: 25px
}

.m-figure--right {
    float: right;
    clear: right;
    margin-left: 25px
}

.m-figure--25 {
    width: 25%
}

.m-figure--50 {
    width: 50%
}

.m-figure--75 {
    width: 75%
}

.m-figure__caption {
    font-size: 13px;
    line-height: 1.25;
    color: gray;
    padding: 5px 0 0
}

.m-field__input {
    width: 100%;
    height: 41px;
    margin: 0;
    padding: 7px;
    font-size: 17px;
    line-height: 41px;
    border: 0;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .m-field__input:focus {
        box-shadow: 0 0 12px #d1cccb
    }

.m-form {
    padding: 0 8px;
    box-sizing: border-box
}

.m-form--inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

.m-form .m-field {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto
}

.m-form .a-button {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.m-genre-tab {
    padding: 5px 8px;
    background-color: #f0f0f0
}

.m-hover-list {
    display: block;
    margin: 0 0 10px;
    padding: 0
}

.m-hover-list__item {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 6px 6px 0;
    padding: 0 14px 0 0;
    position: relative
}

    .m-hover-list__item:after {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        right: 0;
        width: 4px;
        height: 4px;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        transform: rotate(45deg)
    }

    .m-hover-list__item.state-open:after {
        border-color: #bf0d3e
    }

    .m-hover-list__item.state-open .m-hover-list__toggler {
        color: #bf0d3e
    }

    .m-hover-list__item.state-open .m-hover-list__dropdown {
        display: block
    }

.m-hover-list__toggler {
    font-size: 19px;
    color: #666;
    white-space: nowrap;
    position: relative;
    cursor: pointer
}

    .m-hover-list__toggler:visited {
        color: #666
    }

.m-hover-list__dropdown {
    display: none;
    position: absolute;
    top: 28px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 300
}

.m-hover-list__dropdown-wrapper {
    background-color: #fff;
    width: 100%;
    margin-left: 0;
    padding: 6px 20px 6px 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    position: relative
}

    .m-hover-list__dropdown-wrapper:before {
        content: "";
        position: absolute;
        width: 100%;
        background: transparent;
        height: 8px;
        left: 0;
        top: -8px;
        z-index: 2
    }

    .m-hover-list__dropdown-wrapper:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        left: 50px;
        top: -4px;
        margin-left: -4px;
        z-index: 1;
        box-shadow: -1px -1px 1px rgba(0,0,0,.1)
    }

.m-hover-list__dropdown-item {
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    position: relative;
    padding-left: 23px
}

    .m-hover-list__dropdown-item:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: 50%,-15px;
        background-size: contain
    }

    .m-hover-list__dropdown-item:visited {
        color: #666
    }

    .m-hover-list__dropdown-item:hover {
        color: #bf0d3e;
        text-decoration: none
    }

        .m-hover-list__dropdown-item:hover:before {
            background-position: -15px,50%
        }

    .m-hover-list__dropdown-item.icon-bell:before {
        background-image: url(../_img/icons/bell-grey.svg),url(../_img/icons/bell-red.svg)
    }

    .m-hover-list__dropdown-item.icon-search:before {
        background-image: url(../_img/icons/search-grey.svg),url(../_img/icons/search-red.svg)
    }

.m-hover-list__item.state-bell-on .m-hover-list__toggler {
    padding-right: 23px
}

    .m-hover-list__item.state-bell-on .m-hover-list__toggler:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../_img/icons/bell-red.svg);
        border-radius: 50%;
        background-color: #e6e6e6;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 13px
    }

.m-hover-list__item.state-bell-on .m-hover-list__dropdown-item.icon-bell:before {
    background-image: url(../_img/icons/bell-off-grey.svg),url(../_img/icons/bell-off-red.svg)
}

.m-hover-list--small {
    margin-bottom: 0
}

    .m-hover-list--small .m-hover-list__item {
        margin: 0;
        padding: 0
    }

        .m-hover-list--small .m-hover-list__item:after {
            right: -12px
        }

    .m-hover-list--small .m-hover-list__toggler {
        font-size: 14px;
        line-height: 21px;
        color: #bf0d3e
    }

    .m-hover-list--small .m-hover-list__item.state-bell-on .m-hover-list__toggler:after {
        top: -2px
    }

    .m-hover-list--small .m-hover-list__dropdown-wrapper:after {
        left: 30px
    }

.m-menu-block {
    border-top: 1px solid #fff
}

.m-menu-block--wishlist .m-menu-block__item .a-icon--check-mark {
    display: none
}

.m-menu-block--wishlist .m-menu-block__item.active .a-icon--check-mark {
    display: inline-block
}

.m-menu-block--wishlist.edit .m-menu-block__item .a-icon--check-mark, .m-menu-block--wishlist.edit .m-menu-block__item .a-icon--heart-full, .m-menu-block--wishlist .m-menu-block__item .m-menu-block__remove-wishlist, .m-menu-block--wishlist .m-menu-block__item .m-menu-block__rename-wishlist {
    display: none
}

.m-menu-block--wishlist.edit .m-menu-block__item .m-menu-block__remove-wishlist, .m-menu-block--wishlist.edit .m-menu-block__item .m-menu-block__rename-wishlist {
    display: inline-block
}

.m-menu-block__item {
    position: relative;
    display: block;
    font-size: 17px;
    color: #bf0d3e;
    text-decoration: none
}

    .m-menu-block__item:focus, .m-menu-block__item:hover {
        color: #bf0d3e
    }

    .m-menu-block__item:last-child {
        border-bottom: 1px solid #fff
    }

        .m-menu-block__item:last-child .m-menu-block__title {
            border-bottom: none
        }

.m-menu-block__title {
    display: block;
    padding: 13px 40px 11px 0;
    margin-left: 50px;
    border-bottom: 1px solid #fff
}

.m-menu-block__icon {
    position: absolute;
    z-index: 5;
    display: inline-block;
    font-size: 0
}

.m-menu-block__icon--left {
    left: 15px;
    top: 11px
}

.m-menu-block__icon--right {
    right: 8px;
    top: 15px
}

.modal--header-big {
    padding-top: 60px
}

    .modal--header-big:before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        border-bottom: 1px solid #d8d8d8;
        margin-top: -1px
    }

    .modal--header-big .cnt {
        position: relative
    }

    .modal--header-big .icon-2 {
        top: 0;
        left: auto;
        right: 0;
        width: 60px;
        height: 60px;
        background-color: #999
    }

    .modal--header-big .icon-2-close-1 {
        background-image: none
    }

        .modal--header-big .icon-2-close-1:after, .modal--header-big .icon-2-close-1:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -2px 0 0 -10px;
            width: 20px;
            height: 4px;
            background-color: #fff;
            transform: rotate(45deg)
        }

        .modal--header-big .icon-2-close-1:after {
            transform: rotate(-45deg)
        }

.modal__title {
    font-size: 24px;
    line-height: 60px;
    font-weight: 700;
    margin: -60px 0 20px;
    padding: 0 70px 0 20px;
    text-align: left
}

.m-notification {
    background-color: #f5d0db;
    position: relative;
    padding-bottom: 10px;
    overflow: hidden
}

.m-notification__toggle {
    display: block;
    box-sizing: border-box;
    margin: 8px 10px 15px 38px
}

.m-notification__title {
    position: relative;
    color: #bf0d3e;
    line-height: 22px
}

    .m-notification__title:before {
        content: "";
        display: inline-block;
        position: absolute;
        height: 20px;
        width: 20px;
        top: 0;
        left: -28px;
        background-image: url(../_img/exl_pikto_ausruf_rot.png);
        background-size: 20px auto;
        background-position: 0;
        background-repeat: no-repeat
    }

.m-notification__more {
    display: block;
    margin-bottom: -15px;
    opacity: 1;
    transition: opacity .3s ease;
    text-decoration: underline
}

.m-notification__toggle--open .m-notification__more {
    opacity: 0
}

.m-notification__richtext {
    display: none;
    box-sizing: border-box;
    margin: 0 10px 55px 38px;
    color: #000;
    line-height: 22px
}

.m-notification__close {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 84px;
    padding: 11px 11px 11px 40px;
    margin: auto;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 2px 2px 0 0;
    color: #666;
    font-size: 18px;
    text-align: center
}

    .m-notification__close:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 15px;
        height: 13px;
        width: 13px;
        background-image: url(../_img/sprite-icons-1.png);
        background-size: 13px auto;
        background-position: 0 -38px;
        background-repeat: no-repeat
    }

.m-popup-box {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: 15px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #e6e6e6
}

    .m-popup-box:before {
        top: -12px;
        z-index: 89;
        margin-left: -6px;
        border: 6px inset;
        border-color: transparent transparent #fff;
        border-bottom-style: solid
    }

    .m-popup-box:after, .m-popup-box:before {
        position: absolute;
        left: 50%;
        display: block;
        height: 0;
        width: 0;
        content: ""
    }

    .m-popup-box:after {
        top: -18px;
        z-index: 88;
        margin-left: -9px;
        border: 9px inset;
        border-color: transparent transparent #e6e6e6;
        border-bottom-style: solid
    }

.m-popup-box__header {
    padding-bottom: 15px
}

.m-popup-box__content {
    margin-top: 15px;
    text-align: right;
    font-size: 12px
}

.m-product-description {
    font-size: 14px;
    line-height: 21px
}

.m-product-description__title {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0
}

.m-product-description__content {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    height: 63px;
    position: relative
}

    .m-product-description__content:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 50px;
        background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
        z-index: 1
    }

    .m-product-description__content dl {
        display: block;
        margin: 0;
        padding: 0
    }

        .m-product-description__content dl dd, .m-product-description__content dl dt {
            display: block;
            width: 67%;
            float: left
        }

        .m-product-description__content dl dt {
            width: 33%;
            clear: both
        }

            .m-product-description__content dl dt:after {
                content: ":"
            }

    .m-product-description__content.state-open:before {
        display: none
    }

    .m-product-description__content a.state-bell {
        position: relative;
        padding-right: 20px;
        display: inline-block
    }

        .m-product-description__content a.state-bell:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 16px;
            height: 16px;
            background-image: url(../_img/icons/bell-red.svg);
            border-radius: 50%;
            background-color: #e6e6e6;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 10px
        }

.m-product-description__toggler {
    position: relative;
    display: block;
    padding-left: 15px;
    margin: -15px 0 20px
}

    .m-product-description__toggler:after {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: 6px;
        height: 6px;
        border-right: 2px solid #bf0d3e;
        border-bottom: 2px solid #bf0d3e;
        transform: rotate(45deg)
    }

.m-product-detail-price {
    position: relative;
    font-size: 33px;
    font-weight: 700;
    line-height: 38px;
    color: #bf0d3e;
    margin-top: 10px
}

    .m-product-detail-price .m-product-detail-price__value {
        display: block;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase
    }

        .m-product-detail-price .m-product-detail-price__value[data-price-old]:after {
            content: attr(data-price-old);
            text-decoration: line-through;
            margin-left: 5px
        }

    .m-product-detail-price .m-reduced, .m-product-detail-price .special {
        position: relative;
        float: left;
        bottom: auto;
        left: auto;
        top: auto;
        right: auto;
        text-align: center
    }

    .m-product-detail-price .m-reduced {
        margin: -3px 10px 10px 0;
        border: none
    }

    .m-product-detail-price .special {
        position: relative;
        height: auto;
        width: 46px;
        padding: 0;
        box-sizing: border-box;
        margin: 2px 10px 10px 0;
        text-align: center;
        font-size: 20px;
        line-height: 46px;
        border: none
    }

.m-radio-group {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 38px
}

    .m-radio-group, .m-radio-group label {
        box-sizing: border-box;
        position: relative
    }

        .m-radio-group label {
            display: block;
            text-align: center;
            border: 1px solid #a8a8a8;
            padding: 0 27px;
            float: left;
            margin: 0 0 0 -1px
        }

            .m-radio-group label:first-of-type {
                margin-left: 0
            }

            .m-radio-group label:last-of-type {
                margin-right: 10px
            }

        .m-radio-group input {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            opacity: 0
        }

            .m-radio-group input:checked + label {
                z-index: 1;
                color: #fff;
                background-color: #bf0d3e;
                border-color: #bf0d3e
            }

        .m-radio-group a {
            display: inline-block;
            font-size: 16px;
            color: gray;
            text-decoration: underline;
            white-space: nowrap
        }

.m-rating {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.3em
}

    .m-rating:hover {
        cursor: pointer
    }

.m-rating__meta {
    position: relative;
    display: block
}

.m-rating__stars {
    display: inline-block;
    width: 90px;
    height: 18px;
    margin-right: 5px;
    text-align: left;
    background: url(../_img/exl_pikto_stern_grau.svg) repeat-x 0 0;
    background-size: 18px;
    overflow: hidden
}

    .m-rating__stars:after {
        display: inline-block;
        height: 100%;
        content: "";
        background: url(../_img/exl_pikto_stern_rot.svg) repeat-x 0 0;
        background-size: 18px
    }

.m-rating__bar {
    display: inline-block;
    height: 10px;
    width: 110px;
    margin-right: 5px;
    margin-bottom: 3px;
    background-color: #e6e6e6
}

.m-rating__bar-indicator {
    display: block;
    height: 10px;
    background-color: #bf0d3e
}

.m-rating__total-votes {
    vertical-align: top;
    display: inline-block;
    width: 55px;
    font-size: 13px;
    overflow: hidden
}

.m-rating__subtitle {
    display: block;
    font-weight: 700;
    font-size: 12px
}

.m-rating__popup {
    position: absolute;
    top: 85px;
    left: 50%;
    right: 0;
    z-index: 999;
    display: none;
    width: 284px;
    margin-left: -142px
}

.m-rating--lovelybooks .m-rating__stars:after {
    background: url(../_img/exl_pikto_stern_orange.svg) repeat-x 0 0
}

.m-rating--lovelybooks .m-rating__bar-indicator {
    background-color: #e87722
}

.m-rating__stars--10:after {
    width: 18px
}

.m-rating__stars--15:after {
    width: 27px
}

.m-rating__stars--20:after {
    width: 36px
}

.m-rating__stars--25:after {
    width: 45px
}

.m-rating__stars--30:after {
    width: 54px
}

.m-rating__stars--35:after {
    width: 63px
}

.m-rating__stars--40:after {
    width: 72px
}

.m-rating__stars--45:after {
    width: 81px
}

.m-rating__stars--50:after {
    width: 90px
}

.m-rating-form {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px
}

.m-rating-form__inputs {
    display: none
}

.m-rating-form label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.m-rating-form p {
    margin-bottom: 15px
}

.m-rating-form .button-3 {
    margin-bottom: 30px
}

.m-rating-form .m-rating-stars {
    margin-bottom: 20px
}

.m-rating-form.state-open .m-rating-form__inputs {
    display: block
}

.m-rating-form input[type=text], .m-rating-form textarea {
    border: 2px solid #e6e6e6;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px
}

    .m-rating-form input[type=text]:focus, .m-rating-form textarea:focus {
        border-color: #bf0d3e
    }

.m-rating-overview {
    margin-bottom: 20px
}

    .m-rating-overview h4 {
        margin: 0 5px 10px 0;
        padding: 0;
        color: #bf0d3e;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        display: inline-block
    }

    .m-rating-overview p {
        display: inline-block;
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 10px;
        padding: 0
    }

    .m-rating-overview ul {
        margin: 0;
        padding: 0;
        display: block
    }

    .m-rating-overview li {
        margin: 0 0 13px;
        padding: 0;
        list-style: none;
        display: block;
        height: 16px;
        position: relative
    }

    .m-rating-overview .m-rating-stars {
        transform: scale(.6);
        transform-origin: left top
    }

.m-rating-overview__bar {
    position: absolute;
    top: 4px;
    left: 105px;
    right: 0;
    display: block;
    padding-right: 35px;
    box-sizing: border-box;
    line-height: 9px;
    font-size: 12px
}

    .m-rating-overview__bar:after {
        content: "(" attr(data-value) ")";
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

.m-rating-overview progress {
    background-color: #e6e6e6;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 10px
}

    .m-rating-overview progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #bf0d3e;
        border: none
    }

        .m-rating-overview progress[value]::-webkit-progress-bar {
            background-color: #e6e6e6
        }

        .m-rating-overview progress[value]::-webkit-progress-value {
            background-color: #bf0d3e
        }

    .m-rating-overview progress::-moz-progress-bar {
        background-color: #bf0d3e
    }

.m-rating-posts__header {
    font-size: 0;
    position: relative;
    padding-left: 105px;
    margin-bottom: 10px
}

    .m-rating-posts__header .m-rating-stars {
        transform: scale(.6);
        transform-origin: left top;
        position: absolute;
        top: 0;
        left: 0
    }

    .m-rating-posts__header .m-tag-list {
        margin-bottom: 0
    }

    .m-rating-posts__header h2 {
        margin: 0 10px 0 0;
        padding: 0;
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        color: #888;
        text-transform: none;
        font-weight: 400;
        font-family: MiloWeb-Text,Arial,Helvetica,sans-serif
    }

.m-rating-posts__post {
    margin-bottom: 30px
}

    .m-rating-posts__post:last-of-type {
        margin-bottom: 20px
    }

    .m-rating-posts__post h1 {
        margin: 0 0 5px;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        color: #000;
        text-transform: none;
        font-weight: 700
    }

.m-rating-posts__post-text {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    max-height: 43px
}

    .m-rating-posts__post-text .m-tag-list {
        display: block;
        margin-top: 20px;
        margin-bottom: -20px
    }

    .m-rating-posts__post-text.state-open {
        max-height: none;
        overflow: visible
    }

.m-rating-posts__read-more {
    position: absolute;
    bottom: 5px;
    right: 0;
    display: none;
    background-color: #fff;
    padding: 0 10px 0 5px;
    text-decoration: none;
    color: #bf0d3e
}

    .m-rating-posts__read-more:hover, .m-rating-posts__read-more:visited {
        text-decoration: none
    }

    .m-rating-posts__read-more:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -20px;
        width: 20px;
        height: 20px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff)
    }

    .m-rating-posts__read-more.state-visible {
        display: block
    }

.m-rating-posts .button-3 {
    margin-bottom: 20px
}

.m-rating-stars {
    position: relative;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-left: -2.5px;
    transform-origin: left top
}

.m-rating-stars__range {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

    .m-rating-stars__range:disabled {
        cursor: default
    }

.m-rating-stars__star {
    position: relative;
    display: inline-block;
    background-image: url(../_img/exl_pikto_stern_hellgrau.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100%;
    width: 28px;
    height: 28px
}

.m-rating-stars__value {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 100%;
    z-index: 1;
    white-space: nowrap;
    box-sizing: border-box
}

    .m-rating-stars__value .m-rating-stars__star {
        background-image: url(../_img/exl_pikto_stern_rot.svg)
    }

.m-rating-stars--small {
    transform: scale(.6)
}

.m-redownload {
    width: 100%;
    position: relative;
    display: block;
    margin-left: 0;
    transition: all .5s ease;
    padding: 9px 68px;
    min-height: 73px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.m-redownload__link {
    height: 91px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.m-redownload__link--download, .m-redownload__link--product {
    display: none
}

    .m-redownload__link--download .m-redownload__icon, .m-redownload__link--product .m-redownload__icon {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
        margin-top: -15px
    }

    .m-redownload__link--download .m-redownload__icon {
        background-image: url(../_img/exl_pikto_download_rot.png)
    }

    .m-redownload__link--product .m-redownload__icon {
        background-image: url(../_img/exl_pikto_warenkorb_rot.png)
    }

.m-redownload__checkbox {
    position: absolute;
    top: 40%;
    left: -20px;
    z-index: 0;
    transition: all 0s ease
}

.m-redownload__image {
    position: absolute;
    top: 4px;
    left: 8px
}

    .m-redownload__image img {
        max-height: 82px;
        max-width: 54px
    }

.m-redownload__title {
    font-size: 17px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    padding: 0 0 1px;
    padding-right: 4px
}

.m-redownload__author, .m-redownload__title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-redownload__author {
    font-size: 14px;
    line-height: 15px;
    color: #666;
    padding: 0 0 5px;
    padding-right: 4px
}

.m-redownload__amount, .m-redownload__type {
    font-size: 12px;
    color: gray;
    display: block;
    padding: 0 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px
}

.m-redownload__info {
    position: relative;
    height: 73px;
    overflow: hidden
}

.m-redownload__icon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -25px;
    z-index: 5;
    background-image: url(../_img/icon-reader.png);
    background-position: 50%;
    background-size: 50px auto;
    background-repeat: no-repeat
}

.m-reduced {
    position: absolute;
    bottom: -25px;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 110px;
    margin-left: -55px;
    color: #fff;
    background-color: #bf0d3e;
    border: 2px solid #fff;
    box-sizing: border-box;
    padding: 7px 50px 7px 10px;
    z-index: 10;
    text-align: left;
    text-transform: uppercase;
    font-family: MiloWeb-Text,Arial,Helvetica,sans-serif
}

    .m-reduced * {
        cursor: default
    }

    .m-reduced:before {
        content: "";
        display: block;
        width: 40px;
        height: 33px;
        background-image: url(../_img/icons/diamond-white.svg);
        background-repeat: no-repeat;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .m-reduced .m-reduced__value {
        display: block;
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .m-reduced .m-reduced__label {
        display: block;
        font-size: 11px;
        line-height: 10px;
        font-weight: 400;
        width: 100%;
        -ms-flex-order: 2;
        order: 2
    }

    .m-reduced[data-footer]:after {
        content: attr(data-footer);
        display: block;
        color: #fff;
        background-color: #000;
        width: auto;
        height: auto;
        padding-top: 1px;
        text-align: center;
        font-size: 10px;
        line-height: 13px;
        -ms-flex-order: 3;
        order: 3;
        margin: 7px -50px -7px -10px;
        border-top: 1px solid #fff
    }

.m-reduced--small {
    width: 56px;
    bottom: -13px;
    margin-left: -28px;
    padding: 10px 0 7px
}

    .m-reduced--small .m-reduced__label, .m-reduced--small .m-reduced__value {
        text-align: center
    }

    .m-reduced--small .m-reduced__value {
        font-size: 16px;
        -ms-flex-order: 2;
        order: 2
    }

    .m-reduced--small .m-reduced__label {
        -ms-flex-order: 1;
        order: 1
    }

    .m-reduced--small:before {
        content: "";
        position: relative;
        right: auto;
        top: auto;
        margin: 0 6px 10px
    }

    .m-reduced--small[data-footer]:after {
        margin-left: 0;
        margin-right: 0
    }

.m-reduced--tiny {
    width: 56px;
    text-align: center;
    padding: 5px 0 6px;
    margin-left: -28px
}

    .m-reduced--tiny:before {
        display: none
    }

    .m-reduced--tiny[data-footer]:after {
        margin-left: 0;
        margin-right: 0
    }

.costs-1 .m-reduced.state-tiny {
    margin: 0;
    left: 0;
    top: auto;
    bottom: 28px;
    border: none;
    width: 51px
}

    .costs-1 .m-reduced.state-tiny:before {
        display: none
    }

.m-search-bar {
    position: relative;
    display: block;
    width: 100%
}

.m-search-bar__clear {
    position: absolute;
    top: 6px;
    right: 38px;
    z-index: 400;
    display: none;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 12px;
    background-image: url(../_img/sprite-icons-1@2x.png);
    background-position: 3px -184px;
    background-size: 15px auto;
    background-repeat: no-repeat
}

.m-search-bar__form {
    position: relative;
    width: auto;
    padding-right: 35px
}

.m-search-bar__input {
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 7px;
    font-size: 17px;
    line-height: 35px;
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none
}

    .m-search-bar__input:focus {
        box-shadow: 0 0 12px #d1cccb
    }

        .m-search-bar__input:focus > .m-search-bar__clear {
            display: block
        }

.m-search-bar__submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    border: none;
    background-color: #999;
    background-image: url(../_img/sprite-icons-1@2x.png);
    background-size: 15px auto;
    background-position: 9px -322px;
    background-repeat: no-repeat
}

.m-search-bar__submit, .m-select {
    display: inline-block;
    height: 35px
}

.m-select {
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
    border: 1px solid #fff;
    overflow: hidden
}

    .m-select:after {
        content: "";
        position: absolute;
        top: 11px;
        right: 11px;
        z-index: 2;
        width: 6px;
        height: 6px;
        border-right: 2px solid #bf0d3e;
        border-bottom: 2px solid #bf0d3e;
        transform: rotate(45deg);
        display: block;
        pointer-events: none
    }

.m-select--active {
    background-color: #fff
}

.m-select--with-icon {
    width: 35px
}

    .m-select--with-icon .m-select__input {
        padding: 0;
        font-size: 0;
        white-space: nowrap
    }

    .m-select--with-icon:after {
        content: none
    }

.m-select__input {
    height: 33px;
    padding: 0 30px 0 10px;
    float: right;
    color: #bf0d3e;
    font-size: 13px;
    line-height: 13px;
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .m-select__input option {
        font-size: 13px;
        padding: 11px 10px;
        overflow: hidden;
        outline: 0
    }

.m-series {
    padding: 0 0 20px;
    background-color: #fff;
    cursor: default
}

.m-series__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    margin: 0 0 10px;
    padding: 0 15px
}

.m-series__overflow {
    position: relative;
    overflow-x: scroll;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 5px
}

    .m-series__overflow ::-webkit-scrollbar {
        display: none
    }

.m-series__columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px 0
}

.m-series__item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 160px;
    box-sizing: border-box;
    text-align: center
}

    .m-series__item, .m-series__item:hover, .m-series__item:visited {
        text-decoration: none
    }

        .m-series__item:hover .m-series__item-inner {
            box-shadow: 0 0 20px rgba(0,0,0,.2)
        }

.m-series__item-inner {
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 10px;
    padding: 15px 5px;
    border: 1px solid #d4d4d4;
    transition: box-shadow .1s ease-in-out;
    height: 100%
}

.m-series__item-image {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
    max-width: 100%
}

.m-series__item-title {
    font-weight: 700;
    color: #000
}

.m-series__item-properties, .m-series__item-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: left
}

.m-series__item-properties {
    color: #666
}

.m-series__item-property {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.m-series--space .m-series__item:first-of-type {
    margin-left: 25%
}

.m-switch:after {
    display: table;
    clear: both;
    content: ""
}

.m-switch__single {
    float: left
}

.m-switch__single--link {
    border: 1px solid #fff;
    border-left: 0
}

    .m-switch__single--link:first-child {
        border-left: 1px solid #fff
    }

.m-switch__single--filter {
    display: none;
    float: right;
    height: 35px;
    width: 35px;
    margin-right: 8px;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box
}

    .m-switch__single--filter .m-switch__select {
        background-image: url(../_img/icon-filter.svg)
    }

.m-switch__single--sort {
    display: none;
    float: right;
    height: 35px;
    width: 35px;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box
}

    .m-switch__single--sort .m-switch__select {
        background-image: url(../_img/icon-sort.svg)
    }

.m-switch__single-link {
    display: block;
    padding: 10px;
    font-size: 13px;
    line-height: 13px;
    color: #bf0d3e
}

    .m-switch__single-link:hover {
        color: #bf0d3e
    }

.m-switch__form {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

    .m-switch__form:after {
        display: table;
        clear: both;
        content: ""
    }

.m-switch__select {
    float: right;
    font-size: 16px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../_img/icon-sort.svg);
    background-size: 34px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 300px;
    outline: 0;
    cursor: pointer;
    height: 35px;
    image-rendering: -webkit-optimize-contrast
}

    .m-switch__select option {
        padding: 11px 10px;
        margin-right: 40px;
        overflow: hidden;
        outline: 0
    }

.m-switch--filter-on .m-switch__single--filter, .m-switch--sort-on .m-switch__single--sort, .state-m-switch-sort-on .m-switch__single--sort {
    display: block
}

.m-switch__single--active, .state-m-switch__single--active {
    background-color: #fff;
    color: #bf0d3e
}

.m-tags__list {
    display: block;
    padding: 5px 0;
    font-size: 12px
}

.m-tags__item {
    display: inline-block;
    padding-right: 14px;
    margin-right: 5px;
    position: relative
}

    .m-tags__item:before {
        width: 10px;
        height: 10px;
        line-height: 10px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        background-color: #666;
        color: #fff;
        display: inline-block;
        content: "\00d7";
        position: absolute;
        top: 2px;
        right: 0
    }

.m-tags__search {
    position: relative;
    display: block;
    height: 30px;
    width: 100%
}

    .m-tags__search .m-tags__search__icon {
        position: absolute;
        left: 8px;
        top: 6px;
        height: 18px;
        width: 18px;
        z-index: 5;
        background-image: url(../_img/icon-magnifier.png);
        background-size: 18px auto;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .m-tags__search .m-tags__search__input {
        position: relative;
        opacity: 1;
        z-index: 1;
        padding-left: 30px;
        border: 2px solid #e6e6e6;
        width: 100%;
        height: 30px;
        line-height: 30px
    }

.m-tag-list {
    margin: 0 0 10px;
    font-size: 0;
    color: #666
}

.m-tag-list, .m-tag-list__item {
    display: inline-block;
    padding: 0
}

.m-tag-list__item {
    box-sizing: border-box;
    font-size: 13px;
    line-height: 22px;
    margin: 0 10px 0 0;
    list-style: none
}

    .m-tag-list__item:last-of-type {
        margin-right: 0
    }

.m-tag-list__item-button {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 6px;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    color: #000
}

    .m-tag-list__item-button:visited {
        color: #000
    }

    .m-tag-list__item-button:hover {
        color: #bf0d3e;
        border-color: #bf0d3e;
        text-decoration: none
    }

    .m-tag-list__item-button.state-disabled {
        color: #888;
        cursor: default
    }

        .m-tag-list__item-button.state-disabled:hover, .m-tag-list__item-button.state-disabled:visited {
            color: #888;
            border-color: #e6e6e6
        }

.m-tag-list__item-link {
    color: #888;
    text-decoration: underline
}

.m-tag-list--small .m-tag-list__item {
    font-size: 11px;
    line-height: 16px
}

.m-tag-list--small .m-tag-list__item-button {
    border-radius: 1px;
    padding: 0 4px
}

.m-terms {
    padding: 5px 0
}

.m-terms__checkbox {
    margin-bottom: 10px;
    padding: 0 10px
}

.m-terms__reveal {
    margin-left: 50px;
    padding: 10px 7px 15px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

    .m-terms__reveal.nomargin {
        margin: 0;
        padding: 10px 7px 15px
    }

.m-terms__scrollbox {
    height: 100px;
    font-size: 13px;
    line-height: 1.4em;
    border-right: 3px solid #c7c8ca;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    .m-terms__scrollbox h1, .m-terms__scrollbox h2 {
        font-weight: 700
    }

    .m-terms__scrollbox h3 {
        font-size: 17px;
        padding: 15px 0 5px;
        font-weight: 400
    }

.m-terms__footnote {
    padding: 10px;
    font-size: 13px
}

.m-trigger-input {
    display: block;
    width: 100%;
    position: relative;
    padding-right: 38px;
    background-color: #bf0d3e;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer
}

.m-trigger-input__input {
    background-color: #f0f0f0;
    padding: 0;
    height: 38px;
    text-indent: 10px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: none;
    font-size: 18px
}

.m-trigger-input:after {
    content: "";
    position: absolute;
    display: block;
    top: 14px;
    right: 16px;
    width: 8px;
    height: 8px;
    z-index: 2;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    border-radius: 1px;
    pointer-events: none
}

.m-trigger-input.display-none {
    display: none
}

.m-wishlist-item {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.m-wishlist-item__checkbox {
    position: absolute;
    top: 40%;
    left: -20px;
    z-index: 0;
    transition: all 0s ease
}

.m-wishlist-item__info {
    min-height: 73px;
    margin-left: 0;
    padding: 9px 0 0 68px
}

.m-wishlist-item__info, .m-wishlist-item__link {
    display: block;
    transition: all .5s ease
}

.m-wishlist-item__image {
    position: absolute;
    top: 9px;
    left: 8px
}

    .m-wishlist-item__image img {
        max-height: 82px;
        max-width: 54px
    }

.m-wishlist-item__text {
    display: block
}

.m-wishlist-item__title {
    font-size: 17px;
    line-height: 18px;
    color: #000;
    display: block;
    font-weight: 700;
    max-width: 78%;
    padding: 0 0 1px
}

.m-wishlist-item__author {
    font-size: 14px;
    line-height: 15px;
    color: #666;
    display: block;
    padding: 0 0 5px;
    max-width: 78%
}

.m-wishlist-item__type {
    font-size: 12px;
    color: gray;
    display: block;
    padding: 0 0 3px;
    max-width: 78%
}

.m-wishlist-item__price-wrapper {
    line-height: 11px;
    padding: 2px 0 0;
    position: relative;
    display: inline-block
}

.m-wishlist-item__old-price {
    font-size: 12px;
    color: #000;
    padding-right: 5px;
    text-decoration: line-through;
    display: inline-block
}

.m-wishlist-item__price {
    display: inline-block
}

.m-wishlist-item__price--currency {
    font-size: 13px;
    color: #000;
    margin-right: 2px;
    display: inline-block
}

.m-wishlist-item__price--amount {
    font-size: 17px;
    color: #bf0d3e;
    font-weight: 700
}

.m-wishlist-item__info {
    position: relative
}

    .m-wishlist-item__info .reduced-2, .m-wishlist-item__info .reduced-3, .m-wishlist-item__info .reduced-4, .m-wishlist-item__info .reduced-5, .m-wishlist-item__info .reduced-6, .m-wishlist-item__info .reduced-7, .m-wishlist-item__info .special {
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -22px;
        z-index: 5
    }

    .m-wishlist-item__info .reduced-4 {
        width: 42px;
        height: 85px;
        margin-top: -43px
    }

    .m-wishlist-item__info .reduced-5, .m-wishlist-item__info .reduced-6 {
        margin-top: -27px
    }

    .m-wishlist-item__info .reduced-7 {
        width: 42px;
        height: 96px;
        margin-top: -48px
    }

.m-wishlist-item__actions {
    position: relative;
    display: block;
    margin-left: 0;
    padding: 0 3px 0 63px;
    transition: all .5s ease
}

    .m-wishlist-item__actions .m-wishlist-item__action {
        display: inline-block;
        padding: 15px 5px 10px;
        line-height: 1;
        font-size: 0
    }

.m-wishlist-item__prioritize .a-icon {
    display: none
}

.m-wishlist-item__prioritize .a-icon--prio-0 {
    display: inline-block
}

.m-wishlist-item__prioritize--prio-1 .a-icon {
    display: none
}

.m-wishlist-item__prioritize--prio-1 .a-icon--prio-1 {
    display: inline-block
}

.m-wishlist-item__prioritize--prio-2 .a-icon {
    display: none
}

.m-wishlist-item__prioritize--prio-2 .a-icon--prio-2 {
    display: inline-block
}

.m-wishlist-item__comment {
    margin-left: 5px
}

    .m-wishlist-item__comment--added .a-icon--speech-bubble, .m-wishlist-item__comment .a-icon--speech-bubble-full {
        display: none
    }

.m-wishlist-item__comment--added .a-icon--speech-bubble-full {
    display: inline-block
}

.m-wishlist-item__add-to-basket {
    float: right
}

.modal .cnt .m-wishlist-item__image img {
    max-height: 82px;
    max-width: 54px
}

.m-wishlist-total {
    position: relative;
    display: block;
    height: 45px;
    padding: 13px 0 12px 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 17px;
    background-color: #bf0d3e
}

.m-wishlist-total__actions {
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 5;
    line-height: 1;
    font-size: 0
}

.m-wishlist-total__actions--share {
    display: inline-block
}

.m-wishlist-total__actions--add-to-basket {
    display: inline-block;
    margin-left: 15px
}

.edit .m-wishlist-total {
    display: none
}

.o-coupon-recommendations {
    border-bottom: 1px solid #e6e6e6
}

.o-coupons {
    display: block;
    position: relative;
    padding: 12px 7px 5px
}

.o-coupons__list {
    width: 100%;
    position: relative
}

.o-coupons__item, .o-coupons__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.o-coupons__item {
    display: inline-block
}

    .o-coupons__item:first-child {
        padding: 0 0 5%
    }

        .o-coupons__item:first-child .m-coupon {
            box-shadow: none
        }

    .o-coupons__item:nth-child(2) {
        position: absolute;
        top: 7%;
        left: 6%;
        z-index: 11
    }

    .o-coupons__item:nth-child(3) {
        position: absolute;
        top: 14%;
        left: 12%;
        z-index: 12
    }

.o-coupons__description {
    position: absolute;
    display: block;
    left: calc(50% + 7px);
    right: 14px;
    top: 30%;
    color: gray;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2
}

.o-main-navigation {
    position: fixed;
    top: 0;
    z-index: 999;
    display: block;
    width: 260px;
    height: 100vh;
    overflow: hidden;
    padding-bottom: 18px;
    background-color: #fff;
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
    transition: transform .35s ease
}

.navigation-active body {
    overflow: hidden
}

.navigation-active .page {
    z-index: 504
}

    .navigation-active .page:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 505;
        display: block;
        background-color: #000;
        opacity: .4
    }

.navigation-active .o-main-navigation {
    display: block;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.o-main-navigation__inner {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding-bottom: 72px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box
}

.o-main-navigation__list {
    margin-top: 6px
}

    .o-main-navigation__list ul {
        display: block;
        list-style: none
    }

    .o-main-navigation__list a {
        position: relative;
        display: block;
        padding: 9px 18px 9px 30px;
        color: #bf0d3e;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        -webkit-appearance: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .o-main-navigation__list a .a-icon {
            position: absolute;
            top: 10px;
            left: 8px
        }

        .o-main-navigation__list a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 30px;
            right: 0;
            display: block;
            height: 1px;
            background-color: #e6e6e6
        }

.o-othersbuy {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 13px 0;
    margin-bottom: 20px;
    text-align: center;
    background-color: #fff
}

.o-othersbuy__title {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    padding: 0 7px 2px;
    font-size: 13px;
    text-align: center
}

.o-othersbuy__item {
    display: inline;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-bottom: 5px;
    margin: 0 2%;
    height: 75px;
    line-height: 75px;
    vertical-align: bottom;
    overflow: hidden
}

.o-othersbuy__image {
    max-height: 71px;
    max-width: 40px;
    margin-top: 4px;
    vertical-align: bottom
}

.o-product-detail-header {
    padding: 9px 15px;
    background-color: #fff;
    min-height: 120px
}

.o-product-detail-header__column-right {
    padding-left: 150px
}

.o-product-detail-header .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 0;
    margin: 0 0 7px
}

.o-product-detail-header .img {
    position: absolute;
    top: 5px;
    left: 15px
}

    .o-product-detail-header .img .play-1 {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background-image: url(../_img/bg-4.png);
        background-repeat: repeat;
        text-align: center;
        padding: 5px
    }

        .o-product-detail-header .img .play-1 .icon-1 {
            width: 14px;
            height: 14px;
            background-image: url(../_img/sprite-icons-4.png);
            background-position: -11px -822px;
            display: inline-block
        }

    .o-product-detail-header .img img {
        max-height: 184px;
        max-width: 130px;
        margin-top: 4px
    }

    .o-product-detail-header .img a {
        display: block
    }

        .o-product-detail-header .img a .icon-21 {
            position: absolute;
            left: 0;
            bottom: 3px
        }

.o-product-detail-header .author {
    font-size: 13px;
    line-height: 15px;
    color: #414042;
    display: block;
    padding: 0 0 7px
}

.o-product-detail-header .type {
    font-size: 12px;
    color: #4d4d4f;
    display: block;
    padding: 0 0 7px
}

.o-product-detail-header .type-2 {
    font-size: 13px;
    line-height: 15px;
    color: #414042;
    display: block;
    padding: 0 0 4px
}

.o-product-detail-header .info-2 {
    font-size: 12px;
    color: #4d4d4f;
    display: block;
    padding: 0 0 2px
}

.o-product-detail-header .fsk-1 {
    font-size: 11px;
    color: #fff;
    background-color: #000;
    display: inline-block;
    padding: 1px 2px 0;
    font-weight: 400;
    margin: 0 0 10px
}

.o-product-detail-header .sd-hd-1 {
    display: block
}

    .o-product-detail-header .sd-hd-1 .col-1 {
        display: inline-block;
        float: left;
        padding: 0 10px 0 0
    }

    .o-product-detail-header .sd-hd-1 .col-2 {
        display: inline-block;
        float: left;
        padding: 7px 10px 0 0
    }

    .o-product-detail-header .sd-hd-1 .col-3 {
        display: inline-block;
        float: right
    }

.o-product-detail-header .price .price-old {
    font-size: 13px;
    color: #000;
    padding-right: 5px;
    padding-bottom: 5px;
    display: block
}

.o-product-detail-header .price .price-new {
    font-size: 15px;
    font-weight: 700
}

    .o-product-detail-header .price .price-new .currency {
        font-size: 13px;
        font-weight: 400
    }

.o-product-detail-header.highversion-1 .price, .o-product-detail-header.highversion-1 .type {
    padding-right: 60px
}

.o-product-detail-header .pos-5 {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 5
}

    .o-product-detail-header .pos-5 .uv-logo-1 {
        top: -10px;
        right: 47px;
        position: absolute;
        z-index: 6
    }

.o-product-detail-header .info {
    margin-top: 2px
}

.o-product-detail-header .info-4 {
    font-size: 12px;
    color: #4d4d4f;
    display: block;
    padding: 0 0 2px
}

.o-product-detail-header .price {
    padding-bottom: 5px;
    display: block
}

.o-recommendations {
    display: block;
    padding: 0 9px
}

.o-recommendations__white {
    background-color: #fff
}

    .o-recommendations__white .o-recommendations__title {
        font-size: 17px;
        color: #666;
        line-height: 18px
    }

.o-recommendations__title {
    font-size: 13px;
    display: block;
    padding-bottom: 12px
}

.o-recommendations__list {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    border: none;
    padding: 9px 0 20px;
    font-size: 0
}

.o-recommendations__item {
    font-size: 0;
    display: inline-block;
    width: 33.333333%;
    padding: 0 5px;
    list-style: none;
    margin-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

    .o-recommendations__item a {
        display: block;
        text-align: center
    }

        .o-recommendations__item a img {
            max-width: 125px;
            width: 100%;
            height: auto
        }

.o-rating {
    padding: 0 15px;
    background-color: #fff
}

    .o-rating .o-rating__title, .o-rating h3 {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        margin: 0 0 15px;
        padding: 0;
        font-weight: 400
    }

    .o-rating .o-rating__title {
        text-transform: uppercase;
        font-weight: 700
    }

.o-redownloads {
    border-top: 1px solid #fff
}

.o-redownloads__trigger {
    border-bottom: 1px solid #fff;
    padding: 5px 7px 0
}

    .o-redownloads__trigger .right {
        width: 45%;
        float: right;
        text-align: right
    }

        .o-redownloads__trigger .right .edit-1 {
            width: 65px;
            text-align: center
        }

            .o-redownloads__trigger .right .edit-1 .on, .o-redownloads__trigger .right .edit-1.on {
                background-color: transparent
            }

.o-redownloads__list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .o-redownloads__list .error-1 {
        margin: 10px 0;
        display: none
    }

    .o-redownloads__list.edit .m-redownload__link--ebook {
        display: none
    }

    .o-redownloads__list.edit .error-1, .o-redownloads__list.edit .m-redownload__link--download, .o-redownloads__list.edit .m-redownload__link--product {
        display: block
    }

.o-redownloads__item {
    position: relative;
    display: block;
    border-bottom: 1px solid #d7d7d7
}

.o-wishlist {
    border-top: 1px solid #fff
}

.o-wishlist__search {
    position: relative;
    display: block;
    padding: 5px 94px 5px 8px
}

.o-wishlist__actions {
    position: absolute;
    top: 5px;
    right: 8px
}

.o-wishlist__list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .o-wishlist__list.edit .m-wishlist-item__checkbox {
        left: 8px;
        transition: all .5s ease
    }

    .o-wishlist__list.edit .m-wishlist-item__actions, .o-wishlist__list.edit .m-wishlist-item__info {
        margin-left: 30px;
        transition: all .5s ease
    }

.o-wishlist__item {
    position: relative;
    display: block;
    border-bottom: 1px solid #d7d7d7
}

.o-wishlist-modal {
    padding: 10px 0;
    text-align: left
}

.o-wishlist-modal__title {
    margin: 0 0 5px;
    padding: 0 15px 5px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    border-bottom: 1px solid #d8d8d8
}

.o-wishlist-modal__product {
    padding: 0 15px;
    margin-bottom: 15px
}

    .o-wishlist-modal__product .m-wishlist-item__image {
        left: 0
    }

.o-wishlist-modal__text {
    padding: 15px
}

    .o-wishlist-modal__text ul {
        padding: 10px 0 10px 10px;
        margin: 0 0 0 10px
    }

        .o-wishlist-modal__text ul li {
            padding: 0 0 0 10px;
            margin: 0 0 0 10px;
            list-style: disc
        }

.o-wishlist-modal__input-wrapper {
    position: relative;
    display: block;
    padding: 0 15px 30px
}

.o-wishlist-modal__input {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 16px;
    color: #000;
    border: 1px solid #d8d8d8;
    resize: none;
    outline: none;
    box-sizing: border-box;
    box-shadow: none
}

    .o-wishlist-modal__input:focus, .o-wishlist-modal__input:hover {
        outline: none;
        box-shadow: 0 0 12px #d1cccb
    }

.o-wishlist-modal__input-counter {
    position: absolute;
    bottom: 9px;
    right: 15px;
    z-index: 5;
    font-size: 12px;
    color: gray;
    opacity: 0;
    transition: all .25s ease;
    transform: translate3d(0,-9px,0)
}

.focus .o-wishlist-modal__input-counter {
    opacity: 1;
    transform: translateZ(0)
}

.o-wishlist-modal__actions {
    display: block;
    padding: 15px
}

    .o-wishlist-modal__actions .o-wishlist-modal__close {
        display: inline-block;
        padding: 12px 0 11px
    }

.taggle_wrapper {
    position: relative;
    margin: 3px 3px 3px 40px
}

    .taggle_wrapper:after, .taggle_wrapper:before {
        content: "";
        display: table
    }

    .taggle_wrapper:after {
        clear: both
    }

.taggle_list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.taggle_input {
    position: relative;
    display: block;
    height: auto;
    padding: 7px 2% !important;
    background: none;
    border: 2px solid #e6e6e6;
    border-radius: 0;
    color: #666;
    outline: none;
    width: 100% !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none
}

.taggle_list li {
    float: left;
    white-space: nowrap;
    display: block;
    width: 100%
}

.taggle_list .taggle {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    position: relative;
    background-color: #e6e6e6;
    color: #666;
    width: auto
}

.taggle_list .taggle_hot {
    background-color: #666;
    color: #fff
}

    .taggle_list .taggle_hot.taggle .close {
        color: #fff
    }

.taggle_list .taggle .taggle_text {
    margin-right: 3px
}

.taggle_list .taggle .close {
    display: inline-block;
    line-height: 1;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #666;
    font-size: 14px
}

.taggle_placeholder {
    font-size: 12px;
    padding: 6px 0 7px 20px;
    color: #ccc;
    font-weight: 400;
    transition: opacity,.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 2px;
    left: 2%;
    opacity: 1 !important
}

    .taggle_placeholder:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(../_img/exl_pikto_suche_grau.png);
        background-size: 15px auto;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 6px
    }

    .taggle_placeholder.hide {
        opacity: 0 !important
    }

.taggle_sizer {
    padding: 0;
    top: -500px;
    z-index: -1;
    visibility: hidden
}

.taggle_sizer, .ui-menu {
    margin: 0;
    position: absolute
}

.ui-menu {
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
    display: block;
    max-height: 200px;
    overflow: scroll;
    width: 100%;
    list-style: none;
    padding: 0 9px 5px;
    outline: none;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 14px;
    box-sizing: border-box
}

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        display: block
    }

        .ui-menu .ui-menu-item .ui-menu-item-wrapper {
            text-decoration: none;
            display: block;
            padding: 5px;
            margin: 0;
            line-height: inherit;
            min-height: 0;
            color: #666
        }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #e6e6e6
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.autocomplete {
    max-height: 200px;
    overflow: scroll;
    position: absolute;
    top: 66px;
    background: #fff;
    width: 99.5%;
    left: .25%;
    z-index: 2
}

    .autocomplete ul li {
        display: block;
        padding: 6px 8px
    }

        .autocomplete ul li.selected, .autocomplete ul li:hover {
            background: #f63;
            color: #fff;
            cursor: pointer
        }

@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi) {
    .m-notification .m-notification__close:before {
        background-image: url(../_img/sprite-icons-1@2x.png)
    }
}

@media only screen and (min-width:426px) {
    .o-coupons__description {
        font-size: 18px;
        top: 40%
    }
}

.taggle_wrapper {
    position: relative;
    margin: 3px 3px 3px 40px
}

    .taggle_wrapper:after, .taggle_wrapper:before {
        content: "";
        display: table
    }

    .taggle_wrapper:after {
        clear: both
    }

.taggle_list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.taggle_input {
    position: relative;
    display: block;
    height: auto;
    padding: 7px 2% !important;
    background: none;
    border: 2px solid #e6e6e6;
    border-radius: 0;
    color: #666;
    outline: none;
    width: 100% !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none
}

.taggle_list li {
    float: left;
    white-space: nowrap;
    display: block;
    width: 100%
}

.taggle_list .taggle {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    position: relative;
    background-color: #e6e6e6;
    color: #666;
    width: auto
}

.taggle_list .taggle_hot {
    background-color: #666;
    color: #fff
}

    .taggle_list .taggle_hot.taggle .close {
        color: #fff
    }

.taggle_list .taggle .taggle_text {
    margin-right: 3px
}

.taggle_list .taggle .close {
    display: inline-block;
    line-height: 1;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #666;
    font-size: 14px
}

.taggle_placeholder {
    font-size: 12px;
    padding: 6px 0 7px 20px;
    color: #ccc;
    font-weight: 400;
    transition: opacity,.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 2px;
    left: 2%;
    opacity: 1 !important
}

    .taggle_placeholder:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(../_img/exl_pikto_suche_grau.png);
        background-size: 15px auto;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 6px
    }

    .taggle_placeholder.hide {
        opacity: 0 !important
    }

.taggle_sizer {
    padding: 0;
    top: -500px;
    z-index: -1;
    visibility: hidden
}

.taggle_sizer, .ui-menu {
    margin: 0;
    position: absolute
}

.ui-menu {
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
    display: block;
    max-height: 200px;
    overflow: scroll;
    width: 100%;
    list-style: none;
    padding: 0 9px 5px;
    outline: none;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 14px;
    box-sizing: border-box
}

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        display: block
    }

        .ui-menu .ui-menu-item .ui-menu-item-wrapper {
            text-decoration: none;
            display: block;
            padding: 5px;
            margin: 0;
            line-height: inherit;
            min-height: 0;
            color: #666
        }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #e6e6e6
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.autocomplete {
    max-height: 200px;
    overflow: scroll;
    position: absolute;
    top: 66px;
    background: #fff;
    width: 99.5%;
    left: .25%;
    z-index: 2
}

    .autocomplete ul li {
        display: block;
        padding: 6px 8px
    }

        .autocomplete ul li.selected, .autocomplete ul li:hover {
            background: #f63;
            color: #fff;
            cursor: pointer
        }