/* ACC - Layout */
#bjLayout {
  background: #FFF;
}
#bjLayout .carousel-caption h2 {
  color: #009adf;
  text-align: left;
}
#bjLayout #carouselExampleIndicators .display-3 {
  margin-top: 0;
}
#bjLayout .sbtnWhite span {
  color: #FFF !important;
  border-color: #FFF !important;
}
#bjLayout .sbtnWhite span:hover {
  background: #FFF !important;
  color: #009adf !important;
}
#bjLayout .carousel-indicators .active {
  background-color: #009adf !important;
}
#bjLayout .sliderBTN span {
  display: inline-block;
  font-family: 'tt_normsbold';
  text-decoration: none;
  border: 1px solid #021035;
  text-align: center;
  padding: 10px 20px;
  color: #021035;
}
#bjLayout .sliderBTN:hover span {
  border-color: #021035 !important;
  background: #021035;
  color: #021035;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#bjLayout footer {
  background: #000 !important;
}
#bjLayout footer #footerTop ul li {
  border-bottom: 2px solid #009adf;
  list-style: none;
}
#bjLayout footer #footerTop ul li a {
  color: #009adf;
  padding: 0.25em 0em;
  display: block;
  list-style: none;
}
#bjLayout footer #footerTop ul li:hover a {
  background: #009adf;
  color: #FFF;
  font-family: 'tt_normsbold';
  padding-left: 0.5em;
}
#bjLayout .mailBTN {
  border: 2px solid #009adf;
}
#bjLayout .mailBTN:hover .mailBTNic {
  background: #009adf;
  color: #FFF;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#bjLayout .stepslide h5 {
  color: #009adf;
}
#bjLayout .stepslide p {
  color: #009adf;
}
#bjLayout .navbar {
  background: rgba(0, 0, 0, 1) !important;
}
#bjLayout .navbar li a {
  color: #FFF;
}
#bjLayout .navbar li .dropdown-item {
  color: #FFF;
}
#bjLayout #productGrid .basicPattern {
  background: url("layout/bg-acc-pattern.jpg") #FFF repeat;
}
#bjLayout .navBtm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#bjLayout .navBtm a:hover {
  color: #009adf;
  cursor: pointer;
}
#bjLayout .is-sticky .navBtm {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: rgba(0, 0, 0, 0.8) !important;
}
#bjLayout .current-page-ancestor a {}
#bjLayout .current-page-ancestor a {
  font-weight: bold !important;
}
#bjLayout .konfBtm a {
  border: 2px solid #009adf;
  font-family: 'tt_normsbold';
  color: #009adf !important;
  padding: 0.35em !important;
}
#bjLayout .konfBtm a:hover {
  color: #FFF !important;
  border: 2px solid #009adf;
  background: #009adf;
}
#bjLayout .trennLinie {
  display: block;
  width: 100%;
  border: 0px none;
  margin: 0 auto;
  background-size: cover;
}
#bjLayout .linkBox h5 {
  color: #009adf;
  text-transform: uppercase;
  font-size: 1.4em;
  font-family: 'tt_normsbold';
}
#bjLayout .linkBox p {
  color: #FFF;
}
#bjLayout .whiteText {
  color: #FFF !important;
}
.dropdown-menu a {
  color: #009adf !important;
}
#bjLayout .ylwArea {

