/*2016127 KWE*/

header {
    display: block;
    width: 100%;
}

header .supergraphic {
    display: block;
    height: 1.0rem;
    width: 100%;
    background: url("../img/brand/supergraphic_horizontal.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.bonusbang {
  position: absolute;
  width: 35%;
  z-index: 10000!important;
}

@media (max-width: 991px) {
    header .supergraphic {
        display: block;
        height: 1.0rem;
        width: 100%;
        background: url("../img/brand/supergraphic_horizontal.svg");
        background-size: cover;
        background-repeat: no-repeat;
    }
}

header .header-stage {
    height: 5rem;
    background: #fff;
}

@media (max-width: 991px) {
    header .header-stage {
        height: 5rem;
    }
}

header .header-stage .logo {
    width: 9.6rem;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

header .header-stage .logo.hidden-md .hidden-lg {
    top: 0;
}

@media (max-width: 991px) {
    header .header-stage .logo {
        width: 9.6rem;
    }
}

header .container-fluid ul.mobile-nav {
    list-style: outside none none;
    position: absolute;
    right: 0;
    margin-right: 10px;
    top: 46px;
}

header .container-fluid ul.mobile-nav li {
    display: inline-block;
    margin: 0 3px;
}

.bg-grey {
    background-color: #eee;
}

.m-title_text .container h1.headline {
    text-align: center;
}

.m-title_text .container p.headline {
    text-align: center;
}

.m-product_teasers .img-wrapper img {
    padding: 10px;
}


}
.stepicons .nav-tabs>li {
    display: inline-block;
    float: none;
    margin: 0 3.5rem;
}
.stepicons .circle {
    border: 1px solid #005691;
    background-color: #005691;
    border-radius: 50%;
    display: block;
    height: 7rem;
    margin: 0 auto 1.5rem;
    width: 7rem;
    z-index: 10;
}
.stepicons .nav-tabs {
    border-bottom: 0px;
}
.stepicons .nav>li {
    display: block;
    padding: 10px 15px;
    position: relative;
}
.stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
    color: #FFF;
    display: block;
    margin: 25% auto;
    text-align: center;
    font-size: 4em;
}
.container div.divider-ttb {
    background-color: #005691;
    height: 1px;
    margin-left: 14%;
    width: 808px;
    margin-top: 5%;
    z-index: 1;
}
.m-newsletter_signup .btn.btn-default {
    border: 1px solid hsl(0, 0%, 100%);
}
.m-teaser_supergraphic_2col .bg-blue {
    background: hsla(0, 0%, 0%, 0) url("../img/brand/Bosch-Supergraphic-Blue-Dark-RGB_Vp3-01.svg") repeat scroll 0 0 / cover;
    width: 50%;
}
button.btn.btn-show {
    color: #000;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    width: auto;
    background-color: transparent;
}
button.btn.btn-show:hover, button.btn.btn-show:active {
    background: hsl(204, 100%, 28%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
}
button.btn.btn-show-mt {
    color: #000;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    width: auto;
    background-color: transparent;
}
button.btn.btn-show-mt:hover, button.btn.btn-show-mt:active {
    background: hsl(204, 100%, 28%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
}
button.btn.btn-show-activity {
    color: #000;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    width: auto;
    background-color: transparent;
}
button.btn.btn-show-activity:hover, button.btn.btn-show-activity:active {
    background: hsl(204, 100%, 28%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
}

/*HELPER*/
.no-padding-left {
    padding-left: 0!important
}
.no-padding-right {
    padding-right: 0!important
}
.no-padding-top {
    padding-top: 0!important
}
.no-padding-bottom {
    padding-bottom: 0!important
}
.no-margin-left {
    margin-left: 0!important
}
.no-margin-right {
    margin-right: 0!important
}
.no-margin-top {
    margin-top: 0!important
}
.no-margin-bottom {
    margin-bottom: 0!important
}
.margin-5 {
    margin: 5px!important
}
.margin-10 {
    margin: 10px!important
}
.margin-20 {
    margin: 20px!important
}
.margin-30 {
    margin: 30px!important
}
.margin-40 {
    margin: 40px!important
}
.margin-50 {
    margin: 50px!important
}
.margin-60 {
    margin: 60px!important
}
.margin-70 {
    margin: 70px!important
}
.margin-80 {
    margin: 80px!important
}
.margin-90 {
    margin: 90px!important
}
.margin-100 {
    margin: 100px!important
}
.margin-left-5 {
    margin-left: 5px!important
}
.margin-left-10 {
    margin-left: 10px!important
}
.margin-left-20 {
    margin-left: 20px!important
}
.margin-left-30 {
    margin-left: 30px!important
}
.margin-left-40 {
    margin-left: 40px!important
}
.margin-left-50 {
    margin-left: 50px!important
}
.margin-left-60 {
    margin-left: 60px!important
}
.margin-left-70 {
    margin-left: 70px!important
}
.margin-left-80 {
    margin-left: 80px!important
}
.margin-left-90 {
    margin-left: 90px!important
}
.margin-left-100 {
    margin-left: 100px!important
}
.margin-right-5 {
    margin-right: 5px!important
}
.margin-right-10 {
    margin-right: 10px!important
}
.margin-right-20 {
    margin-right: 20px!important
}
.margin-right-30 {
    margin-right: 30px!important
}
.margin-right-40 {
    margin-right: 40px!important
}
.margin-right-50 {
    margin-right: 50px!important
}
.margin-right-60 {
    margin-right: 60px!important
}
.margin-right-70 {
    margin-right: 70px!important
}
.margin-right-80 {
    margin-right: 80px!important
}
.margin-right-90 {
    margin-right: 90px!important
}
.margin-right-100 {
    margin-right: 100px!important
}
.margin-top-5 {
    margin-top: 5px!important
}
.margin-top-10 {
    margin-top: 10px!important
}
.margin-top-20 {
    margin-top: 20px!important
}
.margin-top-30 {
    margin-top: 30px!important
}
.margin-top-40 {
    margin-top: 40px!important
}
.margin-top-50 {
    margin-top: 50px!important
}
.margin-top-60 {
    margin-top: 60px!important
}
.margin-top-70 {
    margin-top: 70px!important
}
.margin-top-80 {
    margin-top: 80px!important
}
.margin-top-90 {
    margin-top: 90px!important
}
.margin-top-100 {
    margin-top: 100px!important
}
.margin-top-200 {
    margin-top: 200px!important;
}
.margin-bottom-5 {
    margin-bottom: 5px!important
}
.margin-bottom-10 {
    margin-bottom: 10px!important
}
.margin-bottom-20 {
    margin-bottom: 20px!important
}
.margin-bottom-30 {
    margin-bottom: 30px!important
}
.margin-bottom-40 {
    margin-bottom: 40px!important
}
.margin-bottom-50 {
    margin-bottom: 50px!important
}
.margin-bottom-60 {
    margin-bottom: 60px!important
}
.margin-bottom-70 {
    margin-bottom: 70px!important
}
.margin-bottom-80 {
    margin-bottom: 80px!important
}
.margin-bottom-90 {
    margin-bottom: 90px!important
}
.margin-bottom-100 {
    margin-bottom: 100px!important
}
.padding-top-4 {
    padding-top: 4px!important
}
.padding-top-5 {
    padding-top: 5px!important
}
.padding-top-7 {
    padding-top: 7px!important
}
.padding-top-10 {
    padding-top: 10px!important
}
.padding-top-20 {
    padding-top: 20px!important
}
.padding-top-30 {
    padding-top: 30px!important
}
.padding-top-40 {
    padding-top: 40px!important
}
.padding-top-50 {
    padding-top: 50px!important
}
.padding-top-60 {
    padding-top: 60px!important
}
.padding-top-70 {
    padding-top: 70px!important
}
.padding-top-80 {
    padding-top: 80px!important
}
.padding-top-90 {
    padding-top: 90px!important
}
.padding-top-100 {
    padding-top: 100px!important
}
.padding-bottom-4 {
    padding-bottom: 4px!important
}
.padding-bottom-5 {
    padding-bottom: 5px!important
}
.padding-bottom-7 {
    padding-bottom: 7px!important
}
.padding-bottom-10 {
    padding-bottom: 10px!important
}
.padding-bottom-20 {
    padding-bottom: 20px!important
}
.padding-bottom-30 {
    padding-bottom: 30px!important
}
.padding-bottom-40 {
    padding-bottom: 40px!important
}
.padding-bottom-50 {
    padding-bottom: 50px!important
}
.padding-bottom-60 {
    padding-bottom: 60px!important
}
.padding-bottom-70 {
    padding-bottom: 70px!important
}
.padding-bottom-80 {
    padding-bottom: 80px!important
}
.padding-bottom-90 {
    padding-bottom: 90px!important
}
.padding-bottom-100 {
    padding-bottom: 100px!important
}
.padding-left-5 {
    padding-left: 5px!important
}
.padding-left-10 {
    padding-left: 10px!important
}
.padding-left-20 {
    padding-left: 20px!important
}
.padding-left-30 {
    padding-left: 30px!important
}
.padding-left-40 {
    padding-left: 40px!important
}
.padding-left-50 {
    padding-left: 50px!important
}
.padding-left-60 {
    padding-left: 60px!important
}
.padding-left-70 {
    padding-left: 70px!important
}
.padding-left-80 {
    padding-left: 80px!important
}
.padding-left-90 {
    padding-left: 90px!important
}
.padding-left-100 {
    padding-left: 100px!important
}
.padding-right-5 {
    padding-right: 5px!important
}
.padding-right-10 {
    padding-right: 10px!important
}
.padding-right-20 {
    padding-right: 20px!important
}
.padding-right-30 {
    padding-right: 30px!important
}
.padding-right-40 {
    padding-right: 40px!important
}
.padding-right-50 {
    padding-right: 50px!important
}
.padding-right-60 {
    padding-right: 60px!important
}
.padding-right-70 {
    padding-right: 70px!important
}
.padding-right-80 {
    padding-right: 80px!important
}
.padding-right-90 {
    padding-right: 90px!important
}
.padding-right-100 {
    padding-right: 100px!important
}
.line-height-0 {
    line-height: 0 !important;
}
.z-index {
    z-index: 9999!important;
}
.z-index-99 {
    z-index: 99!important;
}
.z-index-header {
    z-index: 10001!important;
}
.z-index-modal {
    z-index: 10002!important;
}

/*END HELPER*/
section.flex-height {
    display: flex;
}
.questions-container {
    background-color: hsla(0, 0%, 0%, 0);
    background-image: url("../img/brand/Bosch-Supergraphic-Blue-Dark-RGB_Vp3-01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 50%;
}
.dealer-container {
    background-color: hsl(0, 0%, 100%);
    background-image: url("../img/brand/m-teaser_dealerlocator-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    float: left;
}
.container-left {
    float: right;
    width: 60%;
}
.container-right {
    float: left;
    width: 60%;
    margin-left: 50px;
}
.dealer-container .input-group .input-search {
    font-size: 20px;
}
.dealer-container .input-group .input-search {
    border-bottom: 2px solid hsl(0, 0%, 74%);
    width: 100%;
}
.dealer-container .input-search {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    padding-left: 2px;
    padding-right: 2px;
}
.dealer-container .btn-search {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    line-height: 30px;
    padding: 0 10px 0 0;
    color: hsl(0, 0%, 33%);
}
.dealer-container .input-group {
    margin: 0 auto;
    width: 100%;
}
.dealer-container .input-group .input-group-btn {
    left: 90%;
    position: absolute;
    transition: all 0.6s ease-out 0s;
}
.swipeable .swipeable-button.pull-right {
    margin: 40px -2px;
}
.swipeable .swipeable-title.pull-left .headline.hl4 {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width: 374px) {
    .no-padding-bottom-xs {
        padding-bottom: 0px!important;
    }

    .stage_content.margin-top-80-xs {
        margin-top: 80px!important;
    }

    #startpage .m-title_text .nav-tabs>li {
        display: inline-block;
        float: none;
        margin: 0!important;
    }

    .o-hotspots-parallax .inner .image {
        margin-top: 45px!important;
    }

    .o-footer .social-links.flex {
        display: block!important;
    }

    .stepicons .circle {
        border: 1px solid #005691;
        background-color: #005691;
        border-radius: 50%;
        display: block;
        height: 4rem;
        margin: 0 auto 1.5rem;
        width: 4rem;
        z-index: 10;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 245px;
        margin-top: 8%;
        z-index: 1;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 23% auto;
        text-align: center;
        font-size: 2em;
    }

    section.stepicons {
        padding: 0;
    }

    section.m-title_text {
        padding-bottom: 0;
    }

    .m-product_teasers.product_teasers_grid .img-wrapper img {
        height: 8em;
    }

    section.m-product_teasers {
        padding-top: 20px;
    }

    section.m-title_text {
        padding-top: 20px;
    }

    .margin-top-40 {
        margin-top: 0px!important;
    }

    .flex .justify-content-end, .flex.justify-content-end {
        justify-content: inherit;
    }

    .flex .align-items-center, .flex.align-items-center {
        align-items: inherit;
    }
    /*   .flex {
    display:block;
} */

    .stepicons .container .row {
        margin-right: 0px;
    }

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }

    .container-fluid.header-stage .container.mobile-padding {
        padding-left: 0;
    }

    .swipeable .swipeable-title.pull-left .headline.hl2 {
        font-size: 22px;
    }

    .swipeable .swipeable-title.pull-left .headline.hl4 {
        margin: 0;
    }

    .swipeable .swipeable-button.pull-right {
        margin: 44px -8px;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    header .container-fluid ul.mobile-nav li.mobile-header-break {
        margin: 0 2px;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 40px;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 30px;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 33px;
    }
    .swipeable-title .headline.hl2.mobile-de{
        font-size: 21px!important;
    }
    .swipeable-title .headline.hl4.mobile-de{
        width: 224px;
    }
    .swipeable .swipeable-button.pull-right.mobile-de{
        margin: -33px -9px!important;
    }
    .swipeable .swipeable-button.pull-right.mobile-sv{
        margin: -25px -8px!important;
    }

    header .container-fluid ul.mobile-nav.mobile-de {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-de{
        height: 6rem!important;
    }
    header .container-fluid ul.mobile-nav.mobile-nl {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-nl{
        height: 6rem!important;
    }
    header .container-fluid ul.mobile-nav.mobile-dk {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-dk{
        height: 6rem!important;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
    header .container-fluid ul.mobile-nav.mobile-fi {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-fi{
        height: 6rem!important;
    }

}
@media (min-width: 375px) and (max-width: 411px) {
    .no-padding-bottom-xs {
        padding-bottom: 0px!important;
    }

    .stage_content.margin-top-80-xs {
        margin-top: 80px!important;
    }

    #startpage .m-title_text .nav-tabs>li {
        display: inline-block;
        float: none;
        margin: 0!important;
    }

    .o-hotspots-parallax .inner .image {
        margin-top: 0!important;
    }

    .o-footer .social-links.flex {
        display: block!important;
    }

    .stepicons .circle {
        border: 1px solid #005691;
        background-color: #005691;
        border-radius: 50%;
        display: block;
        height: 4rem;
        margin: 0 auto 1.5rem;
        width: 4rem;
        z-index: 10;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 252px;
        margin-top: 7%;
        z-index: 1;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 21% auto;
        text-align: center;
        font-size: 2em;
    }

    section.stepicons {
        padding: 0;
    }

    section.m-title_text {
        padding-bottom: 0;
    }

    .m-product_teasers.product_teasers_grid .img-wrapper img {
        height: 8em;
    }

    section.m-product_teasers {
        padding-top: 20px;
    }

    section.m-title_text {
        padding-top: 20px;
    }

    .margin-top-40 {
        margin-top: 0px!important;
    }

    .flex .justify-content-end, .flex.justify-content-end {
        justify-content: inherit;
    }

    .flex .align-items-center, .flex.align-items-center {
        align-items: inherit;
    }
    /*
    .flex {
        display:block;
    } */

    .stepicons .container .row {
        margin-right: 0px;
    }

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }

    .container-left {
        float: right;
        padding: 50px;
        width: 100%;
    }

    .container-right {
        float: left;
        padding: 50px;
        width: 100%;
        margin: 0;
    }

    .swipeable .swipeable-title.pull-left .headline.hl2 {
        font-size: 22px;
    }

    .swipeable .swipeable-title.pull-left .headline.hl4 {
        margin: 0;
    }

    .swipeable .swipeable-button.pull-right {
        margin: 40px -7px;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 30px;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 33px;
    }
    .swipeable-title .headline.hl4.mobile-de{
        width: 224px;
    }
    header .container-fluid ul.mobile-nav.mobile-de {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-de{
        height: 6rem!important;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
    header .container-fluid ul.mobile-nav.mobile-nl {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-nl{
        height: 6rem!important;
    }
    .swipeable .swipeable-button.pull-right.mobile-fi{
        margin: -22px -7px;
    }

}
@media (min-width: 412px) and (max-width: 424px) {
    .no-padding-bottom-xs {
        padding-bottom: 0px!important;
    }

    .stage_content.margin-top-80-xs {
        margin-top: 80px!important;
    }

    #startpage .m-title_text .nav-tabs>li {
        display: inline-block;
        float: none;
        margin: 0!important;
    }

    .o-hotspots-parallax .inner .image {
        margin-top: 45px!important;
    }

    .o-footer .social-links.flex {
        display: block!important;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 300px;
        margin-top: 6%;
        z-index: 1;
    }

    section.m-title_text {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    section.stepicons {
        padding: 0;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 20% auto;
        text-align: center;
        font-size: 2em;
    }

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }

    .container-left {
        float: right;
        padding: 50px;
        width: 100%;
        margin: 0;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 40px;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 30px;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }
    .swipeable .swipeable-button.pull-right.mobile-fr{
        margin: -40px -2px!important;
    }
        header .container-fluid ul.mobile-nav.mobile-de {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-de{
        height: 6rem!important;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
}
@media (min-width: 425px) and (max-width: 767px) {
    .no-padding-bottom-xs {
        padding-bottom: 0px!important;
    }

    .stage_content.margin-top-80-xs {
        margin-top: 120px!important;
    }

    #startpage .m-title_text .nav-tabs>li {
        display: inline-block;
        float: none;
        margin: 0!important;
    }

    .o-hotspots-parallax .inner .image {
        margin-top: 45px!important;
    }

    .o-footer .social-links.flex {
        display: block!important;
    }

    .stepicons .circle {
        border: 1px solid #005691;
        background-color: #005691;
        border-radius: 50%;
        display: block;
        height: 5rem;
        margin: 0 auto 1.5rem;
        width: 5rem;
        z-index: 10;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 300px;
        margin-top: 6%;
        z-index: 1;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 20% auto;
        text-align: center;
        font-size: 2em;
    }

    section.stepicons {
        padding: 0;
    }

    section.m-title_text {
        padding-bottom: 0;
    }

    .m-product_teasers.product_teasers_grid .img-wrapper img {
        height: 8em;
    }

    section.m-product_teasers {
        padding-top: 20px;
    }

    section.m-title_text {
        padding-top: 20px;
    }

    .margin-top-40 {
        margin-top: 0px!important;
    }

    .flex .justify-content-end, .flex.justify-content-end {
        justify-content: inherit;
    }

    .flex .align-items-center, .flex.align-items-center {
        align-items: inherit;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }
    /*
    .flex {
        display:block;
    } */

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }

    .container-left {
        float: right;
        padding: 50px;
        width: 100%;
    }

    .container-right {
        float: left;
        padding: 50px;
        width: 100%;
        margin: 0;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: left 30px;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }
    .swipeable .swipeable-button.pull-right.mobile-fr{
        margin: -44px -2px!important;
    }
    .swipeable .swipeable-button.pull-right.mobile-es{
        margin:-29px -2px;
    }
    .swipeable .swipeable-button.pull-right.mobile-fi{
        margin:-29px -2px;
    }
    header .container-fluid ul.mobile-nav.mobile-de {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 83px;
        z-index: 9999;
    }
    header .header-stage.mobile-de{
        height: 6rem!important;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    .o-hotspots-parallax .inner .image {
        margin-top: 45px!important;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 450px;
        margin-top: 7%;
        z-index: 1;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 20% auto;
        text-align: center;
        font-size: 3em;
    }

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }

    .container-left {
        float: right;
        padding: 50px;
        width: 100%;
    }

    .container-right {
        float: left;
        padding: 50px;
        width: 100%;
        margin: 0;
    }

    #collapseTriggerGroup .sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup .sm-flex .sm-display-flex {
        display: inherit!important;
    }

    #collapseTriggerGroup2 .sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup2 .sm-flex .sm-display-flex {
        display: inherit!important;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }
    .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    /*.hidden-xs{
        display: none;
    }*/

    .o-hotspots-parallax .inner .image {
        margin-top: 45px!important;
    }

    .stepicons .circle {
        border: 1px solid #005691;
        background-color: #005691;
        border-radius: 50%;
        display: block;
        height: 7rem;
        margin: 0 auto 1.5rem;
        width: 7rem;
        z-index: 10;
    }

    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 510px;
        margin-top: 8%;
        z-index: 1;
    }

    .stepicons .circle i.icon-Bosch-Ic-add-to-cart-black, .stepicons .circle i.icon-Bosch-Ic-newsletter-black, .stepicons .circle i.icon-Bosch-Ic-delivery, .stepicons .circle i.icon-Bosch-Ic-clock {
        color: #FFF;
        display: block;
        margin: 24% auto;
        text-align: center;
        font-size: 4em;
    }

    section.m-title_text {
        padding-bottom: 0;
    }

    section.m-product_teasers {
        padding-top: 0px;
    }

    section.m-title_text {
        padding-top: 20px;
    }

    .overlay-nav {
        display: none;
    }

    .margin-xs-top-10 {
        margin-top: 10px!important;
    }

    .margin-xs-bottom-10 {
        margin-bottom: 10px!important;
    }

    .margin-xs-bottom-50 {
        margin-bottom: 50px!important;
    }

    .container-left {
        float: right;
        padding: 50px;
        width: 100%;
    }

    .container-right {
        float: left;
        padding: 50px 0px;
        width: 100%;
        margin: 0;
    }

    #collapseTriggerGroup.sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup.sm-flex .sm-display-flex {
        display: inherit!important;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup2.sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup2.sm-flex .sm-display-flex {
        display: inherit!important;
        flex-wrap: wrap;
    }

    .img-wrapper.box-height-sm {
        height: 321px;
    }

    .img-wrapper.box-height-sm img {
        margin-top: 40px;
    }

    .margin-bottom-30-sm {
        margin-bottom: 30px;
    }

    .swipeable .swipeable-button.pull-right:after {
        font-size: 38px;
    }

    .padding-40-sm {
        padding: 40px 0;
    }

    .o-hotspots-parallax .inner .container .image.left img {
        max-width: 24em!important;
    }

    .o-hotspots-parallax .inner .container .image.first img {
        max-width: 26em!important;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    .margin-top-minus-60-sm {
        margin-top: -60px!important;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }
        .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
}
@media (min-width: 800px) and (max-width: 1018px) {
    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 546px;
        margin-top: 8%;
        z-index: 1;
    }

    .padding-40-sm {
        padding: 40px 0;
    }

    .padding-top-30-xs {
        padding-top: 30px;
    }

    .padding-bottom-30-xs {
        padding-bottom: 30px;
    }

    .container-fluid.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-two {
        background-image: url("../img/bg/2-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-three {
        background-image: url("../img/bg/3-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-four {
        background-image: url("../img/bg/4-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .container-fluid.schnipsel-five {
        background-image: url("../img/bg/5-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: left 0;
    }

    .container-fluid.schnipsel-six {
        background-image: url("../img/bg/6-schnipsel_bg_sm.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }
        .margin-xs-bottom-30 {
        margin-bottom: 30px!important;
    }
}
@media (min-width: 1000px) and (max-width: 1023px) {
    .m-full_bleed_media .m-full_bleed_media-text {
        left: 15px;
        position: absolute;
        top: 144px;
        z-index: 999;
        width: 420px;
    }

    #collapseTriggerGroup .sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup .sm-flex .sm-display-flex {
        display: inherit!important;
    }

    #collapseTriggerGroup2 .sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    #collapseTriggerGroup2 .sm-flex .sm-display-flex {
        display: inherit!important;
    }

    .margin-bottom-30-sm {
        margin-bottom: 30px;
    }

    .padding-40-sm {
        padding: 40px 0;
    }

    .o-hotspots-parallax .inner .container .image.left img {
        max-width: 24em!important;
    }

    .o-hotspots-parallax .inner .container .image.first img {
        max-width: 26em!important;
    }

    .o-hotspots-parallax .background-one {
        top: -4%!important;
    }

    .o-hotspots-parallax .background-three {
        top: -36%!important;
    }

    .o-hotspots-parallax .background-four {
        top: -4%!important;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .container div.divider-ttb {
        background-color: #005691;
        background-repeat: no-repeat;
        height: 1px;
        margin-left: 14%;
        width: 750px;
        margin-top: 6%;
        z-index: 1;
    }

    .overlay-nav {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 26px;
    }

    .o-hotspots-parallax .inner .image.pic-right {
        float: right !important;
        margin-top: 50px;
        /*position: absolute;*/
        /*right: 0;*/
        /*width: 50%;*/
        z-index: 9999;
    }

    .overlay-nav {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 26px;
    }

    .m-full_bleed_media .m-full_bleed_media-text {
        left: 15px;
        position: absolute;
        top: 112px;
        z-index: 999;
        width: 420px;
    }

    .container-left {
        float: right;
        width: 85%;
    }

    .container-right {
        float: left;
        width: 85%;
    }

    .container-fluid.header-stage .container .row.no-margin-left {
        margin-left: -22px!important;
    }

    header .container-fluid ul.mobile-nav {
        margin-right: 36px;
    }

    .margin-bottom-30-sm {
        margin-bottom: 30px;
    }

    .padding-40-sm {
        padding: 40px 0;
    }

    .o-hotspots-parallax .inner .container .image.left img {
        max-width: 24em!important;
    }

    .o-hotspots-parallax .inner .container .image.first img {
        max-width: 26em!important;
    }

    .o-hotspots-parallax .background-one {
        top: -4%!important;
    }

    .o-hotspots-parallax .background-three {
        top: -36%!important;
    }

    .o-hotspots-parallax .background-four {
        top: -4%!important;
    }
    section#power-tools .mt-teaser p.lg{
        height: 44px;
    }
}
@media (min-width: 1440px) {
    .m-full_bleed_media .m-full_bleed_media-text {
        left: 15px;
        position: absolute;
        top: 316px;
        z-index: 999;
        width: 420px;
    }

    header .container-fluid ul.mobile-nav {
        right: 152px;
    }
}
@media (min-width: 1920px) {
    header .container-fluid ul.mobile-nav {
        right: 364px;
    }

/*     .ise-cta-content {
    left: 21%;
} */
}
#product-overview #collapseTrigger5, #product-overview #collapseTrigger6, #product-overview #collapseTrigger7, #product-overview #collapseTrigger8, #product-overview #collapseTrigger9, #product-overview #collapseTrigger10, #product-overview #collapseTrigger11, #product-overview #collapseTrigger12, #product-overview #collapseTrigger13, #product-overview #collapseTrigger14, #product-overview #collapseTrigger15, #product-overview #collapseTrigger16 {
    /*margin-top: 20px;*/
}
#product-overview-mt #collapseTrigger15, #product-overview-mt #collapseTrigger16 {
    /*margin-top: 20px;*/
}


#product-overview-mt #collapseTriggerGroup div.available,
#product-overview #collapseTriggerGroup div.available,
#product-overview-mt #collapseTriggerGroup2 div.available,
#product-overview #collapseTriggerGroup2 div.available,
#product-overview-mt #collapseTriggerGroup div.unavailable,
#product-overview #collapseTriggerGroup div.unavailable,
#product-overview-mt #collapseTriggerGroup2 div.unavailable,
#product-overview #collapseTriggerGroup2 div.unavailable {
    display: none;
}
#product-overview-mt #collapseTriggerGroup.collapsed div.available,
#product-overview #collapseTriggerGroup.collapsed div.available,
#product-overview-mt #collapseTriggerGroup2.collapsed div.available,
#product-overview #collapseTriggerGroup2.collapsed div.available {
    display: block;
}
#product-overview-mt #collapseTriggerGroup div.available:nth-of-type(-n+4),
#product-overview #collapseTriggerGroup div.available:nth-of-type(-n+4),
#product-overview-mt #collapseTriggerGroup2 div.available:nth-of-type(-n+4),
#product-overview #collapseTriggerGroup2 div.available:nth-of-type(-n+4) {
    display: block;
}







/*m-full_bleed_media*/
.m-full_bleed_media {
    background-color: hsl(0, 0%, 100%);
    padding: 0;
}
.m-full_bleed_media .container {
    position: relative;
}
.m-full_bleed_media .container-fluid>.row {
    position: relative;
}
@media (max-width: 48em) {
    .m-full_bleed_media .container-fluid>.row {
        flex-direction: column-reverse;
    }

    .m-full_bleed_media .m-full_bleed_media-text .large {
        line-height: 48px;
    }

    .m-full_bleed_media .m-full_bleed_media-icons li {
        padding-right: 20px;
    }

    .m-full_bleed_media .m-full_bleed_media-icons li img {
        width: 84%;
    }

    .m-full_bleed_media .m-full_bleed_media-wrapper {
        position: relative;
    }
}
@media (min-width: 62em) {
    /* .m-full_bleed_media .m-full_bleed_media-text {
        left: 15px;
        position: absolute;
        top: 374px;
        z-index: 999;
    } */

    .m-full_bleed_media .m-full_bleed_media-icons {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .m-full_bleed_media .m-full_bleed_media-icons li {
        display: inline-block;
        padding-right: 30px;
    }
}

/*END m-full_bleed_media*/
#startpage .m-title_text.support {
    background: hsla(0, 0%, 0%, 0) url("../img/bg-endurance.jpg") repeat scroll center top;
    height: auto;
    max-width: 100%;
    text-align: center;
}
.white {
    color: #fff;
}
.blue {
    color: hsl(204, 100%, 28%);
}
#startpage .m-title_text .nav-tabs {
    border: medium none;
    text-align: center;
}
#startpage .m-title_text .nav-tabs>li {
    display: inline-block;
    float: none;
    margin: 0 2.5rem;
}
#startpage .m-title_text .nav-tabs>li.active a, #stories .nav-tabs>li:hover a {
    border-bottom: 2px solid hsl(0, 0%, 100%);
    color: hsl(0, 0%, 100%);
}
#startpage .m-title_text .nav-tabs a {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    color: hsl(0, 0%, 100%);
    transition: none 0s ease 0s;
    font-size: 1.5em;
}
#startpage .m-title_text .nav-tabs>li.active .circle, .m-title_text .nav-tabs>li:hover .circle {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
}
#startpage .m-title_text .circle {
    border: 1px solid hsl(0, 0%, 100%);
    border-radius: 50%;
    display: block;
    height: 7rem;
    margin: 0 auto 2.5rem;
    width: 7rem;
}
#startpage .m-title_text .nav-tabs>li.active>a, .m-title_text .nav-tabs>li.active>a:focus, .m-title_text .nav-tabs>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border: none;
    cursor: default;
    border-bottom: 1px solid #fff;
}
.icon-Bosch-Ic-power-tools, .icon-Bosch-Ic-measuring-tools, .icon-Bosch-Ic-accessories {
    color: hsl(0, 0%, 100%);
    display: block;
    font-size: 2.5em;
    margin: 25% auto;
    text-align: center;
}
.m-title_text .nav-tabs>li.active .circle [class^="icon-Bosch-Ic"], .m-title_text .nav-tabs>li.active .circle [class*="icon-Bosch-Ic"], .m-title_text .nav-tabs>li:hover .circle [class^="icon-Bosch-Ic"], .m-title_text .nav-tabs>li:hover .circle [class*=" icon-Bosch-Ic"] {
    color: hsl(204, 100%, 28%);
}

