/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

 a {
		color: #16245b;
 }
 body, html, a, p{
		color: #525252;
 }
.h1, .h2, .h3, .h4, .h5, .h6{
	color: #16245b!important;
}

.btn-link, span a, .productlist-filter-headline, li a{
	/* color: #fff; */
	color: #16245b;
	border-bottom:none;
}
li.snippets-filter-mobile-sorting a, li.snippets-filter-mobile-item a{
	color: #fff;
}

li.nav-item a{
	color: #fff;
}

.main-register .nav-link {
	color: #525252;
}
.main-register .nav-link.active {
	color: #16245b;
}

header .container-fluid-xl, #header-top-bar .container-fluid-xl{
	max-width: 100%;
}

footer .productlist-filter-headline{
	justify-content: left;
}
.footnote-vat a, .footnote-vat span{
	color: #fff;
}

.col h2, .container-fluid h2, #content h1, .col h3{
	color: #16245b;
}

.breadcrumb a{
	color: #16245b!important;
}

/* Kategorien Überschrift in Box*/
.productlist-filter-headline {
    color: #fff;
    border-bottom: none;
	justify-content: center;
	margin-top: 5px;
}

header .navbar-nav > .nav-item > .nav-link {
	background-color: transparent;
}

header .navbar-nav > .nav-item > .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 0 6px;
    border-color: #FFBA00; */
    border-style: solid;
    transition: width 0.4s;
    width: 0;
}

.boxshadow{
	box-shadow:  0px 0px 10px #222;
	transition: 0.5s;
}
.boxshadow:hover{
	box-shadow:  20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;		
}

.box-filter-characteristics, .box-filter-price, .box-filter-special, .box-filter-availability, .box-categories, .snippets-categories-collapse{
	padding-left: 8px;
	padding-right: 8px;
	/*background-color: #16245b!important;*/
	background-color: #16245b!important;

	border-top: 1px solid rgba(200,200,200,.3);
    /*border-left: 1px solid rgba(200,200,200,.3);
    border-right: 1px solid rgba(0,0,0,.3);*/
    border-bottom: 1px solid rgba(0,0,0,.3);
	
	/*border-radius: 50px;
	background: #ffffff;
	box-shadow:  20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;*/
}
.box-filter-availability{
	/*border-top-left-radius: 8px;
	border-top-right-radius: 8px;*/
}
[class~='box-filter-characteristics']:last-child{
	/*border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;*/	
}

.snippets-categories-collapse{
	background-color: #16245b!important;
	border-top: none;
    /*border-left: 1px solid rgba(200,200,200,.3);
    border-right: 1px solid rgba(0,0,0,.3);*/
    border-bottom: none;
}

.box-categories{
	box-shadow: 0px 0px 15px #404040;
	border-radius: 8px;
}

.box-filter-characteristics:hover, .box-filter-price:hover, .box-filter-special:hover, .box-filter-availability:hover, box-categories:hover{
	background-color: #17265b;
	border-top: 1px solid rgba(0,0,0,.3);
    /*border-left: 1px solid rgba(0,0,0,.3);
    border-right: 1px solid rgba(200,200,200,.3);*/
    border-bottom: 1px solid rgba(200,200,200,.3);
	color: #F8BF00;
}

/* Alle Filterüberschriften */
.box .btn-filter-box,
.box .btn-filter-box .text-truncate {
    color: #D4A017 !important;
}

aside .nav-panel > .nav > .active > .nav-link {
  color: #fff;
  border-bottom: none;
}
aside .nav-panel .active > .nav-link {
  color: #fff;
  border-bottom: none;
}
aside .box .nav-link{
	color: #fff;
}

aside .box .nav a{
	background-color: #16245b;
	color: #fff;
	transition: .5s;
}
aside .box .nav a:hover{
	color: #16245b;
	background-color: #fff;
}

.nav-scrollbar-arrow.right, .nav-scrollbar-arrow.left{
	background-image: none;
}
/* mega-menu sub categories */
.submenu-headline, .submenu-headline span{
	border: none;
}

.egpicon{
	font-size: 4rem;
}
.egphref{
	text-decoration: none;
}

