/*!
 * Bosch Wireless Charging
 * kittelberger.de / dsp
 * 20140728
 */

/***************************************** Base */
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	background-color: #e8e8e8;
	color: #000000;
	max-width: 1920px;
}


html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.header *{
	box-sizing: content-box;
}

a,
a:hover,
a:focus,
a:visited {
	 color: #ffffff;
}

ol, li {
	list-style-type:none;
}
.container {
	padding: 0;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 0;
	padding-right: 0;
}
.normal {
	font-weight: normal !important;
}
.small {
	font-size: 0.90em !important;
}
.small-text * {
	font-size: 1.3em !important;
}
a, a:hover, a:link, a:visited {
	text-decoration: none;
}
h1, .h1 {
	font-family: Verdana, sans-serif;
	font-weight:bold;
	font-size: 22px;
	color: #000000;
	line-height: 28px;
}
h2, .h2 {
	font-size: 16px;
	color: #404245;
	line-height: 20px;
}
h3, .h3 {
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}
h4, .h4, h5, .h5, h6, .h6 {
	font-size: 12px;
	line-height: 15px;
}
h2, .h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
.white {
	color: #ffffff !important;
}
.black {
	color: #000000 !important;
}
.btn {
	background: #e1e1e2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1e1e2), to(#c3c3c4));
	background: -webkit-linear-gradient(#e1e1e2, #c3c3c4);
	background: -moz-linear-gradient(#e1e1e2, #c3c3c4);
	background: -ms-linear-gradient(#e1e1e2, #c3c3c4);
	background: -o-linear-gradient(#e1e1e2, #c3c3c4);
	background: linear-gradient(#e1e1e2, #c3c3c4);
	color: #000000;
}
.btn:hover, .btn:focus {
	color: #000000;
	background: #c3c3c4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c3c3c4), to(#a5a6a7));
	background: -webkit-linear-gradient(#c3c3c4, #a5a6a7);
	background: -moz-linear-gradient(#c3c3c4, #a5a6a7);
	background: -ms-linear-gradient(#c3c3c4, #a5a6a7);
	background: -o-linear-gradient(#c3c3c4, #a5a6a7);
	background: linear-gradient(#c3c3c4, #a5a6a7);
}
.btn.inactive, .btn.inactive:hover, .btn.inactive:focus {
	background: #e1e1e2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1e1e2), to(#c3c3c4));
	background: -webkit-linear-gradient(#e1e1e2, #c3c3c4);
	background: -moz-linear-gradient(#e1e1e2, #c3c3c4);
	background: -ms-linear-gradient(#e1e1e2, #c3c3c4);
	background: -o-linear-gradient(#e1e1e2, #c3c3c4);
	background: linear-gradient(#e1e1e2, #c3c3c4);
	color: #909090;
}
.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-top-220 {
	margin-top: 220px!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-35 {
	margin-bottom: 35px!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
}

.margin-top--10 {
	margin-top: -10px!important
}
.margin-top--20 {
	margin-top: -20px!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-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;
}

/***************************************** Header */
#subNav {
	margin: 0 auto;
    width: 1002px;
	margin-top: 10px;
}

#subNav ul {
	margin: 0;
	padding: 0;
}

#subNav ul.contentTabNav {
    background: none;
}

/*@-moz-document url-prefix() {
    #subNav ul.contentTabNav {
			margin-left: 10px;
    }
}*/

#subNav ul.contentTabNav {
    border-bottom: 1px solid white;
    display: inline-block;
    height: 36px;
    padding-right: 100px;
}

.contentTabNav {
    height: 36px;
}
.contentTabNav li {
    float: left;
    height: 35px;
    margin-right: 2px;
}
.ie6 .contentTabNav li {
    border-bottom: 0 none;
    display: inline;
    float: left;
}
.contentTabNav li a {
    clear: left;
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 4px;
    text-decoration: none;
}
.contentTabNav li a span {
    display: block;
    font: bold 12px arial,sans-serif;
    height: 22px;
    padding: 13px 6px 22px 12px;
}
.contentTabNav li a span {
    display: inline;
    float: left;
}
.contentTabNav li.active a {
    cursor: default;
}
.contentTab {
    display: none;
    padding-bottom: 15px;
}
.ie6 .contentTab {
    position: relative;
}
#ct_1.contentTab {
    display: block;
}
.ctLeft {
    float: left;
    padding: 12px 10px 10px 9px;
    width: 476px;
}
.ctRight {
    float: left;
    padding: 17px 0 10px 10px;
    width: 227px;
}
.contentTab h6 {
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 5px;
}
.contentTab h6.bBottom {
    padding: 0 0 7px;
}
.contentTabNav li {
    border-bottom: 1px solid #c3c3c4;
}
.contentTabNav li a {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_end.gif") no-repeat scroll right top transparent;
    color: #4d4e53;
}
.contentTabNav li.noHover a, .contentTabNav li.noHover a:hover {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_end.gif") no-repeat scroll right top transparent;
    color: #4d4e53;
    cursor: default;
}
.contentTabNav li a span {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav.gif") no-repeat scroll 0 0 transparent;
}
.contentTabNav li.noHover a span, .contentTabNav li.noHover a:hover span {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav.gif") no-repeat scroll 0 0 transparent;
    cursor: default;
}
.contentTabNav li.active a {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_active_end.gif") no-repeat scroll right top transparent;
}
.contentTabNav li.active a span {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_active.gif") no-repeat scroll 0 0 transparent;
}
.contentTabNav li.active a:hover {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_active_end.gif") no-repeat scroll right top transparent;
}
.contentTabNav li.active a:hover span {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_active.gif") no-repeat scroll 0 0 transparent;
}
.contentTabNav li a:hover {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_end_hover.gif") no-repeat scroll right top transparent;
}
.contentTabNav li a:hover span {
    background: url("http://static.bosch-professional.com/media/images/professional/contentTabNav_hover.gif") no-repeat scroll 0 0 transparent;
}
.contentTab {
    border-bottom: 1px solid #c3c3c4;
    border-left: 1px solid #c3c3c4;
    border-right: 1px solid #c3c3c4;
}
.contentTab h6.bBottom {
    border-bottom: 1px solid #c3c3c4;
}


#subNav.sticky {
    position:fixed;
	top: 0;
	background: #FFFFFF;
	width: 100%;
	z-index: 999;
	margin: 0;
	padding-top: 5px
;	opacity: 1;
	transition:	padding-top .2s ease-in-out, background .15s ease-in-out .3s, margin .15s ease-in-out .5s;
	-webkit-transition:	padding-top .2s ease-in-out, background .15s ease-in-out .3s, margin .15s ease-in-out .5s;
	-moz-transition: padding-top .2s ease-in-out, background .15s ease-in-out .3s, margin .15s ease-in-out .5s;
	-o-transition:	padding-top .2s ease-in-out, background .15s ease-in-out .3s, margin .15s ease-in-out .5s;
}

#subNav.sticky ul.contentTabNav {
    width: 902px;
	margin: 0 auto;
	display:block;
}

.home .header {
	background-image: url(../img/teaser/teaser-video-background.jpg);
	background-position: center 0;
	background-attachment:fixed;
	height: 584px;
}

.roadshow .header {
	background-image: url(../img/teaser/roadshow_testen_background.jpg);
	background-position: center 0;
	background-attachment:fixed;
	height: 733px;
}





/***************************************** Modal */
.modal-content {
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-header {
    background-color: #215f8b;
    border-bottom: 0 none;
    height: 40px;
    overflow: hidden;
    padding: 0;
}
h4.modal-title {
    color: #ffffff;
    font-family: Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}
.modal-header .close {
    background: #215f8b;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    margin: 8px 10px 0 0;
    opacity: 1;
    padding: 0 4px;
}
.modal-body {
    padding: 10px;
}
.modal-footer {
    border-top: 0 none;
}
.modal-content {
    padding-bottom: 10px;
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/***************************************** Content */

.slide {
	height: 100%;
	width: 100%;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: hidden !important;
}

.parallax-off {
	background-attachment:scroll !important;
	background-size:cover !important;
}

.banner-claim {
    background-image: url("../img/assets/banner-claim-background.png");
    background-position: 50% bottom;
    background-repeat: no-repeat;
    min-height: 116px;
}

.banner-claim h1 {
	font-family: Verdana, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #e20015;
	margin: 0;
	text-transform:uppercase;
}
.banner-claim h2 {
	font-family: Verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #215f8b;
	margin: 15px 0 0 0;
}

.slide {
    min-height: 675px;
}

.slide-container h3 {
	font-family: Verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.1em;
	text-shadow: 2px 2px 2px rgba(71, 71, 71, 0.4);
	margin: 0;
	margin-bottom: 10px;
}

.slide-container h3.brush-ul {
    background-image: url("../img/assets/underline.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 16px;
}

h3.large {
   font-size: 40px !important;
}

h3.small {
   font-size: 25px !important;
}
p.small {
   font-size: 18px !important;
}

.slide-container p {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px rgba(71, 71, 71, 0.4);
}
.slide-container h6 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px rgba(71, 71, 71, 0.4);
	line-height:normal;
}

.list-container {
    margin: 0;
    padding: 0 0 0 20px;
}
.list-container li {
	list-style-type:square;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px rgba(71, 71, 71, 0.6);
	padding-bottom: 3px;
}

.list-container.numeric li {
	list-style-type: decimal;
}

.arrow {
    background-image: url("../img/assets/button.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: #FFF;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 44px 6px 15px;
}

.slide-container {
	position:relative;
}

/* slide0 */
#slide0 .slide-container.pull-left {
	z-index: 1;
}
#slide0 .slide-container.pull-right {
	z-index: 2;
}
#slide0 .pos-left {
	margin-top: 80px;
}

#slide0 .pos-right {
    margin-left: -60px;
    margin-top: 120px;
}


/* home-1 */
#home-1 {
	background-image: url(../img/teaser/teaser-wireless-charging-background.jpg);
	min-height: 800px;
}
#home-1 .slide-container.pull-left {
	z-index: 2;
}
#home-1 .slide-container.pull-right {
	z-index: 1;
}
#home-1 .pos-left {
	margin-top: 180px;
}
#home-1 .pos-right {
	margin-left: -320px;
	margin-top: 60px;
}



/* home-2 */
#home-2 {
	background-image: url(../img/teaser/roadshow_testen_background.jpg);
	background-position: 100% auto !important;
}
#home-2 .slide-container.pull-left {
	z-index: 1;
}
#home-2 .slide-container.pull-right {
	z-index: 2;
}
#home-2 .pos-right {
	margin-top: 140px;
	margin-left: 10px;
}
#home-2 .pos-left {
	margin-top: 90px;
	margin-left: -280px;
}