/*.o-hotspots-parallax .inner .image.pull-right {
    width: 50%;
    position: absolute;
    right: 230px;
    z-index: 9999;
    margin-top: 50px;
}*/

/*.o-hotspots-parallax .inner .image.pull-left {
    width: 50%;
     position: absolute;
    left: 250px;
    z-index: 9999;
    margin-top: 50px;
}*/
.m-full_bleed_media .container-fluid .container .row .m-full_bleed_media-text .hotspot-format {
    font-size: 16px;
    margin-bottom: 7px;
}
.m-full_bleed_media .container-fluid .container .row .m-full_bleed_media-text .hotspot-format .headline.hl {
    font-size: 48px;
}
.m-full_bleed_media .container-fluid .container .row .m-full_bleed_media-text .hotspot-format>ul {
    list-style-type: square;
    margin-bottom: 29px;
    margin-top: 30px;
    max-width: 470px;
    padding-left: 20px;
}
#startpage .media-body.number {
    display: table-cell;
    vertical-align: middle;
}
#startpage .media .media-left {
    padding: 3px 3px 3px 0;
}
#startpage .media .media-left .circle {
    border: 1px solid;
    border-radius: 50%;
}
.service-contact {
    font-size: 1.125rem;
}
.modal-dialog .modal-content .modal-body .description-wrapper ul {
    padding-left: 15px;
}
.modal-dialog .modal-content .modal-body .description-wrapper li {
    list-style-type: square;
    padding: 5px;
    line-height: 1em;
}
.m-modal .close {
    margin-bottom: 40px;
    opacity: 1;
    text-shadow: none;
}
.modal-dialog .modal-content .modal-body .left-right {
    font-size: 1.25em;
    position: absolute;
    top: 10px;
}
section.simply-connected {
    background: hsla(0, 0%, 0%, 0) linear-gradient(90deg, hsl(204, 100%, 28%), hsla(199, 100%, 41%, 0.75)) repeat scroll 0 0;
    max-width: 100%;
    height: auto;
    background-position: top center;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    margin: 0 0 20px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
    .flexslider {
        border: none;
    }
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 50px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .flex-direction-nav a {
        top: 35%;
    }
}
.flex-direction-nav a:before {
    font-family: "rsb-webfont";
    font-size: 40px;
    display: inline-block;
    content: '\e90e';
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.3);
}
.flex-direction-nav a.flex-next:before {
    content: '\e90f';
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.3);
}
.flex-direction-nav .flex-prev {
    left: -50px;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
}
.flex-pauseplay a:before {
    font-family: "rsb-webfont";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}
