/*!
 * Custom CSS Anpassungen für Bosch Power Tools CI
 * DRI 22.10.2019
 */
 
 /* Seitenzahl-Darstellung bei Suchergebnissen */
.pagination>li>a,
.pagination>lit>span {
    color: #000; /* #008ECF; Bosch Light Blue */
    border-style: none;
	border-radius: 50%;
	margin: 0rem 0.375rem 0rem 0.375rem
 }
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #fff;
    background-color: #005691 /* Bosch Dark Blue */
 }
 
 span.onlyMobile
 {
	 display: none;
 }
 
  @media (max-width: 767px) {
 .pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #000000;
    background-color: #fffff /* Bosch Dark Blue */
 }
 
 .pagination>li>a,
.pagination>lit>span {
    color: #000; /* #008ECF; Bosch Light Blue */
    border-style: none;
	border-radius: 0%;
	margin: 0rem;
 }
 
 .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
 {
	 background: #ffffff;
 }
 
 .pagination>li>a:focus, .pagination>li>span:focus
 {
	 background: #ffffff;
	 color: #000000;
 }
 
 .mobile .pagination>li>a, .mobile .pagination>li>span
 {
	 padding: 0px;
	 height: auto;
	 width: auto;
 }
 
 span.onlyMobile
 {
	 display: inline;
 }
 
 }
 
.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #fff;
	background-color: #7FC6E7; /* Bosch Light Blue W50 */

 }
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #fff;
 	background-color: #008ECF; /* Bosch Light Blue */
}

/* "Up-to-top"-Button */ 
.btn-primary {
	background-color: #ffffff;
    border-color: #BDBDBD;
	border-radius: 50%;
	width: 40px;
  	height: 40px;
}
.btn-primary:hover {
	background-color: #E6E6E6; 
    border-color: #BDBDBD;
}

/* Haupt-Navigation - aktiven Elementen weiße Schrift geben */ 
/* Pfeil-Icon */
ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-toggler {
 	color: #fff;
}
/* Schrift */
ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-title {
 	color: #fff;	
}
/* Bei :hover über <div> wird color-attirbute in <span> mit entsprechender css klasse gesetzt. */
li.jqtree_common>div.jqtree-element:hover>span.jqtree-title {
    color: #fff;
}
li.jqtree_common>div.jqtree-element:hover>.jqtree-toggler {
    color: #fff;
}
/* Footer */
/*.footer_bosch>ul>li>a {
	color: #333;
}
.footer_bosch>ul>li>a:hover {
	color: lightgrey;
}*/
#off-canvas-menu
{
	background-color: #ffffff;
}

.mm-listview > li:not(.mm-divider)::after
{
	left: 0;
	border-color: #1C4257;
}

.mm-menu
{
	color: #1C4257;
}
.mm-panel li[entry-id][current="1"]
{
	background-color: rgb(0,86,145);
	color: #ffffff;
}
.mm-panel li[subheading="1"]
{
	background-color: #ffffff;
	border-color: #1C4257;
}
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after
{
	color: #1C4257;
	border-color: #1C4257;
}

.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after
{
	color: #1C4257;
	border-color: #1C4257;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a
{
	color: #1C4257;
}

.mm-listview > li, .mm-listview > li::after, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before
{
	border-color: #1C4257;
}

a:hover, a:focus {
    color: #20a5d3;
    text-decoration: none !important;
}

.bosch-glyph {
	font-family: 'Bosch-Icon';
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.world:before {
	content: "\e18d";
	color: rgb(28, 66, 87);
}

.search:before {
	content: "\e235";
	color: rgb(28, 66, 87);
}

.schema-glyph-chevron-thin-up:before
{
	font-family: 'Bosch-Icon';
	content: "\E296";
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span
{
	background-color: #ffffff;
}

.pagination > li:first-child > a:hover, .pagination > li:last-child > a:hover
{
	color: #008ECF; 
}