:root {
	/* Variablen deklarieren */
	--darkgray: #4C5459; /* #505050 Text, Navigation (Warenkorb oben) usw.*/
	--lightgray: #dee2e6; /* #dee2e6 Tabellenrahmen usw. */
	--white: #C1D4D9; /* white Hintergrund, Navigationstext usw. */
	--blue: #74888C; /* #028fcc Navigation, Widgets usw. */
	--gray: #F2F2F2; /* whitesmoke dt�s ,Table, Slider usw.*/
	--footerblack: #4C5459; /* #505050 Footerbackground */
	--footerwhite: #F2F2F2; /* white Footertext */
	--highlightpanelbackground: #f8f9fa; /* #f8f9fa Panels mit Highlight (Reifensuche) usw. */
}

/* Felgen ausblenden */ 

.site-header .site-menu>ul>li>a#MasterPageMainMenu_ctl02_MenuButton {
    display: none;
}
.site-header .site-menu>ul>li>a#MasterPageMainMenu_ctl03_MenuButton {
    display: none;
}
.slideable-menu .menu li a#MobileMenuControl_ctl02_MobileMenuButton {
    display: none;
}
.slideable-menu .menu li a#MobileMenuControl_ctl03_MobileMenuButton {
    display: none;
}

/* MobileMenuControl_ctl02_MobileMenuButton  MobileMenuControl_ctl03_MobileMenuButton  */

/* Navigation rechts */
.site-header .site-menu>ul {
    display: table;
    margin: auto;
    margin-right: 30px;
}

/* Allgemeine Seite */
body {
	color: var(--darkgray);
	background-color: var(--white);
}

h1, h2, h3, h4, h5, .h6 {
	color: var(--darkgray);
}

#Content_MainText {
    background-color: var(--gray);
    padding-right: 24px;
    padding-left: 24px;
}
#main_content .container .widget-title{
    margin-top: 1rem;
}
#main_content .container .row div {
    background-color: var(--gray);
    
}
#main_content .container .row div.col-lg-9 {
    background-color: var(--highlightpanelbackground);
    
}

#Content_ServicesPanel #Content_IconPanel1, #Content_ServicesPanel #Content_IconPanel2, #Content_ServicesPanel #Content_IconPanel3, #Content_ServicesPanel #Content_IconPanel4 {
    
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-primary {
	color: var(--highlightpanelbackground);
	background-color: var(--blue);
}

.btn-primary:hover
 {
    background-color: var(--darkgray);
    border-color: var(--darkgray);
}

.btn-outline-primary {
	color: var(--blue);
	border-color: var(--blue);
}

.btn-link {
	color: var(--blue);
}

.btn-link-order {
	color: var(--blue);
}

.btn-link-order:hover {
	color: var(--blue);
	opacity: 0.7;
}

.fa-chevron-down:before {
	color: var(--blue);
}

.bg-faded, .bg-secondary {
	background-color: var(--lightgray) !important;
}

.bg-light {
	background-color: var(--white) !important;
}

.bg-primary {
	background-color: var(--blue) !important;
}

.text-primary {
	color: var(--blue) !important;
}

.text-muted {
	color: var(--darkgray) !important;
}

.text---darkgray {
	color: var(--darkgray) !important;
}

.text---darkgray-50 {
    color: rgba(255, 255, 255, .5) !important;
}

.text---white-25 {
	color: var(--blue) !important;
}

.text-checkout-active {
	color: var(--white) !important;
}

.text-payment {
	color: var(--darkgray);
}

.card {
	background-color: var(--white);
}

.card-header {
	background-color: var(--white);
	color: var(--darkgray);
}

.card-footer {
	background-color: #4C5459;/*var(--footerblack)*/
	color: var(--footerwhite);
}

.widget-title {
	color: #4C5459;/*var(--footerblack)*/
}

.widget-title span {
	color: #4C5459;/*var(--footerblack)*/
}

.widget-title::after {
	background-color: var(--footerwhite); 
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--blue);
    border-color: var(--blue);
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: var(--white);
}

dt {
	color: var(--gray);
}

.table {
	color: var(--gray);
}

/* Popup Dialoge */
.popup_dialog {
	background-color: var(--white);
}

/* Pagination */
.pagination .pages > li.active > a {
	border-color: var(--blue);
	background-color: var(--blue);
	color: var(--white);
}

/* Startseite Obere Navigation */

.site-header .topbar {
    background-color: var(--white);
}

.site-header .toolbar .toolbar-item>a {
	color: var(--darkgray);
	background-color: var(--white);
}

.site-header .search-box-wrap .categories-btn .btn, .input-group>.input-group-append>.btn {
	color: var(--highlightpanelbackground);
	background-color: var(--darkgray);
}

.site-header .search-box-wrap .categories-btn .btn:hover, .input-group>.input-group-append>.btn:hover {
	color: var(--darkgray);
	background-color: var(--highlightpanelbackground);
}
.site-header .search-box-wrap .input-group input{
	color: var(--darkgray);
	background-color: var(--highlightpanelbackground);
}


input.form-control {
	color: var(--darkgray);
	background-color: var(--white);
}

input.form-control:focus {
	color: var(--white);
	background-color: var(--darkgray);
}

.badge.badge-primary {
    background-color: var(--darkgray);
	color: var(--white);
}

/* Startseite Navigation */
.site-header .navbar {
    border-bottom: 1px solid var(--white);
    background-color: #74888C;/*var(--blue)*/
}

.site-header .site-menu>ul>li>a {
	color: var(--highlightpanelbackground);
}