.flex-control-nav {
    width: 100%;
    position: relative;
    padding: 3rem 0;
    text-align: center;
}
@media (min-width: 768px) {
    .flex-control-nav {
        display: none;
    }
}
#hotspot-slider .flex-control-nav {
    display: block;
}
@media (min-width: 992px) {
    #hotspot-slider .flex-control-nav {
        display: none;
    }
}
#hotspot-slider .flex-direction-nav {
    display: none;
}
.flex-control-nav li {
    margin: 0 15px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li {
    vertical-align: middle;
}
.flex-control-paging li a {
    width: 9px;
    height: 9px;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
}
.flex-control-paging li a.flex-active {
    background: #005691;
    width: 16px;
    height: 16px;
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
.slides.thumbs li {
    opacity: 0.3;
    border: 1px solid #e5e5e5;
}
.slides.thumbs li:hover {
    cursor: pointer;
}
.slides.thumbs li.flex-active-slide {
    border-bottom: 5px solid #005691;
    opacity: 1;
}
.flex-active-slide {
    position: relative !important;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
#hotspot-slider h2 {
    color: #000;
}
#hotspot-detail-1 {
    padding: 50px 45px;
}
#hotspot-detail-1 .slider .item .img-responsive {
    width: 100%;
    margin: 0;
}
#hotspot-detail-1 .hotspot-button {
    z-index: 10;
    width: 32px;
    height: 32px;
    /*   box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2); */

    border-radius: 50%;
    display: inline-block;
    position: absolute;
    background: transparent;
    text-align: center;
    color: #000;
    vertical-align: middle;
    line-height: 4rem;
    font-size: 1.2rem;
}
#hotspot-detail-1 .hotspot-button:hover {
    cursor: pointer;
    background: transparent;
    color: #fff;
}
#hotspot-detail-1 .hotspot-button:hover span:before {
    content: '\e900';
}

