/*
 * custom.css – my-golfshop.com (ohne Dropper/Schlägerbau-Bereich)
 * Wird von JTL als letzte Datei geladen und nie neu kompiliert.
 * Stand 04.11.2026, aus der Live-my-nova.css von tesi-golf.de (08/2025) zurückgeholt.
 */
 
/* 1) Farben: Grau statt JTL-Gelb (gleiche Selektoren wie NOVA, wirken weil später geladen) */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #d0d0d0;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a8a8a8;
}
.table-hover .table-primary:hover {
  background-color: #c3c3c3;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #c3c3c3;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: lightgray;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #adadad;
}
.table-hover .table-secondary:hover {
  background-color: #c6c6c6;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c6c6c6;
}
.form-control:focus {
  border-color: rgb(87, 87, 87);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.btn:focus, .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary {
  color: #f5f7fa;
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.btn-primary:hover {
  color: #f5f7fa;
  background-color: #444444;
  border-color: #3e3e3e;
}
.btn-primary:focus, .btn-primary.focus {
  color: #f5f7fa;
  background-color: #444444;
  border-color: #3e3e3e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(111, 111, 111, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #f5f7fa;
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.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) {
  color: #f5f7fa;
  background-color: #3e3e3e;
  border-color: #373737;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-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(111, 111, 111, 0.5);
}
.btn-secondary {
  background-color: rgb(97, 97, 97);
  border-color: rgb(97, 97, 97);
}
.btn-secondary:hover {
  background-color: #4e4e4e;
  border-color: #484848;
}
.btn-secondary:focus, .btn-secondary.focus {
  background-color: #4e4e4e;
  border-color: #484848;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(119, 120, 120, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: rgb(97, 97, 97);
  border-color: rgb(97, 97, 97);
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .show > .btn-secondary[data-toggle=collapse]:not(.navbar-toggler) {
  background-color: #484848;
  border-color: #414141;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .btn-secondary[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(119, 120, 120, 0.5);
}
.btn-outline-primary {
  color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.btn-outline-primary:hover {
  color: #f5f7fa;
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: rgb(87, 87, 87);
}
.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) {
  color: #f5f7fa;
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.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(87, 87, 87, 0.5);
}
.btn-outline-secondary {
  color: rgb(97, 97, 97);
  border-color: rgb(97, 97, 97);
}
.btn-outline-secondary:hover {
  background-color: rgb(97, 97, 97);
  border-color: rgb(97, 97, 97);
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(97, 97, 97, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: rgb(97, 97, 97);
}
.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[data-toggle=collapse]:not(.navbar-toggler) {
  background-color: rgb(97, 97, 97);
  border-color: rgb(97, 97, 97);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus, .show > .btn-outline-secondary[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(97, 97, 97, 0.5);
}
.btn-link:hover {
  color: rgb(87, 87, 87);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
}
.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(87, 87, 87, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(87, 87, 87);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(87, 87, 87, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(87, 87, 87, 0.5);
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(87, 87, 87, 0.5);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(87, 87, 87, 0.5);
}
.custom-select:focus {
  border-color: rgb(87, 87, 87);
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(87, 87, 87);
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.custom-range::-webkit-slider-thumb {
  background-color: rgb(87, 87, 87);
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b0b0b0;
}
.custom-range::-moz-range-thumb {
  background-color: rgb(87, 87, 87);
}
.custom-range::-moz-range-thumb:active {
  background-color: #b0b0b0;
}
.custom-range::-ms-thumb {
  background-color: rgb(87, 87, 87);
}
.custom-range::-ms-thumb:active {
  background-color: #b0b0b0;
}
.page-link:hover {
  color: rgb(87, 87, 87);
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.25);
}
.badge-primary {
  color: #f5f7fa;
  background-color: rgb(87, 87, 87);
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #f5f7fa;
  background-color: #3e3e3e;
}
a.badge-primary:focus, a.badge-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.5);
}
.badge-secondary {
  background-color: rgb(97, 97, 97);
}
a.badge-secondary:hover, a.badge-secondary:focus {
  background-color: #484848;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(97, 97, 97, 0.5);
}
.alert-primary {
  color: #2d2d2d;
  background-color: #dddddd;
  border-color: #d0d0d0;
}
.alert-primary hr {
  border-top-color: #c3c3c3;
}
.alert-primary .alert-link {
  color: #141414;
}
.alert-secondary {
  color: #323232;
  background-color: #dfdfdf;
  border-color: lightgray;
}
.alert-secondary hr {
  border-top-color: #c6c6c6;
}
.alert-secondary .alert-link {
  color: #191919;
}
.progress-bar {
  background-color: rgb(87, 87, 87);
}
.list-group-item.active {
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.list-group-item-primary {
  color: #2d2d2d;
  background-color: #d0d0d0;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #2d2d2d;
  background-color: #c3c3c3;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}
.list-group-item-secondary {
  color: #323232;
  background-color: lightgray;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #323232;
  background-color: #c6c6c6;
}
.list-group-item-secondary.list-group-item-action.active {
  background-color: #323232;
  border-color: #323232;
}
.bg-primary {
  background-color: rgb(87, 87, 87) !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #3e3e3e !important;
}
.bg-secondary {
  background-color: rgb(97, 97, 97) !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #484848 !important;
}
.border-primary {
  border-color: rgb(87, 87, 87) !important;
}
.border-secondary {
  border-color: rgb(97, 97, 97) !important;
}
.text-primary {
  color: rgb(87, 87, 87) !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #313131 !important;
}
.text-secondary {
  color: rgb(97, 97, 97) !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #3b3b3b !important;
}
.consent-switch .consent-input:focus + .consent-label::before {
  outline: 2px solid #8a8a8a;
}
.consent-modal-close:hover, .consent-modal-close:focus {
  color: rgb(87, 87, 87);
}
a.give-consent-preview:focus-visible {
  color: rgb(87, 87, 87);
}
.badge-outline-primary {
  border-color: rgb(87, 87, 87);
  color: rgb(87, 87, 87);
}
a.badge-outline-primary:hover, a.badge-outline-primary:focus {
  color: #f5f7fa;
  background-color: #3e3e3e;
}
a.badge-outline-primary:focus, a.badge-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 87, 87, 0.5);
}
.badge-outline-secondary {
  border-color: rgb(97, 97, 97);
  color: rgb(97, 97, 97);
}
a.badge-outline-secondary:hover, a.badge-outline-secondary:focus {
  background-color: #484848;
}
a.badge-outline-secondary:focus, a.badge-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(97, 97, 97, 0.5);
}
.badge-outline-secondary {
  border-color: rgb(97, 97, 97);
  color: rgb(97, 97, 97);
}
.badge-check {
  border: 2px solid rgb(87, 87, 87);
}
.badge-check .badge-circle {
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.nav-scrollbar-arrow.left {
  background-image: linear-gradient(to right, rgb(255, 253, 253) 30%, rgba(255, 253, 253, 0.01) 100%);
}
.nav-scrollbar-arrow.right {
  background-image: linear-gradient(to right, rgba(255, 253, 253, 0.01) 0%, rgb(255, 253, 253) 70%);
}
@media (hover) {
  .btn-primary:hover {
  background-color: #6b6b6b;
  border-color: #6b6b6b;
  color: #f5f7fa;
  }
}
.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: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
  color: #f5f7fa;
}
.btn-outline-primary {
  border-color: rgb(87, 87, 87);
}
@media (hover) {
  .btn-outline-primary:hover {
  background-color: #cacaca;
  }
}
.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: rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
  color: #f5f7fa;
}
@media (hover) {
  .btn-secondary:hover {
  background-color: #757575;
  border-color: #757575;
  }
}
.btn-outline-secondary {
  border-color: rgb(97, 97, 97);
}
@media (hover) {
  .btn-outline-secondary:hover {
  border-color: rgb(97, 97, 97);
  }
}
.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[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: rgb(97, 97, 97);
}
@media (hover) {
  .btn-icon-primary:hover {
  border-color: rgb(87, 87, 87);
  color: rgb(87, 87, 87);
  }
}
.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: rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
}
.btn-icon-secondary {
  border-color: rgb(97, 97, 97);
  color: rgb(97, 97, 97);
}
@media (hover) {
  .btn-icon-secondary:hover {
  border-color: rgb(97, 97, 97);
  background-color: rgb(97, 97, 97);
  }
}
.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: rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
}
@media (hover) {
  .btn-animated .btn-primary:hover {
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
  }
}
.btn-animated .btn-outline-primary::after {
  background-color: rgb(87, 87, 87);
}
@media (hover) {
  .btn-animated .btn-outline-primary:hover {
  border-color: rgb(87, 87, 87);
  }
}
@media (hover) {
  .btn-animated .btn-outline-primary:hover::after {
  background: rgb(87, 87, 87);
  }
}
.badge-circle:hover, .badge-circle:focus {
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
.badge-circle-1.on-list {
  border: 1px solid rgb(87, 87, 87);
  background-color: rgb(87, 87, 87);
}
.slick-arrow:hover {
  background-color: rgb(87, 87, 87);
}
.carousel-thumbnails .slick-slide.slick-current {
  border: 1px solid rgb(87, 87, 87);
}
.carousel-thumbnails .slick-active .productbox-image-wrapper {
  border-color: rgb(97, 97, 97);
}
.swatches-image.active {
  border: 1px solid rgb(87, 87, 87);
}
.swatches-text.active {
  border: 1px solid rgb(87, 87, 87);
}
.form-icon-trigger-label:hover {
  color: rgb(87, 87, 87);
}
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle=collapse]:focus:not(.navbar-toggler) {
  border-color: rgb(87, 87, 87);
}
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button[data-toggle=collapse]:not(.navbar-toggler) {
  border-color: rgb(87, 87, 87);
}
.fa-sup {
  background-color: rgb(87, 87, 87);
  color: #f5f7fa;
}
.modal-header .close:hover {
  background-color: rgb(87, 87, 87);
}
@media (min-width: 768px) {
  .productbox.productbox-hover:focus-visible .productbox-inner::before, .productbox.productbox-hover:focus-within .productbox-inner::before {
  outline: 2px solid #8a8a8a;
  }
}
.noUi-horizontal .noUi-connect {
  background: rgb(87, 87, 87);
}
.noUi-horizontal .noUi-handle {
  background: rgb(87, 87, 87);
  box-shadow: 0px 0px 0px 5px rgba(87, 87, 87, 0.5);
}
.ribbon-custom.bg-primary {
  border-right-color: #484848;
}
.ribbon-custom.bg-secondary {
  border-right-color: #525252;
}
.stepper .step-active .step-content::after {
  background: rgb(87, 87, 87);
}
@media (max-width: 991.98px) {
  .stepper .step-current .step-content::after {
  background: rgb(87, 87, 87);
  }
}
.tab-navigation .nav-link::after {
  border-color: rgb(87, 87, 87);
}
aside .nav-panel > .nav > .active > .nav-link {
  border-bottom: 0.375rem solid rgb(87, 87, 87);
}
.box_login .register .fa {
  color: rgb(87, 87, 87);
}
.jqcloud-word.w0 {
  color: #a0a0a0;
}
.jqcloud-word.w1 {
  color: #949494;
}
.jqcloud-word.w2 {
  color: #878787;
}
.jqcloud-word.w3 {
  color: #7a7a7a;
}
.jqcloud-word.w4 {
  color: #6e6e6e;
}
.jqcloud-word.w5 {
  color: #616161;
}
.jqcloud-word.w6 {
  color: #595959;
}
.jqcloud-word.w7 {
  color: #515151;
}
.jqcloud-word a:hover {
  color: rgb(87, 87, 87) !important;
}
.file-preview .fileinput-remove:focus-visible {
  outline: 2px solid #8a8a8a;
}
.file-preview .btn-file:focus-visible {
  outline: 2px solid #8a8a8a;
}
.file-drop-zone.clickable:focus {
  border: 2px solid #8a8a8a;
}
.tt-dropdown-menu, .tt-menu {
  color: rgb(57, 57, 57);
  background-color: rgb(255, 253, 253);
}
.modal-header .close:focus {
  background: rgb(87, 87, 87);
}
.btn:focus-visible,
.focus,
:focus-visible {
  outline: 2px solid #8a8a8a;
}
.opc-Video .video-transcript.focus {
  border: 2px solid #8a8a8a;
}
.opc-Video .card-header .btn-link:focus,
.opc-Video .btn-link:focus {
  color: #8a8a8a;
}
.filter-item.active .filter-img, .filter-item:active .filter-img {
  border: 3px solid rgb(87, 87, 87);
}
.filter-search-wrapper.input-group-selected .input-group-text, .filter-search-wrapper.input-group-selected .filter-search {
  border-color: rgb(87, 87, 87);
}
.productlist-filter-categories > .nav-item > .nav-link::before {
  border-color: rgb(87, 87, 87);
}
.swatches-image.focus, .swatches-text.focus {
  outline: 2px solid #8a8a8a;
}
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover {
  background-color: rgb(87, 87, 87);
}
#image_wrapper #gallery .slick-arrow:hover {
  background-color: rgb(87, 87, 87);
}
.bg-recommendation {
  background-color: #cacaca;
}
#cfg-container .custom-control:focus > label {
  outline: 2px solid #8a8a8a;
}
#cfg-container .custom-control:focus-within > label {
  outline: 2px solid #8a8a8a;
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item {
  outline-color: #8a8a8a;
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
  background-color: rgb(87, 87, 87);
  border-color: rgb(87, 87, 87);
}
#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .newsletter-footer-heading,
#footer .btn-outline-primary {
  color: rgb(253, 253, 253);
}
#footer .btn-outline-primary:hover {
  color: #f5f7fa;
}
#footer a:not(.btn):hover {
  color: rgb(87, 87, 87);
}
#footer .box-categories .dropdown .collapse, #footer .box-linkgroup .dropdown .collapse {
  background: rgb(57, 57, 57);
}
#footer .table-striped tr {
  background-color: rgb(57, 57, 57);
}
.account-head-data .account-head-data-credit {
  border: 1px solid rgb(87, 87, 87);
}
#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before {
  border: 8px solid rgb(87, 87, 87);
  border-color: rgb(87, 87, 87) rgb(87, 87, 87) transparent transparent;
}
.cart-dropdown .cart-dropdown-total-item {
  color: rgb(65, 65, 65);
}
.form-control:focus + .input-group-append .input-group-text {
  border-color: rgb(87, 87, 87);
}
.checkout-steps .step-check {
  color: rgb(87, 87, 87);
}
 