/* home-3 */
#home-3 {
	background-image: url(../img/teaser/teaser-wireless-charging-background.jpg);
}
#home-3 .slide-container.pull-left {
	z-index: 2;
}
#home-3 .slide-container.pull-right {
	z-index: 1;
}
#home-3 .pos-left {
	margin-top: 220px;
}
#home-3 .pos-right {
	margin-left: -830px;
	margin-top: 0;
}

#home-1 .pos-left {

}
#home-1 .pos-right {

}

/* home-4 */
#home-4 {
	background-image: url(../img/teaser/teaser-raffle-background.jpg);
}
#home-4 .pos-left {
	margin-top: 200px;
	margin-left: -220px;
}
#home-4 .pos-right {
	margin-left: 60px;
	margin-top: 220px;
}

/* home-5 */
#home-5 {
	background-image: url(../img/teaser/teaser-reviews-background.jpg);
}
#home-5 .pos-left {
	margin-top: 220px;
	margin-left: 0;
}

/* home-6 */
#home-6 {
	background-image: url(../img/teaser/teaser-newsletter-background.jpg);
}
#home-6 .pos-left {
	margin-top: -25px;
}

#home-6 .pos-right {
	margin-left: 0;
	margin-top: 220px;
}
/* home-7 */
#home-7 {
	background-image: url(../img/teaser/teaser-wireless-charging-background.jpg);
}
#home-7 .slide-container.pull-left {
	z-index: 2;
}
#home-7 .slide-container.pull-right {
	z-index: 1;
}
#home-7 .pos-left {
	margin-top: 220px;
}
#home-7 .pos-right {
	margin-left: -830px;
	margin-top: 0;
}

