/*!
 * 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; 
}

/*Anpassung durch Quanos - sub chapter links*/
div.primary-link {
	margin-bottom: 15px;
	margin-left: 10px;
}

a.primary-link-1 {
	font-size: 15px;
}

a.primary-link-2 {
	font-size: 11px;
}

a.primary-link-3 {
	font-size: 9px;
}

a.primary-link-1 .primary-link-forward-right {
	margin-left: 0.5rem;
	transition: transform 400ms cubic-bezier(.38,.04,.35,.96);
    transition: transform 400ms cubic-bezier(.38,.04,.35,.96),-webkit-transform 400ms cubic-bezier(.38,.04,.35,.96);
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

a.primary-link-2 .primary-link-forward-right {
	margin-left: 0.375rem;
	transition: transform 400ms cubic-bezier(.38,.04,.35,.96);
    transition: transform 400ms cubic-bezier(.38,.04,.35,.96),-webkit-transform 400ms cubic-bezier(.38,.04,.35,.96);
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

a.primary-link-3 .primary-link-forward-right {
	margin-left: 0.3125rem;
	transition: transform 400ms cubic-bezier(.38,.04,.35,.96);
    transition: transform 400ms cubic-bezier(.38,.04,.35,.96),-webkit-transform 400ms cubic-bezier(.38,.04,.35,.96);
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*1rem = 16px*/
a.primary-link-1 .primary-link-forward-right svg {
	width: 11px;
	height: 11px;
}

a.primary-link-2 .primary-link-forward-right svg {
	width: 8px;
	height: 8px;
}

a.primary-link-3 .primary-link-forward-right svg {
	width: 5px;
	height: 5px;
}

a.primary-link-1:hover .primary-link-forward-right {
	margin-left: 0.5rem;
	transform: translateX(0.5rem);
}

a.primary-link-2:hover .primary-link-forward-right {
	margin-left: 0.375rem;
	transform: translateX(0.5rem);
}

a.primary-link-3:hover .primary-link-forward-right {
	margin-left: 0.3125rem;
	transform: translateX(0.4375rem);
}

a.primary-link-1 *,
a.primary-link-2 *,
a.primary-link-3 * {
	color: #005791;
}

a.primary-link-1 *:hover,
a.primary-link-2 *:hover,
a.primary-link-3 *:hover {
	color: #7fc6e7;
}

a.primary-link-1 *:active,
a.primary-link-2 *:active,
a.primary-link-3 *:active {
	color: #008ecf;
}

a.primary-link-1 svg,
a.primary-link-2 svg,
a.primary-link-3 svg {
	fill: #005791;
}

a.primary-link-1:hover svg,
a.primary-link-2:hover svg,
a.primary-link-3:hover svg {
	fill: #008dcf;
}