@media (max-width: 450px) {
  .hotspot-image-container {
    display: block;
  }
}

#hotspot-detail-1 .item {
    position: relative;
}
#hotspot-detail-1 .hotspot-1 {
    left: 88%;
    top: 66%;
}
#hotspot-detail-1 .hotspot-2 {
    left: 12%;
    top: 66%;
}
#hotspot-detail-1 .hotspot-3 {
    left: 58%;
    top: 8%;
}
#hotspot-detail-1 .hotspot-4 {
    right: 71%;
    top: 46%;
}
#hotspot-detail-1 .hotspot-5 {
     top: 45%;
    right: 27%;
}
#hotspot-detail-1 .hotspot-6 {
     top: 66%;
    left: 50%;
}
@media (max-width: 993px) {
    #hotspot-detail-1 .hotspot-1 {
      left: 88%;
      top: 56%;
    }

    #hotspot-detail-1 .hotspot-2 {
      left: 12%;
      top: 56%;
    }

    #hotspot-detail-1 .hotspot-3 {
        top: 4%;
        left: 56%;
    }

    #hotspot-detail-1 .hotspot-4 {
        top: 45%;
        right: 30%;
    }

    #hotspot-detail-1 .hotspot-5 {
        top: 21%;
        right: 4%;
    }
    #hotspot-detail-1 .hotspot-6 {
      top: 56%;
     left: 50%;
    }
}
@media (max-width: 769px) {
    #hotspot-detail-1 .hotspot-1 {
      left: 88%;
      top: 46%;
    }

    #hotspot-detail-1 .hotspot-2 {
      left: 12%;
      top: 46%;
    }

    #hotspot-detail-1 .hotspot-3 {
        top: 4%;
        left: 56%;
    }

    #hotspot-detail-1 .hotspot-4 {
        top: 31%;
        right: 30%;
    }

    #hotspot-detail-1 .hotspot-5 {
        top: 8%;
        right: 4%;
    }
    #hotspot-detail-1 .hotspot-6 {
      top: 46%;
     left: 50%;
    }
}
#hotspot-detail-1 .hotspot-image {
    padding: 7rem;
}
@media (max-width: 991px) {
    #hotspot-detail-1 .hotspot-image {
        padding: 7rem 0;
    }
}
@media (max-width: 767px) {
    #hotspot-detail-1 .hotspot-image {
        padding: 2.5rem 0;
    }
}
@media (max-width: 500px) {
    #hotspot-detail-1 .hotspot-image {
        padding: 0;
    }
    #hotspot-detail-1 .hotspot-1 {
        left: 83%;
        top: 40%
    }
    #hotspot-detail-1 .hotspot-2 {
      left: 4%;
      top: 45%;
    }
    #hotspot-detail-1 .hotspot-3 {
        top: 2%;
        left: 52%;
    }
    #hotspot-detail-1 .hotspot-4 {
        top: 26%;
        right: 68%;
    }
    #hotspot-detail-1 .hotspot-5 {
        top: 18%;
        right: 23%;
    }
    #hotspot-detail-1 .hotspot-6 {
        top: 41%;
        left: 48%;
    }
}
#hotspot-detail-1 .popover-title {
    background: transparent;
    color: black;
}
#hotspot-detail-1 .popover-content {
    color: black;
}
#hotspot-detail-1 .popover {
    box-shadow: none;
    padding: 3rem;
    border: 2px solid #e5e5e5;
    border-radius: 0;
    max-width: 500px;
}
#hotspot-detail-1 .popover h3 {
    border: none;
    text-align: left;
    font-size: 3.6rem;
}
@media (min-width: 992px) {
    .hotspot-sm {
        display: none !important;
    }
}
@media (max-width: 500px) {
    .hotspot-sm {
        display: none !important;
    }
}
@media (min-width: 501px) {
    .hotspot-xs {
        display: none !important;
    }
}
.swipe-feature {
    color: hsl(0, 0%, 0%);
    font-family: "BoschSans-Light", Arial, Helvetica, sans-serif;
    font-size: 2rem;
    margin-top: 5rem;
    position: relative;
    text-align: center;
}
.black {
    color: #000!important;
}
.o-hotspots-parallax .inner .image.simply img {
    max-width: 100%;
    margin-left: 0;
}