.egpflex{
	display: flex;
	flex-direction: column;
	align-content: space-between;
	width: 100%;
	height: 100%;
}


.egp-container {
  width: 300px;
  height: 36px;
  overflow: hidden;
}
.egp-container ul {
  display: flex;
  flex-direction: column;
  animation: move 2s infinite;
}
.egp-container ul li {
  width: 100%;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, calc(6 * 36px * -1px));
  }
}


.egpcontainer{
	position: absolute;
	bottom: 0px;
	height: 200px;
	max-height: 200px;
	max-width: 500px;
	margin: 0 auto;
}
.egpshadow2{
	-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
	-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
	box-shadow: 0 1px 5px 0 #4a4a4a;
}
div.egpshadow2 picture img{
	padding: 0px!important;
}
.egpshadow{
	-webkit-box-shadow: 0px 0px 16px rgb(0,0,0);
	-moz-box-shadow: 0px 0px 16px rgb(0,0,0);
	box-shadow: 0px 0px 16px rgb(0,0,0);
}
.suplogo{
	max-height: 50px;
}
.egpansprechpartner picture img{
	max-height: 300px;
	object-fit: contain;
}
.egptable tbody tr td{
	font-size: 1.2rem;
	text-align: center;
	padding: 4px 8px;
}

/* Submenu selector */
@media (min-width: 992px){
	header .submenu-headline-toplevel {
		border-bottom: none;
	}
	header .submenu-headline-toplevel:hover {
		border-bottom: 1px solid white;
	}

	header .navbar-nav > .nav-item > .nav-link {
	  position: relative;
	  padding-left: 0.9rem;
	  padding-right: 0.9rem;
	  padding-top: 1.5rem;
	  padding-bottom: 1.5rem;
	}
}

.box-link-wrapper{
	color: #fff;
}
.box-link-wrapper i.snippets-filter-item-icon-right {
    color: #fff;
}

.badge-outline-secondary {
    border-color: #fff;
    color: #fff;
}


.productlist-filter-accordion{
	background-color: #16245b;
}

.sub-categories ul{
	background-color: #16245b;
	color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 15px #404040;
}
.sub-categories ul a{
	color: #fff;
}
header {
  box-shadow: 0rem 1rem 25px rgba(0, 0, 0, 0.5);
}
header .nav-right .dropdown-menu {
  width: 500px;
}
#logo{
	position: fixed;
	top: 0;
	left: 2rem;
}
#logo, #logo a{
	background-color: transparent;
	padding-left: 0;
	/*border-radius: 50%;*/
	overflow: hidden;
	
	height: 131px;
	/*box-shadow: inset 6px 6px 8px 0 rgba(0, 0, 0, 0.25),
    inset -4px -4px 6px 0 rgba(255, 255, 255, 0.3);*/

}
table.table {
	color: #fff;
}
div.account-data-item div table{
	color: #16245b
}

div.bulk-prices table {
	color: #16245b;
}



header .navbar-brand{
	margin-right: 0;
	padding-left: 0;
}

#header-top-bar a, header, header a {
	/*background-color: #16245b;*/
    color: #fff!important;
}


#header-top-bar {
	width: 100%;
    background-color: #16245b;
    color: #fff;
	position: sticky;
	top: 0;
	z-index: 1020;
}
.sticky-top{
	top: 37px;
}
header{
	background-color: #16245b;
	background-image: linear-gradient(#16245b 90%, #fff 95%, #444 100%);
}

header .dropdown-menu, .table.dropdown-cart-items {
  background-color: #16245b;
  color: #ffffff;
}
.dropdown-item:hover{
	background-color: #f8bf00!important;
	color: #16245b!important;
}
.btn-outline-primary:hover {
  background-color: #fff8df;
  color: #16245b!important;
}

.cart-dropdown-total-item{
	color: #fff!important;
}
.cart-dropdown-shipping-notice {
  color: #f8bf00;
}

#tab-link-PDF, #tab-link-Datenblaetter, #tab-link-description, #tab-link-availabilityNotification{
	color: #525252!important;
}
div.col.mediafiles-description{
	display:none;
}