background: rgb(255,221,0);
background: linear-gradient(90deg, rgba(255,221,0,1) 0%, rgba(201,66,137,1) 50%, rgba(0,157,209,1) 100%); 
}
#bjLayout .invertedColor {
  background: #FFF;
}
#bjLayout .blkArea {
  background: #FFF;
  background: url('layout/background-ACCFront.jpg');
  background-size: cover;
}
#bjLayout .asphaltArea {
  background: #FFF;
  /*  background: url('layout/background-ACCFront.jpg');*/
  background: url('layout/bg-alccontrol-2.jpg') center -200px no-repeat;
  background-size: contain;
  background-size: cover;
}
#bjLayout .blkArea h3, #bjLayout .blkArea h4 {
  color: #fff !important;
}
#bjLayout .blkArea {
  padding: 5em 0em;
}
#bjLayout .subNav .linkstyle .gridBorder {
  /*  border: 10px solid #FFF;*/
  padding: 0.75em;
  width: 100%;
  background: #FFF;
}
.giveawayIntro .text-center {
  color: #FFF;
}
#bjLayout .subNav .linkstyle:hover .gridBorder {
  /*  background-image: url(layout/bg-acclinie.png);*/
  background: #009adf;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-size: cover;
}
#bjLayout .svg-icon path {
  fill: #ffFFF0 !important;
}
#bjLayout footer {
  background: #009adf;
}
#bjLayout .linkBox {
  background: #FFF;
  padding-bottom: 2.5em;
}
#bjLayout #footerIcons {
  border-top: 2px solid #fff !important;
}
#bjLayout footer #footerTop {
  border-top: 2px solid #fff;
  padding-top: 20px;
}
#bjLayout footer #footerTop ul li {
  border-bottom: 2px solid #009adf;
  list-style: none;
}
#bjLayout footer #footerTop ul li a {
  color: #fff;
  padding: 0.25em 0em;
  display: block;
  list-style: none;
}
#bjLayout footer #footerTop ul li:hover a {
  color: #FFF;
  font-family: 'tt_normsbold';
  padding-left: 0.5em;
}
#bjLayout .mailBTN {
  border: 2px solid #009adf;
}
#bjLayout .mailBTN:hover .mailBTNic {
  background: #009adf;
  color: #FFF;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#bjLayout .subNav .linkstyle .gridBorder:hover {}
#bjLayout .subNav .linkstyle .gridBorder .gridPadding {
  padding: 1.5em;
  background: #009adf;
}


.jbGiveAwayHeaderTxt{
	color:#FFF;
} 


.btmBlue {
	background:#FFF;
}
#bjLayout .tShadow {
	text-shadow:0px 2px 0px rgba(0,0,0,0.1) !important ;
}
#bjLayout .subNav .linkstyle .gridBorder:hover .gridPadding {
  padding: 1.5em;
  background: #FFF;
  color: #009adf !important;
}
#bjLayout .subNav .linkstyle .gridBorder:hover .gridPadding h3, #bjLayout .subNav .linkstyle .gridBorder:hover .gridPadding span {
  color: #009adf;
}
#bjLayout .subNav .linkstyle:hover .gridBorder {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /*  border: 24px solid #FFF;*/
}
#bjLayout .mailBTN h6 {
  margin: 0em;
  font-size: 1.25em;
  background: #009adf;
	border-color:#fff !important;
  color: #FFF;
  padding: 0.75em 1em;
	
	background: rgb(255,221,0);
background: linear-gradient(90deg,
rgba(255,221,0,1) 0%, rgba(201,66,137,1) 50%, rgba(0,157,209,1) 100%);
	
	
}
#bjLayout .tabContentArea h2 {
  color: #000
}
.BJproduktlogo {
	max-width:240px;
	margin-bottom:0.15em;
}

.lieferZeitJB img {
	max-width:100%;
}
#bjLayout .mailBTN h6 strong {
  font-family: 'tt_normsbold';
}

.lieferZeitJB blockquote {
	color:#fff;
	margin-top: 2em;display: inline-block;
background: rgb(255,221,0);
background: linear-gradient(90deg,
rgba(255,221,0,1) 0%, rgba(201,66,137,1) 50%, rgba(0,157,209,1) 100%);
	

	padding:1em 2em;
}
#bjLayout .mailBTNic {
	
	
  text-align: center;
  color: #fff;
  font-weight: 300 !important;
  font-size: 2.5em;
}
#bjLayout .invrtContent h5 {
  color: #000;
}
#bjLayout .productTabMenu {
  background: #009adf;
}
#bjLayout .productTabMenu .active i {
  color: #009adf;
}
#bjLayout #footerBTM li {
  border-color: #009adf !important;
}
#bjLayout #footerBTM li:hover a {
  color: #fff;
  font-weight: bold !important;
}
#bjLayout #footerBTM li a {
  color: #FFF;
  font-size: 0.85em;
}
#bjLayout .navbar-toggler {
  color: red !important;
  background: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