/*HOTSPOT Erweiterung dsp/kwe 20161220*/
.overlay-nav .lang-switch li {
    display: list-item;
    margin: 0 3px;
}
.overlay-nav a, .overlay-nav a:hover {
    color: #FFFFFF;
}
.overlay-nav .lang-switch .dropdown-toggle [class^="icon-"] {
    font-size: .75rem;
}

/*.o-hotspots-parallax .inner .details {
  padding-left: 0;
}*/
.o-hotspots-parallax .inner .details .content {
    margin-left: 0;
}

/*.o-hotspots-parallax .inner .details {
    width: auto;
}*/
@media (min-width: 75em) {
    .o-hotspots-parallax .inner .image {
        margin-top: 0;
        position: relative;
    }
}
.o-hotspots-parallax.background-one {
    background: hsla(0, 0%, 0%, 0) url("../img/bg/1-schnipsel_bg.png") no-repeat scroll right 0 top 404px;
}
.o-hotspots-parallax.background-two {
    background: hsla(0, 0%, 0%, 0) url("../img/bg/2-schnipsel_bg.png") no-repeat scroll left 0 top 404px;
}
.o-hotspots-parallax.background-three {
    background: hsla(0, 0%, 0%, 0) url("../img/bg/3-schnipsel_bg.png") no-repeat scroll right 0 top -250px;
}
.o-hotspots-parallax .inner .image .hotspots li>div {
    padding-top: 9px;
    font-family: "BoschSans-Bold", Arial, Helvetica, sans-serif!important;
}

/*END HOTSPOT Erweiterung dsp/kwe 20161220*/

/*media querys*/
@media (min-width: 10em) and (max-width: 34em) {

  /*.bonusbang {
    position: absolute;
    width: 15%;
    left: 5%;
    z-index: 10000!important;
  }*/
    .stepicons .circle {
        border: 1px solid #005691;
        background-color: #005691;
        border-radius: 50%;
        display: block;
        height: 3rem;
        margin: 0 auto 1.5rem;
        width: 3rem;
        z-index: 10;
    }

    .m-title_text .container .headline.hl1 {
        text-align: left;
    }

    .m-title_text .container p.headline {
        text-align: left;
    }

    .m-product_teasers.product_teasers_grid .img-wrapper img {
        height: 8em;
    }

    .questions-container {
        background-color: hsla(0, 0%, 0%, 0);
        background-image: url("../img/brand/Bosch-Supergraphic-Blue-Dark-RGB_Vp3-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        width: 100%;
    }

    .dealer-container {
        background-color: hsl(0, 0%, 100%);
        background-image: url("../img/brand/m-teaser_dealerlocator-bg.jpg");
        background-repeat: no-repeat;
        width: 100%;
        float: left;
    }

    section.flex-height {
        display: block!important;
    }

    .container-left {
        width: 100%;
        padding: 0 15px;
    }

    .container-right {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #startpage .m-title_text .circle {
        width: 5rem;
        height: 5rem;
    }

    #startpage .m-title_text .nav-tabs a {
        font-size: 1.2em;
    }

    .padding-40-sm {
        padding: 40px 0;
    }
}
@media (min-width: 34em) and (max-width: 47em) {

/*  .bonusbang {
    position: absolute;
    width: 18%;
    left: 12%;
    z-index: 10000!important;
  }*/
    .questions-container {
        background-color: hsla(0, 0%, 0%, 0);
        background-image: url("../img/brand/Bosch-Supergraphic-Blue-Dark-RGB_Vp3-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        width: 100%;
    }

    .dealer-container {
        background-color: hsl(0, 0%, 100%);
        background-image: url("../img/brand/m-teaser_dealerlocator-bg.jpg");
        background-repeat: no-repeat;
        width: 100%;
        float: left;
    }

    section.flex-height {
        display: block!important;
    }

    .container-left {
        width: 100%;
        padding: 0 15px;
    }

    .container-right {
        width: 100%;
        margin: 0;
    }

    .padding-40-sm {
        padding: 40px 0;
    }

    .o-hotspots-parallax .inner .container .image.left img {
        max-width: 26em!important;
    }

    .o-hotspots-parallax .inner .container .image .first img {
        max-width: 26em!important;
    }

    .margin-top-minus-60-sm {
        margin-top: -60px!important;
    }
}
@media (min-width: 47em) and (max-width: 62em) {
  /*.bonusbang {
    position: absolute;
    width: 17%;
    right: 62%;
    z-index: 10000!important;
  }*/
}
@media (min-width: 62em) {

  /*.bonusbang {
    position: absolute;
    width: 17%;
    right: 62%;
    z-index: 10000!important;
  }*/
    .m-product_teasers .img-wrapper {
        height: 148px;
        display:block;
    }

    .m-product_teasers .img-wrapper img {
        max-height: 10em;
        max-width: 100%;
    }

    #startpage .m-teaser_supergraphic_2col .container>.row>div:nth-child(2n) {
        border-bottom: 0 none;
        border-right: 1px solid hsla(0, 0%, 100%, 0.6);
        height: 334px;
    }

    .overlay-nav {
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin-right: 10px;
        top: 26px;
    }

    .overlay-nav li {
        display: inline-block;
        margin: 0 3px;
        color: #FFF;
    }

    .o-hotspots-parallax .inner .image.pic-right {
        float: right !important;
        margin-top: 50px;
        /*position: absolute;*/
        /*right: 0;*/
        /*width: 50%;*/
        z-index: 999;
    }

    .o-hotspots-parallax.minus-overlap {
        background-color: transparent;
        margin-top: -100px;
    }

    .o-hotspots-parallax.background-one .pic-right {
        right: 50px!important;
    }

    .o-hotspots-parallax.background-two .image {
        left: 50px!important;
    }

    .o-hotspots-parallax.background-three .pic-right {
        right: 3%!important;
    }

    .overflow-visible {
        overflow: visible;
    }

    .o-hotspots-parallax .background-one {
        overflow: visible;
        position: absolute;
        right: 0;
        top: 40%;
        height: 50%;
    }

    .o-hotspots-parallax .img-one {
        right: 3%!important;
    }

    .o-hotspots-parallax .background-two {
        overflow: visible;
        position: absolute;
        left: 0;
        top: 0;
    }

    .o-hotspots-parallax .img-two {
        left: 3%;
    }

    .o-hotspots-parallax .background-three {
        overflow: visible;
        position: absolute;
        right: 0;
        top: -25%;
    }

    .o-hotspots-parallax .img-four {
        left: 3%;
    }

    .o-hotspots-parallax .background-four {
        overflow: visible;
        position: absolute;
        left: 0;
        top: 24%;
    }

    .o-hotspots-parallax .img-five {
        right: 0;
        position: absolute;
    }

    .o-hotspots-parallax .img-six {
        left: 3%;
    }

    .o-hotspots-parallax .background-six {
        overflow: visible;
        position: absolute;
        left: 0;
        top: -14%;
    }

    .col-md-push-1-5 {
        left: 14%;
    }
}
@media (min-width: 74em) {
  /*.bonusbang {
    position: absolute;
    width: 20%;
    right: 40%;
    z-index: 10000!important;
  }*/
    #startpage .m-title_text.support {
        background: hsla(0, 0%, 0%, 0) url("../img/bg-support.jpg") repeat scroll center top;
        height: auto;
        max-width: 100%;
        text-align: center;
    }
}