.slide-footer {
	min-height: 850px;
}

.rotate-left-10 {
  -webkit-transform: rotate(-10deg);  /* Chrome, Opera 15+, Safari 3.1+  */
  -ms-transform: rotate(-10deg);  /* IE 9   */
   transform: rotate(-10deg);  /* Firefox 16+, IE 10+, Opera  */
}
.rotate-left-15 {
  -webkit-transform: rotate(-15deg);  /* Chrome, Opera 15+, Safari 3.1+  */
  -ms-transform: rotate(-15deg);  /* IE 9   */
   transform: rotate(-15deg);  /* Firefox 16+, IE 10+, Opera  */
}

.wireless-charging {
	background: url(../img/teaser/wlc_akku_background_1.jpg) left top repeat-x, url(../img/teaser/wlc_background_1.jpg) left top repeat;
}



/* wireless-charging-1 */
#wireless-charging-1 .slide-container.pull-left {
	z-index: 2;
}
#wireless-charging-1 .slide-container.pull-right {
	z-index: 1;
}
#wireless-charging-1 .pos-left {
	margin-top: 40px;
}
#wireless-charging-1 .pos-right {
	margin-left: -170px;
	margin-top: 60px;
}
#wireless-charging-1 .pos-right img.img-responsive {
	width: 100%;
}

