:root{
    --red: #e80524;
}

.company-slogan{
    color: var(--red);
}

.xyz-line{
    background-color: var(--red);
}

.hs-widget-toggle:hover{
    background-color: var(--red);
}

.hs-widget-toggle{
    background-color: var(--red);
}

@media screen and (min-width: 992px){
.main-nav ul a:hover, .main-nav .nav-index:hover, .main-nav a.active, .main-nav .nav-index.active {
  color: var(--red);
 }
}

@media screen and (max-width: 991px){
.main-nav .nav-mobile-label {
    background-color: var(--red);
}
}

a, a:hover{
    color: var(--red);
}

.fa-chevron-right:before {
    color: var(--red);
}

@media screen and (max-width: 991px){
    .main-nav a.active {
        color: var(--red);
}
}

.main-nav a.active {
    color: var(--red);
}

h1, h2{
    color: var(--red);
}

@media screen and (min-width: 768px){
.imgbox .label-price:before, .imgbox .label-komplett:before, .imgbox .label-suv:before {
background-color: var(--red);
 }
}

.imgbox-enlarge span{
    color: var(--red);
}

.imgbox .label {
    background-color: var(--red);
}
.imgbox .label-price, .imgbox .label-komplett, .imgbox .label-suv {
    background: none; 
}

@media screen and (max-width: 991px){
    .main-nav .nav-mobile-dropdown,
    .main-nav .nav-mobile-dropdown .fa {
        color: var(--red);
    }
}


.page-footer .fa{
    color: var(--red);
}

.back-to-top{
    background-color: var(--red);
}

#bmf3rd .btn-primary:hover{
    background-color: var(--red);
}

#bmf3rd .btn-primary{
    background-color: var(--red);
}

#columns hr{
 border-top: 1px solid var(--red);
}

.blog-toggle-button{
    color: var(--red);
}

.blog-article-footer hr{
    border-top: 1px solid var(--red);
}

dl.toggle dt:hover{
    background-color: var(--red);
}

dl.toggle dt{
    background-color: var(--red);
}

.abc-nav a:hover{
    border: 1px solid var(--red);
    background-color: var(--red);
}

.secondary-nav a.active{
    color: var(--red);
}

.em strong{
    color: var(--red);
}

.benefit .fa{
    color: var(--red);
}

@media screen and (min-width: 992px){
    .main-nav a.active:before {
        background-color: var(--red);
    }
}

@media screen and (min-width: 992px){
.main-nav a:before {
    background-color: var(--red);
}
}

.hs-widget-form input[type="submit"]{
    background-color: var(--red);
}

input[type="submit"]:hover{
    background-color: var(--red);
}

input[type="submit"], .hbtn{
    background-color: var(--red);
}

.slider-headline,
.slider-headline::before,
.slider-headline:after{
    background-color: var(--red);
}

.slider-headline{
    background-color: var(--red);
}

.super-icon{
    color: var(--red);
    border: 2px solid var(--red);
}

.imgbox-headline{
    color: var(--red);
}
.teaser-label{
    background-color: var(--red);
}
.header-link-toggle{
    border: 1px solid var(--red);
}
.header-link-toggle{
    color: var(--red);
}
.header-link-toggle--active,
.header-link-toggle::before{
    background-color: var(--red);
    color: white;
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .cm-slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .cm-slider {
    background-color: var(--red);
}
.toggle-indicator, .blog-article h2 em {
    color: var(--red);
}
em strong, strong em {
    color: var(--red);
}
.secondary-nav a:hover, 
.secondary-nav a:focus, 
.secondary-nav a.active{
    color: var(--red);
}
.btn-default--ghost {
    color: white !important;
    border: 1px solid var(--red);
}
.btn-default--ghost:hover {
    color: white !important;
}
.btn-default {
    background: var(--red) !important;
}
.btn-default:hover {
    background: var(--red);
    text-decoration: none;
}
table.tb-hofmann tr{
    display: flex;
}
table.team-opening tr{
    display: inherit;
}

table.tb-hofmann td + td{
    flex-grow: 1;
    flex-basis: 0;
    min-width: 180px;
}
.back-to-top:hover {
    background-color: var(--red);
}

#salutation-error {
	color: var(--red);
}
body #bmf3rd .btn-box .fa,
body #bmf3rd .engineTypeTableResult .engineTypeTable .fa-angle-right,
body #bmf3rd .articlesListItem .fa-search, 
body #bmf3rd .carouselListItem .fa-search,
body #bmf3rd .sort .fa-sort-amount-desc, 
body #bmf3rd .sort .fa-sort-amount-asc,
body #bmf3rd .article-details .item-img .fa,
body #bmf3rd .txt-link::before,
body .labelset label,
body input.error, 
body textarea.error,
body #bmf3rd .quick-filters .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single .chosen-selected,
body #bmf3rd .quick-filters .chosen-container-single .chosen-single:hover, 
body #bmf3rd .quick-filters .chosen-container-single .chosen-single:hover span
{
    color: var(--red);
}