/*END @media */
.m-promotion_teaser .hl1 {
    font-size: 36px;
}
#startpage .m-title_text .nav-tabs>li:hover {
    border-bottom: 1px solid hsl(0, 0%, 100%);
}
.o-hotspots-parallax .inner .image .hotspots li.active>div {
    background-color: hsl(204, 100%, 28%);
    color: hsl(0, 0%, 100%);
    transform: rotate(0deg);
}
a.tile.social-box {
    background: #f8f8f8;
    width: 25%;
}
a.tile div.social-text {
    padding: 25px;
    position: absolute;
    top: 0;
}
.m-title_text.support .container .headline.hl1 {
    text-align: center;
}
.m-title_text.support .container p.headline {
    text-align: center;
}
.o-hotspots-parallax .inner .image .hotspots li>div {
    font-size: 1.5em;
    padding-top: 5px;
}
.text-left {
    text-align: left;
}
.mobile-nav .lang-switch .dropdown-toggle [class^="icon-"] {
    font-size: 0.75rem;
}
.mobile-nav .lang-switch li {
    display: list-item;
    margin: 0 3px;
}
.mobile-nav .lang-switch .dropdown-menu {}
.dropdown-menu {
    min-width: auto;
}
p.coming-soon {
    color: hsl(0, 0%, 20%);
    font-size: 1.125rem;
}
.btn.btn-primary.coming-soon {
    background: hsl(0, 0%, 20%);
    cursor: default;
}
.o-hotspots-parallax .inner .details .content>ul {
    list-style-type: none;
    margin-bottom: 29px;
    margin-top: 30px;
    /*padding-right: 100px;*/
    /*max-width: 100vw;*/

    padding-left: 0;
}

/*Header Anpassung in Modul von Sapient*/
.btn.btn-default.blue {
    background: hsl(204, 71%, 36%) none repeat scroll 0 0;
    border: 2px solid hsl(0, 0%, 100%);
    border-radius: 0;
    color: hsl(0, 0%, 100%);
    font-size: 1.4017vw;
    margin-left: 10px;
}

/*pko*/
@media (max-width: 768px) {
    /*.o-hotspots-parallax .inner .details .content {
        max-width: 100vw;
        padding: 0 10px;
    }*/
}
@media (min-width: 992px) and (max-width: 1200px) {
    .o-hotspots-parallax .inner .details .content {
        /*padding-top: 5%;*/
    }
}
@media (min-width: 768px) {
    .o-hotspots-parallax .inner .details {
        padding: 0 80px;
    }
}
.image img {
    position: relative;
    margin-left: auto;
    margin-right: 0;
}
.image.left img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 62em) {
    .img-left-pos-xlg {
        right: -120px;
    }
}

/*tool 1*/
.tool_1>li:nth-child(1) {
    top: 45%;
    left: 55%;
}
.tool_1>li:nth-child(2) {
    top: 10%;
    left: 30%;
}
.tool_1>li:nth-child(3) {
    top: 65%;
    left: 35%;
}
@media (min-width: 48em) {
    .tool_1>li:nth-child(1) {
        top: 45%;
        left: 60%;
    }

    .tool_1>li:nth-child(2) {
        top: 10%;
        left: 35%;
    }

    .tool_1>li:nth-child(3) {
        top: 65%;
        left: 40%;
    }
}
@media (min-width: 62em) {
    .tool_1>li:nth-child(1) {
        top: 45%;
        left: 80%;
    }

    .tool_1>li:nth-child(2) {
        top: 15%;
        left: 35%;
    }

    .tool_1>li:nth-child(3) {
        top: 65%;
        left: 45%;
    }
}

/*tool 2*/
.tool_2>li:nth-child(1) {
    top: 0;
    left: 35%;
}
.tool_2>li:nth-child(2) {
    top: 30%;
    left: 20%;
}
.tool_2>li:nth-child(3) {
    top: 35%;
    left: 35%;
}
@media (min-width: 48em) {
    .tool_2>li:nth-child(1) {
        top: 5%;
        left: 40%;
    }

    .tool_2>li:nth-child(2) {
        top: 30%;
        left: 20%;
    }

    .tool_2>li:nth-child(3) {
        top: 40%;
        left: 40%;
    }
}
@media (min-width: 62em) {
    .tool_2>li:nth-child(1) {
        top: 5%;
        left: 65%;
    }

    .tool_2>li:nth-child(2) {
        top: 30%;
        left: 30%;
    }

    .tool_2>li:nth-child(3) {
        top: 40%;
        left: 60%;
    }
}

/*tool 3*/
.tool_3>li:nth-child(1) {
    top: 35%;
    left: 20%;
}
.tool_3>li:nth-child(2) {
    top: 25%;
    left: 70%;
}
.tool_3>li:nth-child(3) {
    top: 70%;
    left: 23%;
}
@media (min-width: 48em) {
    .tool_3>li:nth-child(1) {
        top: 35%;
        left: 24%;
    }

    .tool_3>li:nth-child(2) {
        top: 25%;
        left: 70%;
    }

    .tool_3>li:nth-child(3) {
        top: 70%;
        left: 23%;
    }
}
@media (min-width: 62em) {
    .tool_3>li:nth-child(1) {
        top: 35%;
        left: 20%;
    }

    .tool_3>li:nth-child(2) {
        top: 25%;
        left: 70%;
    }

    .tool_3>li:nth-child(3) {
        top: 70%;
        left: 23%;
    }
}

/*tool 4*/
.tool_4>li:nth-child(1) {
    top: 21%;
    left: 36%;
}
.tool_4>li:nth-child(2) {
    top: 17%;
    left: 60%;
}
.tool_4>li:nth-child(3) {
    top: 60%;
    left: 40%;
}
@media (min-width: 48em) {
    .tool_4>li:nth-child(1) {
        top: 27%;
        left: 38%;
    }

    .tool_4>li:nth-child(2) {
        top: 22%;
        left: 64%;
    }

    .tool_4>li:nth-child(3) {
        top: 65%;
        left: 45%;
    }
}
@media (min-width: 62em) {
    .tool_4>li:nth-child(1) {
        top: 32%;
        left: 31%;
    }

    .tool_4>li:nth-child(2) {
        top: 27%;
        left: 81%;
    }

    .tool_4>li:nth-child(3) {
        top: 65%;
        left: 45%;
    }
}

/*tool 5*/
.tool_5>li:nth-child(1) {
    top: 50%;
    left: 45%;
}
.tool_5>li:nth-child(2) {
    top: 5%;
    left: 63%;
}
.tool_5>li:nth-child(3) {
    top: 38%;
    left: 65%;
}
@media (min-width: 48em) {
    .tool_5>li:nth-child(1) {
        top: 50%;
        left: 45%;
    }

    .tool_5>li:nth-child(2) {
        top: 10%;
        left: 66%;
    }

    .tool_5>li:nth-child(3) {
        top: 41%;
        left: 67%;
    }
}
@media (min-width: 62em) {
    .tool_5>li:nth-child(1) {
        top: 50%;
        left: 45%;
    }

    .tool_5>li:nth-child(2) {
        top: 10%;
        left: 83%;
    }

    .tool_5>li:nth-child(3) {
        top: 44%;
        left: 85%;
    }
}