/* 2) Eigene Tesi-Regeln: blaue Buttons, Haken, Badge, Swatches */
.square-image .inner {
  position: static !important;
}
 
header a:hover:not(.dropdown-item):not(.btn) {
  color: rgb(87, 87, 87);
}
 
.badge-circle.circle-small {
  background-color: #333 !important;
}
 
.swatches-image {
  width: 50px;
}
 
.btn-primary {
  color: #eee !important;
  border-color: #fff;
  box-shadow: none;
  background-color: #1E477A !important;
}
 
.custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  border-color: #fff;
  background-color: #ff0404 !important;
}
 
.btn-primary:hover {
  background-color: #eee !important;
  border-color: #fff !important;
  border: 1px solid #1e447f !important;
  color: #333 !important;
}
 
.custom-radio .custom-control-label:before {
  border: 1px solid black;
}
 
/*# sourceMappingURL=my-nova.css.map */
/* 4) Kategoriebilder einheitlich (neu, 02.11.2026, noch nicht live getestet) */
.sub-categories .subcategories-image {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 260px;
  margin: 0 auto 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}
.sub-categories .subcategories-image picture { display: contents; }
.sub-categories .subcategories-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;   /* "cover" = Kachel füllen, aber Rand wird abgeschnitten */
}
 