/* roadshow */
#roadshow-0 {
	position: relative;
	z-index: 99;
}
#roadshow-1 {
	position: relative;
	z-index: 100;
}
.roadshow #slide0 .pos-left {
	margin-top: 35px;
	margin-left: -270px;
}
.roadshow #slide0 .pos-right {
	margin-left: 20px;
	margin-top: 40px;
}

#roadshow-2 {
	background-image: url("../img/teaser/roadshow_teaser_background.png");
}



.toggle-container,
.toggle-container ul {
	margin: 0;
	padding: 0;
}

.toggle-container > li {
	margin-bottom: 5px;
}

.toggle-container > li > a {
    background: none repeat scroll 0 0 rgba(33, 95, 139, 0.8);
    color: white;
    display: block;
    font-size: 18px;
    padding: 5px 10px 5px 30px;
}
.toggle-container > li > a:hover {
    background: none repeat scroll 0 0 rgba(33, 95, 139, 1);
}

.toggle-container > li > a:before {
    content: "+";
    display: block;
    float: left;
    margin-left: -25px;
    padding: 0;
    width: 25px;
	padding-left: 5px;
}
.toggle-container > li > a.open:before {
    content: "-";
}

.toggle-container > li > ul {
	clear:both;
	padding: 15px;
	font-size: 16px;
	color: white;
	background-color: #003b6a;
	background: rgba(0,59,106,.8);
	margin-top: 3px;
	display:none;
}

.toggle-container > li > ul.open {
	display:block;
}

.background-darkblue {
	background-color: #243741 !important;
	background: rgba(36,55,65,.6) !important;
}
.teaser-background {
    position: absolute;
    right: 40px;
    top: -20px;
}

.bonusbang .text { padding-right: 40px; }
.bonusbang .text > div { z-index: 2; }
.bonusbang .teaser-background { right: 125px; top: -35px;  z-index: 1; }