/*tool 6*/
.tool_6>li:nth-child(1) {
    top: 70%;
    left: 31%;
}
.tool_6>li:nth-child(2) {
    top: 34%;
    left: 54%;
}
.tool_6>li:nth-child(3) {
    top: 0;
    left: 43%;
}
@media (min-width: 48em) {
    .tool_6>li:nth-child(1) {
        top: 77%;
        left: 38%;
    }

    .tool_6>li:nth-child(2) {
        top: 42%;
        left: 58%;
    }

    .tool_6>li:nth-child(3) {
        top: 2%;
        left: 49%;
    }
}
@media (min-width: 62em) {
    .tool_6>li:nth-child(1) {
        top: 84%;
        left: 30%;
    }

    .tool_6>li:nth-child(2) {
        top: 42%;
        left: 66%;
    }

    .tool_6>li:nth-child(3) {
        top: 5%;
        left: 50%;
    }
}
.swipeable .swipeable-button {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.swipeable .swipeable-button:after {
    font-family: "Bosch-PT-2016-10-19";
    content: "\e90f";
    font-size: 26px;
    color: #000;
    line-height: 20px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .shown>.inner>.image.simply {
        display: none;
    }

    .o-hotspots-parallax .inner .details .content {
        max-width: 80vw;
        margin-right: 20vw;
    }
}
.modal-dialog .modal-content .modal-body .description-wrapper ul {
    max-width: 80%;
}
@media (min-width: 1500px) {
    .o-hotspots-parallax .inner>.container {
        width: 1600px;
        position: relative;
        margin: 0 auto;
    }
/*     .ise-cta-content {
    left: 12%;
} */
}
@media (min-width: 1600px) {
    .o-hotspots-parallax .inner>.container {
        width: 1600px;
        position: relative;
        margin: 0 auto;
    }
/*     .ise-cta-content {
    left: 15%;
} */
}
@media (min-width: 1700px) {

/*     .ise-cta-content {
    left: 20%;
} */
}
@media (min-width: 2000px) {
    .o-hotspots-parallax .inner>.container {
        width: 1800px;
        position: relative;
        margin: 0 auto;
    }

    .tool_1>li:nth-child(3) {
        left: 53%;
    }

    .tool_1>li:nth-child(2) {
        left: 42%;
    }
/*     .ise-cta-content {
    left: 27%;
} */
}
.o-hotspots-parallax .inner .image {
    margin: 0;
}
.o-hotspots-parallax {
    background-color: transparent;
}
.pointer {
    cursor: pointer;
}
@media (min-width: 992px) {
    .md-pull-right {
        float: right !important;
    }
}
.btn-lg {
    background-color: #F0F0F0;
}
.m-social_media_teaser .tile .hover-wrapper {
    display: block!important;
}

/*tool 3 FR*/
.tool_3>li.france {
    top: 28%;
    left: 55%;
}
@media (min-width: 48em) {
    .tool_3>li.france {
        top: 33%;
        left: 58%;
    }
}
@media (min-width: 62em) {
    .tool_3>li.france {
        top: 33%;
        left: 63%;
    }
}

/*tool 1 FR*/
.tool_1>li.france {
    left: 56%;
    top: 23%;
}
@media (min-width: 48em) {
    .tool_1>li.france {
        left: 57%;
        top: 29%;
    }
}
@media (min-width: 62em) {
    .tool_1>li.france {
       left: 80%;
        top: 29%;
    }
}
.m-social_media_teaser .tile .hover-wrapper .tile-headline{
    font-size: 23px;
}

.m-social_media_teaser .tile .hover-wrapper .tile-headline2{
    font-size: 22px;
}

/*START Anpassungen Italien ODSUPPORT-2707*/

.m-promotion_teaser .bg_gradient.it{
    height: auto;
}

section.justrun .container-fluid .justify-content-center.italien p > img{
    padding: 10px;
}

.garmin-img{
    margin: 0 auto;
    padding: 20px;
}

section.promotion-it {
    background-color: #F1F2F4;
}

section.promotion-it .container {
    padding: 200px 15px 15px 15px;
}

section.promotion-it .container .row .media-text{
    padding: 0 0 0 25px;

}

.promotion-container{
    width: 100%;
    float: left;
}
.garmin-logo{
    position: absolute;
    right: 14px;
    width: 69%;
}

@media (min-width:414px) and (max-width:767px){
    .garmin-logo{
        padding: 0;
        margin-right: 10px;
        width: 50%;
    }
}

@media (min-width: 48em) {
    section.promotion-it .container .row .media-text{
        padding: 25px 0 0 25px;
    }
    section.promotion-it .container .row .media-text.second{
        margin-top: 57px;
    }
    .garmin-logo{
        position: absolute;
        right: 23px;
        width: 50%;

    }
}
@media (min-width: 64em) {
    .garmin-logo{
        position: absolute;
        right: 23px;
        width: auto;
    }
    .garmin-img{
        margin-top: 45px;
    }
}
@media (min-width: 74em) {
    .garmin-logo{
        margin-top: -50px;
        right: 26%;
        width: auto;
    }
    section.promotion-it .container .row .media-text{
        width: 450px;
        padding: 0 0 0 25px;
    }
}
/*END Anpassungen Italien ODSUPPORT-2707*/

/*START WEBFONT ICONS -SOCIALWALL */

/*Facebook*/
.m-social_media_teaser .container .m-social_media_teaser-wrapper .icon-Bosch-Ic-facebook{
    bottom: 15px;
    color: #FFFFFF;
    font-size: 1.32em;
    position: absolute;
    right: 20px;
}
/*Youtube*/
.m-social_media_teaser .container .m-social_media_teaser-wrapper .icon-Bosch-Ic-youtube{
    bottom: 15px;
    color: #D95455;
    font-size: 1.5em;
    position: absolute;
    right: 20px;
}
/*Twitter*/
.m-social_media_teaser .container .m-social_media_teaser-wrapper .icon-Bosch-Ic-twitter{
    bottom: 15px;
    color: #1da1f2;
    font-size: 1.32em;
    position: absolute;
    right: 20px;
}
/*Play Button DESKTOP*/
.m-social_media_teaser .container .m-social_media_teaser-wrapper .icon-Bosch-Ic-start_video_play{
    color: #FFFFFF;
    font-size: 5.32em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*Play Button MOBILE*/
.m-social_media_teaser .container .m-social_media_teaser-wrapper.visible-xs.visible-sm .icon-Bosch-Ic-start_video_play{
    color: #FFFFFF;
    font-size: 5.32em;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*END WEBFONT ICONS -SOCIALWALL*/
.m-promotion_teaser .bg_gradient {
    height: 400px;
}

.m-promotion_teaser .bg_gradient {
    background:url("../img/promotion_teaser-bonus.jpg") no-repeat!important;
    height: 100%;
    background-size: cover!important;
    background-position: 50% 35%!important;
    width: 100%;
}
.m-promotion_teaser .bg_gradient:before {
        background-image: none;
}



.m-promotion_teaser .bg_gradient .container div.hl5{
    color: #FFF;
}

.o-product_variations__specs.flex100 a{
    color: #005691;
    font-size: 16px;
}
.o-product_variations__specs.flex100 a i.icon-Bosch-Ic-arrow-link-right{
    font-size: 16px;
    vertical-align: middle;
    margin: 5px;

}
.m-teaser_cards_3col{
    background-image: url("../img/brand/Bosch-Supergraphic-Gray-Medium-RGB-01-Vp3-01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.link::after {
    content: "";
    font-family: "Bosch-PT-2017-07-19";
    font-size: 80%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.6;
    padding-left: 8px;
    text-transform: none;
    vertical-align: middle;
}
.m-teaser_cards_3col__text .inner {
    background-color: hsl(0, 0%, 100%);
    padding: 20px 25px;
}
.m-teaser_cards_3col__image .img-accessorie{
    background-color: #FFF;
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 200px;
    max-height: 200px;
}
.m-teaser_cards_3col__image .img-accessorie img{
    vertical-align: middle;

}
.m-teaser_cards_3col__image .teaser-accessorie{
    margin: 0 auto;
}
.case-study p{
    font-size: 16px;
}
.kitchen-built p{
    font-size: 16px;
}
.case-study a.link{
    text-align: center;
}
/* .m-imagegrid{
    border-top: 2px solid #FFF;
}
.m-imagegrid img.img-full-width.large{
    border-right: 2px solid #FFF;
}
.m-imagegrid img.img-full-width.medium{
    border-bottom: 2px solid #FFF;
}
.m-imagegrid img.img-full-width.medium-xs{
    border-top: 2px solid #FFF;
} */
.m-product_teasers .btn.btn-primary.btn-lg.xs-mt-30.grey{
    background: none;
    border: 2px solid #cbcbcb;
    color: #2a2a2a;
}
/*.ise-stage {
    height: 746px;
}*/

span.inkognito{
    color: transparent;
}
a.link-back::before{
    content: "\e904";
    font-family: "Bosch-PT-2017-07-19";
    font-weight: bold;
    padding-right: 8px;
    vertical-align: bottom;
}

@media (max-width: 34em){
    .ise-stage {
        height: auto!important;
    }
    section.kitchen-built{
        padding: 20px 0 40px 0;
    }
    .m-teaser_cards_3col__image {
         margin-top: 15px;
    }
    .m-teaser_cards_3col__image:last-child {
         margin-bottom: 15px;
    }
    .m-teaser_cards_3col__row{
        margin-bottom: 15px;
        margin-top: 0px!important;
    }
    .m-title_text.support .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 6px;
    }
    .m-promotion_teaser .bg_gradient {
        background-position: 69% 35%!important;
    }
    .m-promotion_teaser .bg_gradient:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom left,#000,#000);
        opacity: .6;
    }
    div.headline.hl3.text-center.margin-bottom-50{
        margin-top: 50px;
    }
    .m-teaser_cards_3col__text .inner {
        height: auto!important;
    }
    .o-footer .to-top a, .o-footer .to-top a:hover {
        top: -38px;
    }
    .mt-xs-10{
        margin-top: 10px;
    }
}

@media (min-width: 48em) and (max-width: 63em) {
    .ise-stage {
        height: auto;
    }
    section.kitchen-built{
        padding: 20px 0 40px 0;
    }
    .m-teaser_cards_3col__text .inner {
        background-color: hsl(0, 0%, 100%);
        padding: 20px 25px;
        height: 199px;
    }
    div.headline.hl3.text-center.margin-bottom-50{
        margin-top: 50px;
    }
    div.m-teaser_cards_3col__image{
        padding-right: 0px;
        border-right: 1px solid #e5e5e5;
    }
    div.m-teaser_cards_3col__text{
        padding-left: 0px;
    }
    div.m-teaser_cards_3col__row.row:first-child{
        padding-top: 15px;
    }
    div.m-teaser_cards_3col__row.row:last-child{
        padding-bottom: 15px;
    }
    .o-footer .to-top a, .o-footer .to-top a:hover  {
        top: -36px;
    }

}
@media (min-width: 992px) and (max-width: 1198px) {
    div.m-teaser_cards_3col__row.row:first-child{
        padding-top: 15px;
    }
    div.m-teaser_cards_3col__row.row:last-child{
        padding-bottom: 15px;
    }
}
@media (min-width: 64em) and (max-width: 73em) {
    section.kitchen-built{
        padding: 0;
    }
    .margin-md-top-40{
        margin-top: 40px!important;
    }
    div.headline.hl3.text-center.margin-bottom-50{
        margin-top: 50px;
    }
    .margin-md-top-30{
        margin-top: 30px!important;
    }
}

@media (min-width: 74em) {
    .margin-md-top-40{
        margin-top: 40px!important;
    }
    /*.ise-stage {
        height: 1088px;
    }*/
    .margin-md-top-30{
        margin-top: 30px!important;
    }
}
#hotspot-detail-1 {
    padding: 0;
}
#hotspot-detail-1 .hotspot-button {
    background: #FFF;
    border-radius: 50%;
    color: hsl(0, 0%, 0%);
    display: inline-block;
    font-size: 1.5rem;
    font-family: "BoschSans-Bold", Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 48px;
    z-index: 10;
    border: 5px solid rgba(0, 0, 0, 0.3);
}
#hotspot-detail-1 .hotspot-button:hover {
    background: #005691 none repeat scroll 0 0;
    border: 5px solid rgba(0, 0, 0, 0.3);
    cursor: pointer;

}
.m-modal .modal-dialog .modal-content {
    border: 2px solid #cbcbcb;
    border-radius: 0;
    box-shadow: none;
    background: hsla(240, 248%, 255%, 0.95); /*hsla(204, 71%, 36%, 0.8);*/
    top: 50%;
}
.modal-dialog {
    height: 500px;
    margin: 30px auto;
    width: 751px;
}
.modal-body.container {
    width: 100%;
}
.modal-body.container .btn.btn-primary{
    width: 100%;
}
.modal-slider .img-wrapper img{
  width: auto;
  max-height: 208px;
}
.img-wrapper{
    border: 2px solid #e5e5e5;
    background: #FFF;
}
.img-wrapper img{
    padding: 15px 0;
}