.greengrow div{
	background-color: transparent;
	border: 1px solid transparent;
}
.greengrow div div h2 button{
	color: white;
}

.OLD_card-gray .card-header{
	background-color: #f5f7fa;
}
.OLD_card-header{
	background-color: #16245b;
}
.OLD_card-header a {
	color: #ffffff;
}

.dropdown-menu{background-color: transparent;}

.dropdown-body, .dropdown-footer{
	background-color: #16245b!important;
	color: #fff!important;
}
#footer{
	background-color: #16245b;
}

/*
.pagination .dropdown-item.active {
    background-color: transparent;
    color: #525252;
}*/

.pagination .dropdown-item {
    width: auto;
    display: inline-block;
    padding: 0;
	background-color: #fff;
	border-radius: 50%;
	color: #16245b;
	width: 32px;
	height: 32px;
	box-shadow: 
    6px 6px 8px 0 rgba(0, 0, 0, 0.25),
    -4px -4px 6px 0 rgba(255, 255, 255, 0.3);
	transition: 0.5s;
}
.pagination a{
	/*background-color: #fff;*/
	color: #16245b;
}
.pagination a:hover{
	color: #000;
}
.pagination .dropdown-item:hover {
    background-color: transparent;
	box-shadow: 
    inset 6px 6px 8px 0 rgba(0, 0, 0, 0.25),
    inset -4px -4px 6px 0 rgba(255, 255, 255, 0.3);
}
.pagination .dropdown-item.active {
    width: auto;
    display: inline-block;
    padding: 0;
	background-color: #f8bf00;
	border-radius: 50%;
	color: #000;
	border-bottom: none;
}

.pagination .page-item .active{
	border-bottom: none;
}
/* Artikel Kachel */
.productbox-hover:hover .productbox-inner::before{
	border: 1px solid #16245b;
	border-radius: 8px;
	box-shadow: 0px 0px 15px #404040;
}

.productbox-price{
	background-color: #16245b;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 8px;
}

/* Modal Settings */
.modal-dialog{

}
.modal-title{color: #16245b;}
.modal-content{
	/*background-color: rgba(22,36,91,.5);*/
	background-color: #fff;
}
.modal .productlist-filter-wrapper {
    background-color: #fff;
	color: #000;
	padding-left: 0px;
	padding-right: 0px;
}
.productlist-filter-accordion li, .productlist-filter-accordion li:not(:last-child) {
    border-left: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.4);
	
	padding-left: 10px;
	padding-right: 10px;
	/*border-bottom: 1px solid #ebebeb;*/
}



.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .dropdown-item {
    background-color: transparent;
    color: #fff;
}

.btn-primary {
    color: #000;
    background-color: #F8BF00;
    border-color: #F8BF00;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	transition: 0.5s;
}
.btn-primary:hover, .btn-outline-primary:hover,
.btn-secondary:hover, .btn-outline-secondary{
	box-shadow: none;
}

.btn-outline-primary {
    border-color: #F8BF00;
    background-color: transparent;
    color: #000;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.btn-secondary {
    /*border-color: #525252;*/
    background-color: #16245b;
    color: #fff;
	
	border-left: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.4);
	border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	transition: 0.5s;
}
.btn-outline-secondary {
    /*border-color: #525252;*/
    background-color: #16245b;
    color: #fff;
	
	border-left: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.4);
	border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	transition: 0.5s;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .show > .btn-outline-secondary:not(.navbar-toggler)[data-toggle="collapse"] {
    border-color: #525252;
    background-color: #f8bf00;
    color: #000;
}

header .navbar-toggler{
	color: #fff;
}

.ribbon-70 {
    background-color: #CCFFFF;
    color: #000;
}
.ribbon-70::before {
	border-right-color: #CCFFFF;
}


#main-wrapper {
    background: #fff;
	/*background-image: url(noisy.png);
	background-repeat: repeat;
	background-attachment: fixed;*/
    /*background-size: 100% 100%;*/
	/*max-width: 960px;*/
}
#content-wrapper{
	max-width: 1400px;
	margin: 0px auto;
}

