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

#header-top-bar {
    position: relative;
    background-color: #333032;
    z-index: 1021;
    flex-direction: row-reverse;
}
#header-top-bar, header {
    background-color: #333032;
    color: #fff;
}
#footer {
    background-color: #333032;
    color: #fff;
}
a {
    color: #bac513;
    text-decoration: underline;
    background-color: transparent;
}
#header-top-bar a, header a {
    color: #bac513;
}
#main-wrapper {
    background: #ffffff;
}
body {
    font-family: "Open Sans",sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333032;
    text-align: left;
}
.badge-primary {
    color: #525252;
    background-color: #ffffff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #525252;
    background-color: #bac513;
}                            
.ribbon-8 {
    background-color: #333032;
    color: #bac513;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle=collapse]:not(.navbar-toggler) {
  background-color: #bac513;
  border-color: #333032;
  color: #dcdcdc;
}

.btn-outline-primary {
  border-color: #bac513;
  background-color: transparent;
  color: #dcdcdc;
  position: relative;
  overflow: hidden;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: #bac513;
  background-color: #bac513;
  color: #dcdcdc;
}
.btn-primary {
    color: #525252;
    background-color: #bac513;
    border-color: #bac513;
    box-shadow: none;
}
.btn-primary:hover {
    color: #525252;
    background-color: #bac513;
    border-color: #bac513;
    box-shadow: none;
}
.btn-icon-primary:hover {
  border-color: #bac513;
  color: #bac513;
}
.btn-icon-primary.disabled, .btn-icon-primary:disabled {
  background-color: #ebebeb;
  color: #ffffff;
  border-color: #ebebeb;
}
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: #bac513;
  background-color: #bac513;
  color: #ffffff;
}
img {
    border-radius: 5px;
}


.form-control:focus {
  border-color: #d4dd4a;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-outline-primary {
  color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-outline-primary:hover {
  color: #525252;
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle=collapse]:not(.navbar-toggler) {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-link:hover {
  color: #d4dd4a;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #d4dd4a;
  background-color: #d4dd4a;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #d4dd4a;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #d4dd4a;
  background-color: #d4dd4a;
}
.custom-select:focus {
  border-color: #d4dd4a;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #d4dd4a;
}
.custom-range::-webkit-slider-thumb {
  background-color: #d4dd4a;
}
.custom-range::-moz-range-thumb {
  background-color: #d4dd4a;
}
.custom-range::-ms-thumb {
  background-color: #d4dd4a;
}
.page-link:hover, .page-text:hover {
  color: #d4dd4a;
}
.badge-primary {
  color: #525252;
  background-color: #d4dd4a;
}
.progress-bar {
  background-color: #d4dd4a;
}
.list-group-item.active {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.bg-primary {
  background-color: #d4dd4a !important;
}
.border-primary {
  border-color: #d4dd4a !important;
}
.text-primary {
  color: #d4dd4a !important;
}
.badge-outline-primary {
  border-color: #d4dd4a;
  color: #d4dd4a;
}
.badge-check {
  border: 2px solid #d4dd4a;
}
.badge-check .badge-circle {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: #d4dd4a;
  background-color: #d4dd4a;
}
.btn-animated .btn-primary:hover {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.btn-animated .btn-outline-primary::after {
  background-color: #d4dd4a;
}
.btn-animated .btn-outline-primary:hover {
  border-color: #d4dd4a;
}
.btn-animated .btn-outline-primary:hover::after {
  background: #d4dd4a;
}
.badge-circle:hover, .badge-circle:focus {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.badge-circle-1.on-list {
  border: 1px solid #d4dd4a;
  background-color: #d4dd4a;
}
.slick-arrow:hover {
  background-color: #d4dd4a;
  color: #ffffff;
}
.swatches-image.active {
  border: 1px solid #d4dd4a;
}
.swatches-text.active {
  border: 1px solid #d4dd4a;
}
.form-icon-trigger-label:hover {
  color: #d4dd4a;
}
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle=collapse]:focus:not(.navbar-toggler) {
  border-color: #d4dd4a;
}
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: #d4dd4a;
}
.fa-sup {
  background-color: #d4dd4a;
}
.modal-header .close:hover {
  background-color: #d4dd4a;
}
.noUi-horizontal .noUi-connect {
  background: #d4dd4a;
}
.noUi-horizontal .noUi-handle {
  background: #d4dd4a;
}
.stepper .step-active .step-content::after {
  background: #d4dd4a;
}
.tab-navigation .nav-link::after {
  border-color: #d4dd4a;
}
aside .nav-panel > .nav > .active > .nav-link {
  border-bottom: 0.375rem solid #d4dd4a;
}
.box_login .register .fa {
  color: #d4dd4a;
}
.jqcloud-word.w5 {
  color: #d4dd4a;
}
.jqcloud-word a:hover {
  color: #d4dd4a !important;
}
.file-drop-zone.clickable:focus {
  border: 2px solid #d4dd4a;
}
.filter-item.active .filter-img, .filter-item:active .filter-img {
  border: 3px solid #d4dd4a;
}
.productlist-filter-categories > .nav-item > .nav-link::before {
  border-color: #d4dd4a;
}
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover {
  background-color: #d4dd4a;
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item {
  border-color: #d4dd4a;
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
  background-color: #d4dd4a;
  border-color: #d4dd4a;
}
.estimated-delivery:hover .estimated-delivery-info {
  color: #d4dd4a;
}
.account-head-data .account-head-data-credit {
  border: 1px solid #d4dd4a;
}
.checkout-steps .step-check {
  color: #d4dd4a;
}
.form-control:focus {
  border-color: #d4dd4a;
}
a:hover {
	color: #d4dd4a !important;
}

/* Fix 2026-09-14: Footer-Links waren kaum lesbar (dunkler Text auf dunklem Footer-Hintergrund).
   Ursache: NOVA-Theme setzt "#footer a:not(.btn)" auf $footer-color (Standard: dunkler Body-Text,
   gedacht fuer HELLEN Footer-Hintergrund). Diese Selektor-Spezifitaet schlaegt die generische
   "#footer{color:#fff}"-Regel weiter oben. Hier gezielt mit gleicher Spezifitaet ueberschrieben. */
#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .newsletter-footer-heading {
	color: #ffffff;
}
#footer a:not(.btn):hover {
	color: #d4dd4a;
}

/* Fix 2026-09-14: "Vertrag widerrufen"-Button im Footer war linksbuendig, soll zentriert sein. */
.withdrawal-link-wrapper {
	justify-content: center;
}