[class^="icon-"], [class^="path"], .slick-next::before, .slick-prev::before {
    font-family: "Bosch-PT-2017-07-19"!important;
    font-size: 2.8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.slick-next::before {
    content: "\e905";
    color: #000;
}
.slick-prev::before {
    content: "\e904";
    color: #000;
}
.slick-track p.text-center{
    font-size: 15px;
}
.slick-next {
    right: 0px;
}
.slick-prev {
    left: 0;
    z-index: 999;
}
.slick-prev, .slick-next{
    top: 58%;
    height: 42px;
    width: 42px;
}
.modal-backdrop {
    background: none;
}

.item.container .btn.btn-primary.btn-lg.grey {
    background: #FFF none repeat scroll 0 0;
    border: 2px solid hsl(0, 0%, 80%);
    color: hsl(0, 0%, 16%);
}

.img-accessorie img.teaser-accessorie{
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}


[for="read_more"] {
    position: absolute;
    bottom: -3rem;
    left: 0;
    width: 100%;
    text-align: center;
    padding: .65rem;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);
}

[for="read_more"]:hover {
    background: rgba(0,0,0,.5);
    color: rgb(255,255,255);
}

[for="read_more"] span:last-of-type {
    display: none;
    visibility: hidden;
}

input[type=checkbox]:checked ~ section {
    display: block;
    visibility: visible;
    width: 100%;
}

input[type=checkbox]:checked ~ figure { width: 100% }

input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
    display: none;
    visibility: hidden;
}

input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type {
    display: block;
    visibility: visible;
}

a.link-back{
    color: hsl(204, 100%, 28%);
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 25%;
}
.video-container .container .headline.hl1 {
    text-align: center;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
section.detail-page ul{
    padding: 0;
    margin-top: 30px;
}
section.detail-page ul > li{
    list-style: none;
    font-size: 16px;
    margin-bottom: 30px;
}

section.detail-page .background-one{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1!important;
}

.mt-md-10{
    margin-top: 10%;
}

.detail-img{
    width: 65%;
    float:right;
}

.schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg_xs.png")!important;
        background-repeat: no-repeat;
        background-position: right 0;
    }
  .schnipsel-one .detail-img{
        max-height: 100%;
         width: auto;
    }


    body.gop-18-v-28 .schnipsel-one .detail-img{
          width: 84%;
    }
    body.gbh18v-li .schnipsel-one .detail-img{
          width: 65%;
    }
    body.gst-150 .schnipsel-one .detail-img{
          width: 65%;
    }
    body.fsn .schnipsel-one .detail-img{
          width: 65%;
    }
    body.gop40-30 .schnipsel-one .detail-img{
          width: 65%;
    }
    body.gbh2-26 .schnipsel-one .detail-img{
          width: 65%;
    }
    body.gim-60 .schnipsel-one .detail-img{
          width: 64%;
    }








/*.bonusbang {
    margin: 0 auto;
    position: absolute;
    padding-right: 10px;
    width: 10em;
    z-index: 10000;
}
body#startpage.gbh18v.gop40-30 .bonusbang {
    width: 9em;
}*/

@media (min-width: 48em) {
    /*.detail-img{
        width: 50%;
        margin-left: 0;
    }*/
    .schnipsel-one {
        background-image: url("../img/bg/1-schnipsel_bg.png")!important;
        background-repeat: no-repeat;
        background-position: right;
    }
  /*  .bonusbang {
        margin: 0 auto;
        position: absolute;
        left: 34%;
        width: 15em;
        z-index: 10000;
        right: 24%;
    }
    body#startpage.gbh18v.gbh2-26 .bonusbang{
        left: 29%;
    }
    body#startpage.gsb18 .bonusbang {
        margin: 0 auto;
        left: 25%;
        width: 14em;
        z-index: 10000;
        right: 29%;
    }*/
  /*  body#startpage.gbh18v img.detail-img{
        margin-top: 98px;
    }*/
    body#startpage.gst-150 .mt-md-10{
        margin-top: 3%;
    }
    /*body#startpage.gkf600 .bonusbang{
        left: 27%;
    }
    body#startpage.gbh18v.gop40-30 .bonusbang {
        width: 12em;
    }
    body#startpage.gbh18v.gam220 .bonusbang{
        left: 24%;
    }
    body#startpage.gsb18.gms120 .bonusbang{
        left: 49%;
    }*/

}
@media (min-width: 64em) {
    body#startpage.gbh18v img.detail-img{
        margin-top: 0px;
    }
    .schnipsel-one{
        background: none!important;
    }
    /*.bonusbang {
        left: 50%;
        margin: 0 auto;
        position: absolute;
        right: 25%;
        width: 20em;
        z-index: 10000;
    }*/
    /*body#startpage.gsb18 .bonusbang{
        left: 24%;
        margin: 0 auto;
        position: absolute;
        right: 25%;
        width: 20em;
        z-index: 10000;
    }
    body#startpage.gbh18v .bonusbang {
        left: 34%;
        margin: 0 auto;
        position: absolute;
        right: 25%;
        width: 21em;
        z-index: 10000;
        top: 10%;
    }
    body#startpage.gbh18v.fsn .bonusbang {
        left: 25%;
    }
    body#startpage.gbh18v.gop40-30 .bonusbang {
        width: 21em;
    }
    .detail-img{
        margin-left: 0;
    }
    body#startpage.gsb18.gms120 .bonusbang{
        left: 25%;
    }*/

}
@media (min-width: 75em){
    body#startpage.gbh18v section.detail-page {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.detail-page .container{
        width: 1300px;
    }
    body#startpage.gsb18 .mt-md-10{
        margin-top: 25%!important;
    }
    body#startpage.gkf600 .mt-md-10{
        margin-top: 20%!important;
    }
    body#startpage.gkf600.gof1600.gcl-250 .mt-md-10{
        margin-top: 17%!important;
    }
    body#startpage.gst-150 .mt-md-10{
        margin-top: 10%;
    }
    body#startpage.gbh18v.fsn .mt-md-10{
        margin-top: 7%;
    }
    body#startpage.gbh18v.gam220 .mt-md-10{
        margin-top: 8%;
    }

}
@media (min-width: 95em){
    /* .detail-img{
        margin-left: 20%;
    }*/
}

@media (min-width: 1024px) and (max-width: 1439px) {
    /*body#startpage.gsb18 .bonusbang{
        left: 25%;
        margin: 0 auto;
        position: absolute;
        right: 25%;
        width: 18em;
        z-index: 10000;
    }*/
     body#startpage.gbh18v img.detail-img{
        margin-top: 50px;
    }
  /*  body#startpage.gbh18v .bonusbang{
        right: 16%;
        width: 17em;
    }
    .bonusbang {
        left: 33%;
    }
    body#startpage.gkf600 .bonusbang {
        left: 36%;
        width: 18em;
    }
    body#startpage.gkf600.gof1600 .bonusbang {
    left: 23%;
    width: 18em;
    }
    body#startpage.gbh18v.gop40-30 .bonusbang {
        width: 15em;
        right: 26%;
    }
    body#startpage.gbh18v.gbh2-26 .bonusbang{
        left: 7%;
    }
    .detail-img{
        margin-left: 0;
    }
    body#startpage.gbh18v.gam220 .bonusbang{
        right: 30%;
    }
    body#startpage.gsb18.gms120 .bonusbang{
        left: 47%;
    }*/
}

@media (min-width: 320px) and (max-width: 600px){
    .modal-dialog {
        width: 100%;
        height: auto;
    }
    .close .icon-Bosch-Ic-close-black{
        font-size: 2em!important;
    }
}

@media (min-width: 600px) and (max-width: 768px){
    .modal-dialog {
        height: auto;
    }
}
.slick-dots{
    bottom: 0;
    position: static;
}

.marginBtn{
    margin-top: 42px!important;
}