/* Laufschrift */
.marquee {
	padding-bottom: 5px;
    max-width: 100vw; /* iOS braucht das */
    white-space: nowrap;
    overflow: hidden;
    /* hier evtl. noch font-size, color usw. */
    color: #000;
    font-size: 2rem;
    font-weight: 900;
    background-color: #fff;

    background-size: 200% 200%;
    background-image: repeating-linear-gradient(
		-45deg,
		hsl(215,30%,60%) 0%,  /* blau */
		hsl(120,30%,90%) 15%, /* grün */
		hsl(30,50%,90%) 30%,  /* rosa */
		hsl(215,30%,60%) 45%  /* blau */
	);
    animation: diagonal linear 5s infinite;
}

.marquee span {
    display: inline-block;
    padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
    animation: marquee 60s linear infinite;
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
.marquee span:hover {
    animation-play-state: paused 
}

/* Make it move */
@keyframes marquee {
    0%   {transform: translate3d(0,0,0);}
    100% {transform: translate3d(-100%,0,0);}
}

@keyframes diagonal {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}

.landingpage-richtext ul{
	list-style: none;
	width: 100%;
	/*box-sizing: border-box;*/
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.landingpage-richtext a{
	color: #16245b;
	text-decoration: none;
}
.landingpage-richtext a:hover{
	color: #fff;
}

.landingpage-richtext li{
	color: #16245b;
	background-color: #fff;
	transition: 0.5s;
}

.landingpage-richtext li:hover{
	color: #fff;
	background-color: #16245b;
}

.landingpage-card .card-body{
	padding: 0px;
}

.XXXsupplier-logos-grid{
	max-height: 200px;
}
.supplier-picture picture img{
	height: 150px;
	max-height: 150px;
}

table#configuration-table{
	color: #000;
}
td.attr-value{
	color: #000;
}

// Carousel Start
.customer-logos{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
	max-height: 240px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
	display: flex;
	align-items: center;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

// Carousel End


li#cfg-tab-summary a.nav-link, li#cfg-tab-options a.nav-link{
	color: #000;
}

#search-header{
	width: 0px;
	transition: 0.5s;
}
#search-header:hover, #search-header:active, #search-header:focus{
	width: auto;
}

div.sitemap-group div{
	color: #fff;
}
div.sitemap-group div div div ul li a{
	color: #16245b
}

@media only screen and (max-width: 991.98px){
	#logo {
		height: 45px;
		
		left: 4rem;
	}
	
	header .navbar-collapse{
		background-color: #16245b;
	}
	header .nav-right .dropdown-menu {
		width: 100%;
	}
	
	footer a{color: #fff;}
	
	footer div div div div ul li a.nav-link{
		padding: 4px 8px;
		
		border-top: 1px solid rgba(255,255,255,.5);
		border-left: 1px solid rgba(255,255,255,.5);
		border-right: 1px solid rgba(0,0,0,.5);
		border-bottom: 1px solid rgba(0,0,0,.5);
		
		color: #fff;
	}
	footer div div div div ul li a.nav-link:hover{
		border-top: 1px solid rgba(0,0,0,.5);
		border-left: 1px solid rgba(0,0,0,.5);
		border-right: 1px solid rgba(255,255,255,.5);
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
	.sticky-top{
		top: 0;
	}
	

}

.slick-initialized .slick-slide {
    display: flex;
}

/* Lieferadressen im Checkout und im Kundenkonto */
#shipping-address-templates tbody td,
#lieferadressen-liste tbody td {
    color: #333333 !important;
    background-color: #ffffff !important;
}

/* Namen und zusätzliche Adressinformationen */
#shipping-address-templates strong,
#shipping-address-templates .dt-address,
#shipping-address-templates .inc-delivery-address,
#lieferadressen-liste strong,
#lieferadressen-liste .inc-delivery-address {
    color: #333333 !important;
}

/* Hover-Effekt */
#shipping-address-templates tbody tr:hover td,
#lieferadressen-liste tbody tr:hover td {
    color: #333333 !important;
    background-color: #f5f5f5 !important;
}

/* Mehr anzeigen */
#shipping-address-templates .btn-show-more,
#lieferadressen-liste .btn-show-more {
    color: #555555 !important;
}