/* ==========================================================
 * Tesi: Neues Header-Menü (Variante C) – Stand 04.11.2026
 * Wirkt nur auf das neue Menü (.tesi-mm…), das alte bleibt unberührt.
 * Sicherung vorher: ~/custom.css (Basisverzeichnis)
 * ========================================================== */
:root {
  --tesi-mm-accent: #2f6b3a;
  --tesi-mm-accent-soft: #e3efe4;
  --tesi-mm-deal: #b8452f;
}

/* Bilder in den neuen Panels ausblenden (verhindert die leeren Bildplätze) */
.tesi-mm .submenu-headline-image { display: none !important; }

/* Clubmaker-Bereich farbig absetzen */
@media (min-width: 992px) {
  .tesi-mm-work > .nav-link {
    background: var(--tesi-mm-accent-soft);
    color: var(--tesi-mm-accent) !important;
    border-radius: 4px;
    margin-left: 0.75rem;
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }
  .tesi-mm-work > .nav-link:hover,
  .tesi-mm-work.active > .nav-link { background: var(--tesi-mm-accent); color: #fff !important; }
}

/* Deals hervorheben */
.tesi-mm-deals .nav-link { color: var(--tesi-mm-deal) !important; font-weight: 700; }

/* Spaltenüberschriften im Panel etwas kräftiger */
.tesi-mm .submenu-headline-toplevel { font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }

/* Aktionskachel rechts im Panel */
.tesi-mm-tile {
  display: grid; gap: 0.35rem;
  background: var(--tesi-mm-accent-soft);
  color: #2b2d2b !important;
  border-radius: 6px; padding: 1rem 1.1rem;
  text-decoration: none !important;
}
.tesi-mm-tile strong { font-size: 1rem; }
.tesi-mm-tile-btn {
  justify-self: start; margin-top: 0.3rem;
  background: var(--tesi-mm-accent); color: #fff;
  border-radius: 4px; padding: 0.3rem 0.7rem; font-size: 0.85rem;
}
.tesi-mm-tile:hover .tesi-mm-tile-btn { filter: brightness(1.12); }

/* Zeile "Shop by" unter der Hauptzeile (nur Desktop) */
@media (min-width: 992px) {
  #mainNavigation .navbar-nav { flex-wrap: wrap; }
  .tesi-mm-shopby {
    order: 99; flex-basis: 100%;
    justify-content: center; align-items: center; gap: 0.6rem;
    padding: 0.35rem 0 0.5rem;
    border-top: 1px solid #e6e6e6;
    font-size: 0.8rem;
  }
  .tesi-mm-shopby-label { color: #777; }
  .tesi-mm-shopby a {
    border: 1px solid #dcdcdc; border-radius: 999px;
    padding: 0.15rem 0.75rem; color: #575757; text-decoration: none;
  }
  .tesi-mm-shopby a:hover { border-color: var(--tesi-mm-accent); color: var(--tesi-mm-accent); }
}

/* Hinweis-Knopf im Testmodus */
.tesi-mm-testbadge {
  position: fixed; right: 16px; bottom: 16px; z-index: 2000;
  background: #2b2d2b; color: #fff !important; font-size: 0.8rem;
  padding: 0.4rem 0.8rem; border-radius: 999px; text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.2);
}