/* Automatisch erzeugt aus NOVA/themes/clear/clear.css: Akzentfarbe Gelb -> Wolke-7-Rot */
.form-control:focus { border-color: #8C1322; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.btn:focus, .btn.focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125) }
.btn-primary { background-color: #8C1322; border-color: #8C1322; color: #fff }
.btn-primary:hover { background-color: #6f0f1b; border-color: #6f0f1b }
.btn-primary:focus, .btn-primary.focus { background-color: #6f0f1b; border-color: #6f0f1b }
.btn-primary.disabled, .btn-primary:disabled { background-color: #8C1322; border-color: #8C1322; color: #fff }
.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: #6f0f1b; border-color: #5e0d17 }
.btn-outline-primary { color: #8C1322; border-color: #8C1322 }
.btn-outline-primary:hover { background-color: #8C1322; border-color: #8C1322; color: #fff }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.5) }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #8C1322 }
.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: #8C1322; border-color: #8C1322; color: #fff }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary[data-toggle=collapse]:focus:not(.navbar-toggler) { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(140, 19, 34, 0.5) }
.btn-link:hover { color: #8C1322 }
.custom-control-input:checked ~ .custom-control-label::before { border-color: #8C1322; background-color: #8C1322; color: #fff }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #8C1322 }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #8C1322; background-color: #8C1322 }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(140, 19, 34, 0.5) }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(140, 19, 34, 0.5) }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(140, 19, 34, 0.5) }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(140, 19, 34, 0.5) }
.custom-select:focus { border-color: #8C1322; box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-file-input:focus ~ .custom-file-label { border-color: #8C1322; box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.custom-range::-webkit-slider-thumb { background-color: #8C1322 }
.custom-range::-moz-range-thumb { background-color: #8C1322 }
.custom-range::-ms-thumb { background-color: #8C1322 }
.page-link:hover { color: #8C1322 }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.25) }
.badge-primary { background-color: #8C1322; color: #fff }
a.badge-primary:hover, a.badge-primary:focus { background-color: #6f0f1b }
a.badge-primary:focus, a.badge-primary.focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.5) }
.progress-bar { background-color: #8C1322; color: #fff }
.list-group-item.active { background-color: #8C1322; border-color: #8C1322; color: #fff }
.bg-primary { background-color: #8C1322 !important }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: #6f0f1b !important }
.border-primary { border-color: #8C1322 !important }
.text-primary { color: #8C1322 !important }
a.text-primary:hover, a.text-primary:focus { color: #5e0d17 !important }
.consent-switch .consent-input:focus + .consent-label::before { outline: 2px solid #c7505f }
.consent-modal-close:hover, .consent-modal-close:focus { color: #8C1322 }
a.give-consent-preview:focus-visible { color: #8C1322 }
.badge-outline-primary { border-color: #8C1322; color: #8C1322 }
a.badge-outline-primary:hover, a.badge-outline-primary:focus { background-color: #6f0f1b }
a.badge-outline-primary:focus, a.badge-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(140, 19, 34, 0.5) }
.badge-check { border: 2px solid #8C1322 }
.badge-check .badge-circle { background-color: #8C1322; border-color: #8C1322; color: #fff }
.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: #8C1322; border-color: #8C1322; color: #fff }
.btn-outline-primary { border-color: #8C1322 }
.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: #8C1322; background-color: #8C1322; color: #fff }
@media (hover) {
.btn-icon-primary:hover { border-color: #8C1322; color: #8C1322 }
}
.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: #8C1322; background-color: #8C1322; color: #fff }
.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: #8C1322; background-color: #8C1322; color: #fff }
@media (hover) {
.btn-animated .btn-primary:hover { background-color: #8C1322; border-color: #8C1322 }
}
.btn-animated .btn-outline-primary::after { background-color: #8C1322 }
@media (hover) {
.btn-animated .btn-outline-primary:hover { border-color: #8C1322 }
.btn-animated .btn-outline-primary:hover::after { background: #8C1322 }
}
.badge-circle:hover, .badge-circle:focus { background-color: #8C1322; border-color: #8C1322; color: #fff }
.badge-circle-1.on-list { border: 1px solid #8C1322; background-color: #8C1322; color: #fff }
.slick-arrow:hover { background-color: #8C1322; color: #fff }
.carousel-thumbnails .slick-slide.slick-current { border: 1px solid #8C1322 }
.swatches-image.active { border: 1px solid #8C1322 }
.swatches-text.active { border: 1px solid #8C1322 }
.form-icon-trigger-label:hover { color: #8C1322 }
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle=collapse]:focus:not(.navbar-toggler) { border-color: #8C1322 }
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button[data-toggle=collapse]:not(.navbar-toggler) { border-color: #8C1322 }
.fa-sup { background-color: #8C1322; color: #fff }
.modal-header .close:hover { background-color: #8C1322; color: #fff }
@media (min-width: 768px) {
.productbox.productbox-hover:focus-visible .productbox-inner::before, .productbox.productbox-hover:focus-within .productbox-inner::before { outline: 2px solid #c7505f }
}
.noUi-horizontal .noUi-connect { background: #8C1322 }
.noUi-horizontal .noUi-handle { background: #8C1322; box-shadow: 0px 0px 0px 5px rgba(140, 19, 34, 0.5) }
.stepper .step-active .step-content::after { background: #8C1322 }
@media (max-width: 991.98px) {
.stepper .step-current .step-content::after { background: #8C1322 }
}
.tab-navigation .nav-link::after { border-color: #8C1322 }
aside .nav-panel > .nav > .active > .nav-link { border-bottom: 0.375rem solid #8C1322 }
.box_login .register .fa { color: #8C1322 }
.jqcloud-word a:hover { color: #8C1322 !important }
.file-preview .fileinput-remove:focus-visible { outline: 2px solid #c7505f }
.file-preview .btn-file:focus-visible { outline: 2px solid #c7505f }
.file-drop-zone.clickable:focus { border: 2px solid #c7505f }
.modal-header .close:focus { background: #8C1322; color: #fff }
.btn:focus-visible,
.focus,
:focus-visible { outline: 2px solid #c7505f }
.opc-Video .video-transcript.focus { border: 2px solid #c7505f }
.opc-Video .card-header .btn-link:focus,
.opc-Video .btn-link:focus { color: #c7505f }
.filter-item.active .filter-img, .filter-item:active .filter-img { border: 3px solid #8C1322 }
.filter-search-wrapper.input-group-selected .input-group-text, .filter-search-wrapper.input-group-selected .filter-search { border-color: #8C1322 }
.productlist-filter-categories > .nav-item > .nav-link::before { border-color: #8C1322 }
.swatches-image.focus, .swatches-text.focus { outline: 2px solid #c7505f }
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover { background-color: #8C1322; color: #fff }
#image_wrapper #gallery .slick-arrow:hover { background-color: #8C1322 }
#cfg-container .custom-control:focus > label { outline: 2px solid #c7505f }
#cfg-container .custom-control:focus-within > label { outline: 2px solid #c7505f }
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item { outline-color: #c7505f }
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle { background-color: #8C1322; border-color: #8C1322; color: #fff }
#footer a:not(.btn):hover { color: #8C1322 }
.account-head-data .account-head-data-credit { border: 1px solid #8C1322 }
#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before { border: 8px solid #8C1322; border-color: #8C1322 #8C1322 transparent transparent }
.form-control:focus + .input-group-append .input-group-text { border-color: #8C1322 }
.checkout-steps .step-check { color: #8C1322 }