@charset "UTF-8";
/* CSS Document */

::selection {
    background: #fae7e7;
}
::-moz-selection {
    background: #fae7e7;
}
p.aktion-stoerer{
	background-color: #fae7e7;
}

/* ----------------------------- BUTTONS ----------------------------- */
.btn-color-border{
	color: #1d1d1d;
	border: 2px solid #fae7e7;
}
.btn-color-border.hvr-shutter-out-horizontal:hover, .btn-color-border.hvr-shutter-out-horizontal:focus, .btn-color-border.hvr-shutter-out-horizontal:active{
	color: #555555 !important;
}
.btn-color-border.hvr-shutter-out-horizontal:before{
	background-color: #fae7e7;
}


.btn-color{
	color: #555555 !important;
	border: 2px solid #fae7e7;
	background-color: #fae7e7;
}
.btn-color.hvr-fade:hover, .btn-color.hvr-fade:focus, .btn-color.hvr-fade:active {
  	background-color: #efc5c5;
	border: 2px solid #efc5c5;
  	color: #555555;
}

.brands-nav .btn.btn-color.hvr-fade.active{
    border: 2px solid #fae7e7;
}
/* ---------------------------- / BUTTONS ---------------------------- */


/* ----------------------------- FORMULAR ----------------------------- */
input.form-control:focus{
	border: 2px solid #fae7e7;
	/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);*/
	box-shadow: none;
}
select.form-control:focus{
	border: 2px solid #fae7e7;
	box-shadow: none;
}
textarea.form-control:focus{
	border: 2px solid #fae7e7;
	box-shadow: none;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fae7e7;
    background-color: #fae7e7;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #fae7e7;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #efc5c5;
    border-color: #efc5c5;
}
/* --------------------------- / FORMULAR --------------------------- */


/* ---------------------------- HEADER ---------------------------- */
.wk_zahl {
	background-color: #fae7e7;
}
.navbar .wk_zahl {
	color: #fae7e7;
}
.mobile-search .form-inline.suche input.form-control:focus{
	border-bottom: 2px solid #fae7e7;
}
.navbar{
	background-color: #f5f5f5;
	border-bottom: 2px solid #dedede;
}
/* --------------------------- / HEADER --------------------------- */


/* ---------------------------- CONTENT ---------------------------- */
.usp-box{
	background-color: #fae7e7;
}
.click-collect-box .number{
	background-color: #fae7e7;
}
.hot-brands a:hover, .hot-brands a:focus{
	color: #fae7e7;
}
/* ------- ARTIKEL OVERVIEW ------- */
.btn-filter.dropdown-toggle.active{
	border-bottom: 2px solid #fae7e7;
}
.dropdown.show .btn-filter.dropdown-toggle.active{
	border-bottom: 2px solid #fae7e7;
}
.filter-option:hover, .filter-option:focus{
	border: 1px solid #fae7e7;
}
.filter-option.active{
	background-color: #fae7e7;
	border: 1px solid #fae7e7;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #fae7e7;
    background: #fae7e7;
}
/* ------ / ARTIKEL OVERVIEW ------ */

/* -------- ARTIKEL DETAIL -------- */
.detail-color .colors-images img.active{
	border: 2px solid #fae7e7;
}
.link-tipp a:hover, .link-tipp a:focus{
	color: #fae7e7;
}
/* ------- / ARTIKEL DETAIL ------- */

/* ------------ CHECKOUT ------------ */
.adresse .nav-tabs .nav-link:hover {
    border-color: #fae7e7 #fae7e7 #dedede #fae7e7;
}
.adresse .nav-tabs .nav-item.show .nav-link, .adresse .nav-tabs .nav-link.active {
    color: #fae7e7;
}
.checkout-option:hover{
	border: 1px solid #fae7e7;
}
/* ----------- / CHECKOUT ----------- */


.newsletter{
	background-color: #fae7e7;
}
a:hover .faq-box .headline, a:focus .faq-box .headline{
	color: #9e9e9e;
}
a:hover.kontakt-box{
	color: #9e9e9e;
}
.card-header.active .btn-link{
    color: #555555;
}
.card-header.active .btn-link:hover, .card-header.active .btn-link:focus, .card-header.active .btn-link:active{
    color: #555555;
}
.job-bewerbung{
	border-top: 2px solid #fae7e7;
}
/* --------------------------- / CONTENT --------------------------- */


/* ----------------------------- FOOTER ----------------------------- */
.kontakt-foot a:hover, .kontakt-foot a:focus{
	color: #9e9e9e;
}
.footer-links a:hover, .footer-links a:focus{
    color: #9e9e9e;
}
.footer-nav li a:hover .fas.fa-angle-right{
	color: #9e9e9e;
}
/* ---------------------------- / FOOTER ---------------------------- */




/* -------------------------------- Large devices (desktops, 992px and up) -------------------------------- */
@media screen and (min-width: 992px) {
/* ---------------------------- HEADER ---------------------------- */
.navbar{
	background-color: #fae7e7;
	border-bottom: none;
}
.main-navi ul li a.active{
	background-color: #fae7e7;
}
.main-navi ul li a:hover, .main-navi ul li a:focus{
	background-color: #fae7e7;
}
	
.form-inline.suche input.form-control:focus{
	border-bottom: 2px solid #fae7e7;
}
/* ---------------------------- / HEADER ---------------------------- */

.sub-nav li a:hover .fas.fa-angle-right {
    color: #fae7e7;
}
.brands-nav .btn{
	border-bottom: 2px solid #fae7e7;
}
}