/*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;
}
@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;
}
}
@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 {
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: none;
}
}
#hotspot-detail-1 .item {
position: relative;
}
#hotspot-detail-1 .hotspot-1 {
top: 16%;
left: 20%;
}
#hotspot-detail-1 .hotspot-2 {
top: 49%;
left: 27%;
}
#hotspot-detail-1 .hotspot-3 {
top: 5%;
left: 56%;
}
#hotspot-detail-1 .hotspot-4 {
top: 66%;
right: 30%;
}
#hotspot-detail-1 .hotspot-5 {
top: 37%;
right: 4%;
}
@media (max-width: 993px) {
#hotspot-detail-1 .hotspot-1 {
top: 13%;
left: 20%;
}
#hotspot-detail-1 .hotspot-2 {
top: 41%;
left: 27%;
}
#hotspot-detail-1 .hotspot-3 {
top: 4%;
left: 56%;
}
#hotspot-detail-1 .hotspot-4 {
top: 55%;
right: 30%;
}
#hotspot-detail-1 .hotspot-5 {
top: 31%;
right: 4%;
}
}
@media (max-width: 769px) {
#hotspot-detail-1 .hotspot-1 {
top: 13%;
left: 20%;
}
#hotspot-detail-1 .hotspot-2 {
top: 38%;
left: 27%;
}
#hotspot-detail-1 .hotspot-3 {
top: 4%;
left: 56%;
}
#hotspot-detail-1 .hotspot-4 {
top: 51%;
right: 30%;
}
#hotspot-detail-1 .hotspot-5 {
top: 28%;
right: 4%;
}
}
#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 .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) {
.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) {
.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: 62em) {
.m-product_teasers .img-wrapper {
height: 148px;
}
.m-product_teasers .img-wrapper img {
max-height: 10em;
max-width: 12em;
}
#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) {
#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: 61%;
left: 47%;
}
.tool_4>li:nth-child(2) {
top: 10%;
left: 46%;
}
.tool_4>li:nth-child(3) {
top: 35%;
left: 47%;
}
@media (min-width: 48em) {
.tool_4>li:nth-child(1) {
top: 63%;
left: 50%;
}
.tool_4>li:nth-child(2) {
top: 10%;
left: 44%;
}
.tool_4>li:nth-child(3) {
top: 40%;
left: 50%;
}
}
@media (min-width: 62em) {
.tool_4>li:nth-child(1) {
top: 63%;
left: 50%;
}
.tool_4>li:nth-child(2) {
top: 10%;
left: 38%;
}
.tool_4>li:nth-child(3) {
top: 40%;
left: 50%;
}
}
/*tool 5*/
.tool_5>li:nth-child(1) {
top: 5%;
left: 63%;
}
.tool_5>li:nth-child(2) {
top: 50%;
left: 45%;
}
.tool_5>li:nth-child(3) {
top: 38%;
left: 65%;
}
@media (min-width: 48em) {
.tool_5>li:nth-child(1) {
top: 10%;
left: 66%;
}
.tool_5>li:nth-child(2) {
top: 50%;
left: 45%;
}
.tool_5>li:nth-child(3) {
top: 41%;
left: 67%;
}
}
@media (min-width: 62em) {
.tool_5>li:nth-child(1) {
top: 10%;
left: 83%;
}
.tool_5>li:nth-child(2) {
top: 50%;
left: 45%;
}
.tool_5>li:nth-child(3) {
top: 44%;
left: 85%;
}
}
/*tool 6*/
.tool_6>li:nth-child(1) {
top: 84%;
left: 51%;
}
.tool_6>li:nth-child(2) {
top: 0%;
left: 40%;
}
.tool_6>li:nth-child(3) {
top: 22%;
left: 42%;
}
@media (min-width: 48em) {
.tool_6>li:nth-child(1) {
top: 90%;
left: 55%;
}
.tool_6>li:nth-child(2) {
top: 0%;
left: 20%;
}
.tool_6>li:nth-child(3) {
top: 22%;
left: 39%;
}
}
@media (min-width: 62em) {
.tool_6>li:nth-child(1) {
top: 90%;
left: 68%;
}
.tool_6>li:nth-child(2) {
top: 0%;
left: 27%;
}
.tool_6>li:nth-child(3) {
top: 22%;
left: 22%;
}
}
.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*/
/*Bugfix for iphone 5*/
@media (max-width: 320px) {
.slick-track .title.headline.hl1{
font-size: 26px;
}
}