.site-header .site-menu>ul>li:hover>a{
    color: var(--darkgray);
	background-color: var(--white);
}

.toolbar-dropdown, .site-header .site-menu>ul>li .sub-menu {
	background-color: var(--white);
	border: 1px solid var(--white);
}

.site-header .site-menu>ul>li .sub-menu>li>a {
	color: var(--darkgray);
}

.site-header .site-menu>ul>li .sub-menu>li>a:hover {
	color: var(--white);
	background-color: var(--blue);
}

/* Startseite Mittelteil */

.hero-slider {
	background-color: var(--white) !important;
}

.search-panel {
    border: 2px solid var(--lightgray);
    background-color: var(--gray);
}

.nav-tabs .nav-link {
    border-color: var(--lightgray) var(--lightgray) var(--lightgray);
    color: var(--darkgray);
    background-color: var(--white) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: var(--lightgray) var(--lightgray) var(--lightgray);
    color: var(--highlightpanelbackground) !important;
    background-color: var(--blue) !important;
}

.nav-tabs .nav-link:hover {
	border-color: var(--lightgray) var(--lightgray) var(--lightgray);
    color: var(--blue) !important;
}

.nav-tabs .nav-link.active:hover {
	color: var(--white) !important;
}

/* Footer */

.site-footer {
	background-color: #4C5459;/*var(--footerblack)*/
}

.site-links, .widget-light-skin .widget-title, .widget-light-skin .widget-title span {
	color: var(--footerwhite) !important;
}

.market-button {
    background-color: var(--blue) !important;
}

.market-button.mb-light-skin .mb-subtitle, .market-button.mb-light-skin .mb-title {
    color: var(--white);
}

.footer-copyright {
    color: var(--gray);
}

/* Angebotseite */
.offer-wrapper {
	background-color: var(--white);
}

.offer-wrapper .retailer-section {
	color: var(--darkgray);
}

.offer-wrapper .line-items .items .item {
    color: var(--darkgray);
}

/* Produktseiten */
.image-frame {
	background-color: var(--white);
}

.highlight-panel {
	border: 1px solid var(--darkgray);
	background-color: var(--highlightpanelbackground);
	color: var(--darkgray);
}

.salesprice-button {
    border: 1px solid var(--blue);
    background: var(--blue);
	color: var(--white);
}

.silder-silver {
    background-color: var(--white) !important;
}

input:checked + .slider, input:checked + .slider.slider-silver {
    background-color: var(--white) !important;
}

input[type='radio']:checked:after {
    background-color: var(--darkgray) !important;
}

.slider:before {
	background-color: var(--blue);
}

.product-card { 
	background-color: var(--white) !important;
	border: 1px solid var(--lightgray);
}

.product-card .product-card-body {
	border-left: 1px solid var(--lightgray);
}

.product-card .product-button-group {
	border-top: 1px solid var(--white);
}

.product-card .product-button-group .product-button.product-button-default {
    background-color: var(--lightgray);
	color: var(--darkgray);
}

.product-card .product-button-group .product-button:first-child {
    border-left: 1px solid var(--lightgray);
	border-top: 1px solid var(--lightgray);
}

.product-card .product-button-group .product-button {
    border-left: 1px solid var(--white);
	border-top: 1px solid var(--lightgray);
	border-right: none;
	color: var(--white);
}

.product-card .product-button-group .product-button.product-button-primary {
    background-color: var(--white);
    color: var(--darkgray);
	border-top: 1px solid var(--lightgray);
}

.testreport-badge {
	color: var(--white);
	background-color: var(--darkgray);
}

.product-card .product-price {
	color: var(--blue);
}

.slider-tick.in-selection {
	background-image: linear-gradient(to bottom, var(--blue) 0%, var(--blue) 40%);
}

.slider-handle {
    background-image: linear-gradient(to bottom, var(--gray) 0%, var(--gray) 100%);
}

.slider-selection.tick-slider-selection {
	background-image: linear-gradient(to bottom, var(--blue) 0%, var(--blue) 100%);
}

/* Produkt Detailseite */
.product-gallery .product-thumbnails {
	color: var(--darkgray);
	background-color: var(--white);
}

.table td {
	color: var(--darkgray);
}

.product-price-box .text-primary {
	color: var(--blue) !important;
}

/* Warenkorb Flyout */
.offcanvas {
	background-color: var(--white);
}

/* Filialauswahl */
.card.card-body.card-address-store {
	background-color: var(--white) !important;
}

/* Checkout */
.card-success {
	background-color: var(--white) !important;
}

/* Kundencenter */
.user-info-wrapper {
	color: var(--blue) !important;
	background-color: var(--white) !important;
}

a.list-group-item, .list-group-item-action {
	color: var(--darkgray);
	background-color: var(--white);
}

a.list-group-item:hover, .list-group-item-action:hover {
	color: var(--white);
	opacity: 0.9;
}

.list-group-item.active:hover {
	background-color: var(--blue);
	opacity: 0.6;
	color: var(--white);
}

.list-group-item.active {
	background-color: var(--blue);
	border-color: var(--darkgray);
	color: var(--white);
	border-radius: 0px;
}

a.list-group-item::before, .list-group-item-action::before {
	background-color: var(--white);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--blue);
}

.table-striped tbody tr:nth-of-type(odd) td {
	color: var(--white) !important;
}

.table thead th, .table td, .table th {
	border-color: var(--lightgray);
}

/* Alufelgenkonfigurator */
.configurator.card-body {
	background-color: var(--white);
}