.icon.coolpack {
	background: url("../img/assets/icon_coolpack.png") no-repeat;
	position: absolute;
	right: 0;
	margin-right: 55px;
	margin-top: -30px;
	height: 63px;
	width: 63px;
}

.modalButton {
	cursor: pointer;
}

#searchBox .searchField {
	width: 110px !important;
}

.slide.body-slide {
	/*min-height: 4000px;  Inhalte nicht ausgeblendet */
	min-height:  2000px;
}

.slide-container .footnote {
	font-size: 12px;
}

ul#footerCookie li a {
	height: 26px !important;
}

#home-5-clickarea {
	content: " ";
	margin-left: 40%;
	width: 60%;
	height: 675px;
	position: absolute;
	opacity:0;
	cursor: pointer;
}

/* bonus-bang-1 */
.bonus-bang { background: url(../img/teaser/wlc_akku_background_1.jpg) left top repeat-x, url(../img/teaser/wlc_background_1.jpg) left top repeat; }
.bonus-bang #page { background: url('../img/teaser/wlc_light_rays.png') no-repeat; }
#bonus-bang-1 .slide-container.pull-left { z-index: 2; }
#bonus-bang-1 .slide-container.pull-right { z-index: 1; }
#bonus-bang-1 .pos-left { margin-top: 40px; }
#bonus-bang-1 .pos-left img.img-responsive { width: auto; }
#bonus-bang-1 .pos-right { margin-top: 60px; }

.roadshow { background: url(../img/teaser/wlc_akku_background_1.jpg) left top repeat-x, url(../img/teaser/wlc_background_1.jpg) left top repeat; }


/***************************************** Media Queries */

@media (max-width: 768px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


/* ODSUPPORT-1474 */

#subNav ul.contentTabNav {
    padding-right: 0;
}

.arrBtn {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	height: 22px;
	text-align: center;
	text-decoration: none;
	/*text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px;*/
	white-space: nowrap;
	width: auto;
	perspective-origin: 50.5px 11.25px;
	transform-origin: 50.5px 11.25px;
	background: rgb(0, 59, 106);
	background: rgba(0, 0, 0, 0) linear-gradient(rgb(98, 140, 178), rgb(0, 59, 106)) repeat scroll 0% 0% / auto padding-box border-box;
	border: 0px none rgb(255, 255, 255);
	border-radius: 5px 5px 5px 5px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	outline: rgb(255, 255, 255) none 0px;
	padding: 4px 10px;
}

.arrBtn:hover {
	background: rgb(0, 20, 42);
	background: rgba(0, 0, 0, 0) linear-gradient(rgb(33, 95, 139), rgb(0, 20, 42)) repeat scroll 0% 0% / auto padding-box border-box;
    color: rgb(255, 255, 255);
}

#subNav.sticky ul.contentTabNav {
	width: 1002px;
}

#wireless-charging-8 .pos-right {
	margin-left: -150px;
	margin-top: -70px;
}
#wireless-charging-8 .pos-right img {
	margin-left: 100px;
}



/* Roadshow (cni)
---------------------------------------------------------*/

#map-canvas {
  height: 600px;
  margin: 0;
  padding: 0;
  width: 100%;
}

/*#infowindow { height: 150px; width: 250px; }*/

.roadshow-data {
  background-color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  margin: 0;
  width: 100%;
}

.roadshow-data th,
.roadshow-data td {
  border-left: 1px solid #c3c3c4;
  padding: 6px 10px;
  vertical-align: top;
}

.roadshow-data th:first-child,
.roadshow-data td:first-child {
  border-left: none;
}

.roadshow-data th {
  background-color: #e1e1e2;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

.roadshow-data tbody tr:nth-child(even) td { background-color: #f1f1f1; }

/** START ODSUPPORT-2016 Rememberlist ausblenden **/

#mainNav #remember {
    display: none;
    }

/** END ODSUPPORT-2016 Rememberlist ausblenden **/