#bjLayout .navbar-toggler-icon {
  color: #009adf !important;
}
s #bjLayout #footerIcons {
  padding: 0em 0em 2em 0em;
  margin-bottom: 2em;
  border-bottom: 2px solid #fff;
}
.subNav {
  margin-top: 2em !important;
}
.subNav li {
  border-right: 1px solid #fff;
}
.subNav li:last-child {
  border-right: 0px none;
}
.anwendungHeadline {
  margin-bottom: 1.5em;
  font-family: 'tt_normsbold';
  text-transform: uppercase;
  color: #FFF;
  font-size: 3em;
}
#bjLayout .nav-pills .nav-link.active, #bjLayout .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #009adf !important;
}
#bjLayout .propertiesList dl dd {
  color: #009adf;
}
#bjLayout .propertiesList dl {
  border-right: 1px solid #009adf;
}
#bjLayout #productGrid .linkBox i {
  color: #009adf;
}
#bjLayout #footerBTM p {
  color: #FFF;
}
#bjLayout .trennlinie {
  display: none !important;
}
#bjLayout .infoSlider {
  border: 12px solid #FFF;
}
#bjLayout .subNav .linkstyle:hover i {
  color: #009adf !important;
}
#bjLayout .sliderBTN span:hover {
  background: #021035;
  color: #FFF;
}
#bjLayout .orderNow .sliderBTN span {
  border: 2px solid #FFF;
  color: #FFF !important;
}
.sbtnWhite:hover span {
  color: #009adf !important;
}
#bjLayout .orderNow .sliderBTN:hover span {
  background: #FFF;
  color: #009adf !important;
}
#bjLayout .orderNow, #bjLayout .orderNow a, #bjLayout .orderNow span {
  width: 100% !important;
}
#bjLayout .konfBtm span {
  width: 100%;
}
#bjLayout .konfBtm:hover span {
  color: #FFF !important;
  background: #009adf !important;
}
.giveAwayList h2 {
	
	color:#000 !important;
}
.giveAwayList li {
  color: #000 !important;
}
.giveAwayList li {
  border-bottom-color: #009adf;
}
.giveAwayList li::before {
  color: #009adf;
}
.certifactIcon {
  font-size: 0.9em;
  line-height: 1em;
  padding: 0em;
  margin: 45px 0px;
}
#bjLayout .modal {
  background: url("layout/background-ACCFront.jpg") no-repeat 0px 0px !important;
  background-size: cover !important;
}
#bjLayout .modal-content {
  border-radius: 0px;
  border: 10px solid #009adf;
  padding: 5% !important;
}
#bjLayout .sliderBTN span {}
#bjLayout .modal-header h4 {
  color: #009adf !important;
  text-transform: uppercase;
  font-size: 2.5em;
  font-family: 'tt_normsbold';
}
#bjLayout .modal-body h5 {
  font-family: 'tt_normsbold';
}
.modal-footer .btn-secondary {
  background: #FFF;
  border-radius: 0px;
  border: 0px none;
  width: 100%;
}
.modal-footer .btn-secondary:hover {
  background: #009adf;
  color: #FFF;
  cursor: pointer;
}
.sbtnWhite span {
  margin-top: 1.5em;
}
.invrtContent p {
  color: #000;
}

.smallTxt {
	font-size: 0.8em;
	color:#000;
	
}
 
#bjLayout .gridBorder h3, #bjLayout .gridBorder span, #bjLayout .gridBorder i, #bjLayout .anleitungNEUGrid h3, #bjLayout .anleitungNEUGrid p {
  color: #FFF;
}
.whiteColorIcon {
  color: #FFF !important;
}
.jbBoxLinks {
  border: 5px solid #021035;
  padding: 3em 0em 350px !important;
}
.jbBoxLinks a span {
  border-color: #021035 !important;
  color: #021035 !important;
}
.jbBoxLinks a:hover span {
  background-color: #FFF !important;
  color: #021035 !important;
}

.colourSiegel {
	max-width:300px;
	display: block;
position: relative;
	top:-20px;
	
}

.hinweisTxt {
	padding:5em 0em !important;
}
.jbBoxLinks h5 {
  color: #FFF !important;
}
.hinweisField {
  font-size: 1.3em;
}
.jbBoxRechts {
  border: 5px solid #353535;
  padding: 3em 0em 350px !important;
}
.jbBoxRechts p {
  color: #009adf !important;
}