body button .fa-chevron-right::before{
    color: white;
}

body #bmf3rd .btn-primary, 
body #bmf3rd .next-btn,
body #bmf3rd .btn-box:hover::before, 
body #bmf3rd .btn-box.selected::before,
body #bmf3rd .btn-box:hover::after, 
body #bmf3rd .btn-box.selected::after,
body #bmf3rd .noUiSlider .noUi-handle,
body #bmf3rd .noUiSlider .noUi-connect,
body #bmf3rd .articlesListItem .fa-search:hover, 
body #bmf3rd .carouselListItem .fa-search:hover,
body #bmf3rd .btn-primary:hover, 
body #bmf3rd .btn-primary:visited, 
body #bmf3rd .btn-primary:checked, 
body #bmf3rd .btn-primary:active, 
body #bmf3rd .btn-primary:focus, 
body #bmf3rd .btn-primary:link, 
body #bmf3rd .next-btn:hover, 
body #bmf3rd .next-btn:visited, 
body #bmf3rd .next-btn:checked, 
body #bmf3rd .next-btn:active, 
body #bmf3rd .next-btn:focus, 
body #bmf3rd .next-btn:link,
body #bmf3rd .article-details .item-title,
body #bmf3rd .article-details .item-img .fa:hover,
body #bmf3rd input[type="radio"].check-box:checked + label.check-box::before, 
body #bmf3rd input[type="checkbox"].check-box:checked + label.check-box::before,
body .btn-send-config,
body #bmf3rd .data-result .item.bodyType:hover .facelift,
body #bmf3rd .btn-close-filter {
    background-color: var(--red) !important;
}
body #bmf3rd .item-selected-wrapper {
    border-top: 6px solid var(--red);
}
body #bmf3rd .item-selected-wrapper [class*="icon-"]::after {
    border-top: 20px solid var(--red);
}
body #bmf3rd .rim-diameters .selected-diameter,
body #bmf3rd .rim-diameters span:hover {
    border-color: var(--red);
}
body #bmf3rd ul.tabs_header li.active,
body #bmf3rd ul.tabs_header li:hover,
body #bmf3rd .tire-sizes div:hover, 
body #bmf3rd .tire-sizes div.selected {
    border-bottom: 4px solid var(--red);
}
body #bmf3rd .rim-sizes div:hover, 
body #bmf3rd .rim-sizes div.selected {
    border-bottom-color: var(--red);
}
body #bmf3rd .tooltip{
    border: 1px solid var(--red);
}
body #bmf3rd .big_drop .drop_select,
body #bmf3rd .big_drop .drop_list > .row:hover, 
body #bmf3rd .big_drop .drop_list > .row.selected,
body #bmf3rd .vehicle-info-oe-tiresizes-item-selected {
    border-left: 3px solid var(--red);
    border-right: 3px solid var(--red);
}
body input.error, 
body textarea.error {
    border: 1px solid var(--red);
}
.hofmann-container .content-generic img{
    margin-top: 0;
}
.hofmann-container table {
    width: auto;
}
.img-responsive.margin-right{
    margin-right: 2rem;
}
.img-responsive.margin-left{
    margin-left: 2rem;
}
.img-responsive.margin-all{
    margin: 2rem;
}
.img-responsive.margin-no-left{
    margin: 2rem 2rem 2rem 0;
}
.img-responsive.margin-no-right{
    margin: 0 2rem 2rem 2rem;
}

.hofmann-container ul,
.hofmann-container ol {
    left: 15px;
    position: relative;
    padding: 0;
}
.btn-primary {
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
}
.job-article .fa-chevron-right:before {
    color: #fff;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: var(--red);
    background-image: none;
    border-color: var(--red);
    }

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
}

dl.toggle.news-normal dt {
    background: var(--red);
}
#bmf3rd .back-btn {
	background: var(--red) !important;
	color: #fff !important;
}

.fileUpload {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}

div.notice {
    cursor: pointer;
    border: 1px solid #c1c1ca;
    padding-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1rem 0 1rem;
}

div.notice .fa {
    font-size: 1.85rem;
}

div.notice p {
    margin-bottom: 1rem;
}

#file1:valid ~ .notice {
    color: green;
}