@media only screen and (max-width:700px) {
    .simple-draperies .checkout-holder {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width:700px) {
    .lSSlideOuter .content-slider.lightSlider {
        -webkit-transform: translate(0) !important;
        height: auto !important;
        transform: translate(0) !important;
        width: 100% !important
    }
    .lSSlideOuter .content-slider.lightSlider .lslide {
        float: none !important;
        width: auto !important
    }
    .lSSlideOuter .content-slider.lightSlider .lslide>.col-item:after {
        clear: both !important;
        content: "" !important;
        display: table !important
    }
    .lSSlideOuter .content-slider.lightSlider .clone {
        display: none !important
    }
}

.lSSlideOuter .content-slider.lightSlider+.lSAction {
    display: none !important
}

.lSSlideOuter .lSPager {
    display: none !important
}

.fluid {
    clear: both !important
}

.pp-clearfix {
    clear: both !important;
    display: table !important
}

.brandlogo-wrapper {
    display: none !important
}

@media only screen and (min-width:1261px) {
    .content {
        max-width: 1240px !important;
        padding: 0 !important
    }
}

.metanav .centered.cf {
    max-width: 1240px !important;
    padding-left: 200px !important
}

.pp-headline-info {
    float: right !important;
    width: 30% !important
}

@media only screen and (max-width:700px) {
    .pp-headline-info {
        float: none !important;
        padding-left: 25px !important;
        width: 100% !important
    }
}

.pp-headline-info_text {
    display: inline-block !important;
    float: left !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important
}

@media only screen and (max-width:700px) {
    .pp-headline-info_text {
        display: inline-block !important;
        float: none !important;
        margin-right: 20px !important
    }
}

.pp-headline-info_text span {
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    text-transform: none !important
}

.pp-headline-info_link {
    display: inline-block !important;
    float: right !important;
    line-height: 1 !important
}

@media only screen and (max-width:700px) {
    .pp-headline-info_link {
        display: inline-block !important
    }
}

.pp-headline-info_link a {
    -webkit-text-decoration-color: #c2c2c2 !important;
    color: #1c1f2a !important;
    font-size: 14px !important;
    font-style: italic !important;
    text-decoration-color: #c2c2c2 !important
}

.pp-headline-info:after {
    clear: both !important;
    content: "" !important;
    display: table !important
}

.pp-next {
    margin: 20px auto !important;
    width: 100% !important
}

@media only screen and (max-width:1240px) {
    .pp-next {
        max-width: 1024px !important
    }
}

@media only screen and (max-width:700px) {
    .pp-next {
        margin: 10px auto !important;
        padding-top: 0 !important
    }
}

.pp-next .pp-next-btn {
    background-color: #c0ddb8 !important;
    color: #000 !important;
    cursor: pointer !important;
    float: right !important;
    font-size: 14px !important;
    line-height: 45px !important;
    max-width: 170px !important;
    position: relative !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: 100% !important;
    z-index: 100 !important
}

.pp-next .pp-next-btn.pp-disabled {
    background-color: #d5d8dd !important
}

@media only screen and (max-width:700px) {
    .pp-next .pp-next-btn.pp-disabled {
        margin-top: 20px !important
    }
}

.pp-next .pp-next-btn.pp-disabled:before {
    -webkit-transform: translateX(-50%) !important;
    border-color: rgba(0, 0, 0, .7) transparent transparent !important;
    border-style: solid !important;
    border-width: 4px 6px 0 !important;
    content: "" !important;
    left: 50% !important;
    position: absolute !important;
    top: -6px !important;
    transform: translateX(-50%) !important;
    z-index: 100 !important
}

.pp-next .pp-next-btn.pp-disabled:after {
    -webkit-transform: translateX(-50%) translateY(-100%) !important;
    background: rgba(0, 0, 0, .7) !important;
    border-radius: 5px !important;
    color: #fff !important;
    content: "W\E4hlen Sie eine Aufh\E4ngung" !important;
    font-size: 12px !important;
    left: 50% !important;
    min-width: 280px !important;
    padding: 0 2px !important;
    pointer-events: none !important;
    position: absolute !important;
    text-align: center !important;
    top: -6px !important;
    transform: translateX(-50%) translateY(-100%) !important;
    z-index: 100 !important
}

@media only screen and (max-width:700px) {
    .pp-next .pp-next-btn {
        max-width: none !important
    }
}

.pp-logo {
    background-color: #fff !important;
    padding: 15px 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 170px !important;
    z-index: 100 !important
}

@media only screen and (max-width:600px) {
    .pp-logo {
        left: calc(50% - 65px) !important;
        padding: 13px 0 !important;
        top: 0 !important;
        width: 130px !important
    }
}

.pp-logo img {
    margin: 0 auto !important;
    max-width: 92px !important
}

@media only screen and (max-width:800px) {
    .pp-logo img {
        max-width: 70px !important
    }
}

.pp-logo.pp-retailerLogo {
    padding: 0 !important
}

.pp-logo.pp-retailerLogo img {
    max-width: 150px !important;
    padding: 10px 0 !important
}

.cookie_notification+.header+.Content .pp-logo {
    top: 42px !important
}

.no_cookie_notif .header+.Content .pp-logo {
    top: 0 !important
}

.pp-steps {
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important
}

.pp-steps .progress {
    background-color: #e9e9e9 !important;
    top: 0 !important
}

.pp-steps .progress>.item {
    background-color: #e9e9e9 !important;
    margin: 0 auto !important
}

.pp-steps .progress>.item .step-wrap {
    margin: 0 auto !important;
    max-width: 1240px !important;
    padding: 0 !important
}

.pp-steps .progress>.item .step-wrap .step-item {
    background-color: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    font-style: normal !important;
    height: 44px !important;
    line-height: 44px !important;
    text-transform: uppercase !important
}

.pp-steps .progress>.item .step-wrap .step-item a {
    text-decoration: none !important
}

@media only screen and (max-width:700px) {
    .pp-steps .progress>.item .step-wrap .step-item .dots {
        display: none !important
    }
}

.pp-steps .progress>.item .step-wrap .step-item .steptext {
    color: #b4b4b4 !important
}

@media only screen and (max-width:1024px) {
    .pp-steps .progress>.item .step-wrap .step-item .steptext {
        font-size: 11px !important
    }
}

@media only screen and (max-width:700px) {
    .pp-steps .progress>.item .step-wrap .step-item .steptext {
        color: #b4b4b4 !important;
        display: inline !important;
        font-size: 0 !important;
        text-decoration: none !important
    }
}

.pp-steps .progress>.item .step-wrap .step-item.active:after, .pp-steps .progress>.item .step-wrap .step-item.active:before, .pp-steps .progress>.item .step-wrap .step-item:after, .pp-steps .progress>.item .step-wrap .step-item:before {
    border: solid transparent !important;
    content: " " !important;
    display: block !important;
    height: 0 !important;
    left: 100% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 50% !important;
    width: 0 !important
}

.pp-steps .progress>.item .step-wrap .step-item.active:before, .pp-steps .progress>.item .step-wrap .step-item:before {
    border-color: hsla(0, 0%, 76.5%, 0) hsla(0, 0%, 76.5%, 0) hsla(0, 0%, 76.5%, 0) #c3c3c3 !important;
    border-width: 8px !important;
    margin-top: -8px !important
}

.pp-steps .progress>.item .step-wrap .step-item.active:after, .pp-steps .progress>.item .step-wrap .step-item:after {
    border-color: hsla(0, 0%, 91.4%, 0) hsla(0, 0%, 91.4%, 0) hsla(0, 0%, 91.4%, 0) #e9e9e9 !important;
    border-width: 5px !important;
    margin-top: -5px !important
}

.pp-steps .progress>.item .step-wrap .step-item.active .steptext {
    color: #1c1f2a !important;
    font-style: normal !important
}

@media only screen and (max-width:700px) {
    .pp-steps .progress>.item .step-wrap .step-item.active .steptext {
        font-size: 11px !important
    }
}

.pp-steps .progress>.item .step-wrap .step-item.checked a:before {
    color: #3aaa35 !important;
    font-size: 19px !important
}

@media only screen and (max-width:700px) {
    .pp-steps .progress>.item .step-wrap .step-item.checked a:before {
        display: none !important
    }
}

.pp-steps .progress>.item .step-wrap .step-item.checked .steptext {
    color: #1c1f2a !important
}

@media only screen and (max-width:700px) {
    .pp-steps .progress>.item .step-wrap .step-item .steptext:before {
        font-size: 11px !important
    }
}

.pp-steps .progress>.item .step-wrap .step-item.step1 .steptext:before {
    content: "1. " !important
}

.pp-steps .progress>.item .step-wrap .step-item.step2 .steptext:before {
    content: "2. " !important
}

.pp-steps .progress>.item .step-wrap .step-item.step3 .steptext:before {
    content: "3. " !important
}

.pp-steps .progress>.item .step-wrap .step-item.step4.active:after, .pp-steps .progress>.item .step-wrap .step-item.step4.active:before, .pp-steps .progress>.item .step-wrap .step-item.step4:after, .pp-steps .progress>.item .step-wrap .step-item.step4:before {
    display: none !important
}

.pp-steps .progress>.item .step-wrap .step-item.step4 .steptext:before {
    content: "4. " !important
}

.pp-steps .progress>.item .step-wrap .step-item.step5 {
    display: none !important
}

.pp-steps .progress.sticky {
    padding: 0 !important;
    top: 35px !important
}

@media only screen and (max-width:700px) {
    .pp-steps .progress.sticky {
        position: relative !important;
        top: auto !important
    }
}

#dealer {
    background-color: #1c1f2a !important;
    bottom: 0 !important;
    font-family: jab-anstoetz-icomoon !important;
    font-style: normal !important;
    padding-left: 0 !important;
    position: fixed !important;
    right: 0 !important;
    width: 50px !important;
    z-index: 999999 !important
}

#dealer:hover {
    background-color: #000 !important;
    color: #fff !important
}

#dealer .icon-phone-call {
    color: #fff !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 25px !important;
    height: 100% !important;
    left: calc(50% - 15px) !important;
    line-height: 55px !important;
    padding: 0 3px !important;
    position: relative !important;
    top: 50% !important;
    width: 100% !important
}

#dealer .dealer-address {
    -webkit-box-sizing: border-box !important;
    background-color: #d5d8dd !important;
    bottom: 54px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    display: none !important;
    font-family: Lato, sans-serif !important;
    font-size: .65em !important;
    padding: 20px 80px 20px 20px !important;
    position: absolute !important;
    right: -2px !important;
    text-align: left !important;
    z-index: 1000 !important
}

@media only screen and (max-width:1024px) {
    #dealer .dealer-address {
        font-size: 1em !important
    }
}

#dealer .dealer-address.showaddress {
    display: block !important
}

#dealer .dealer-address .icon-Schliessen {
    cursor: pointer !important;
    position: absolute !important;
    right: 20px !important
}