@media screen {


/*
  bg highlight dark: #343a40
  bg lighter dark: #2a2d32
  bg default dark: #26282c
  bg darker dark: #202327

  text light: #f8f9fa
*/

/*
  bg darker dark: #202327
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* background-color */
body.dark-theme header.bg-white:not(.position-sticky.w-100)
,body.dark-theme .bg-dark
,body.dark-theme .bg-gray-1
,body.dark-theme .modell-slide-2 .carousel-item .bg-light
,body.dark-theme section[modul="service-teaser"] .bg-light
,body.dark-theme section[modul="news-teaser"] .bg-light
,body.dark-theme section[modul="location-slider"] .bg-light
,body.dark-theme section[modul="page_content"].bg-light
,body.dark-theme ._cl_marketplace .result_list_wrapper a[data-id]
,body.dark-theme ._cl_marketplace .bg-anthracite-light
,body.dark-theme ._cl_marketplace .filter-header
,body.dark-theme ._cl_marketplace .cat-box
,body.dark-theme ._cl_marketplace .result_list_wrapper a[data-id].is-loading:after
,body.dark-theme ._cl_marketplace .result_list_wrapper.loading a[data-id]:after
,body.dark-theme ._cl_marketplace .result_list_wrapper a[data-id] .img-holder.loading:after
,body.dark-theme ._cl_marketplace .is-loading:after
,body.dark-theme ._cl_marketplace .bg-light
,body.dark-theme .bg-light
,body.dark-theme #servicesList .bg-light.border-light
,body.dark-theme #account_panel .list-group-item.bg-primary
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu .dropdown-header .text
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu .optgroup-1
,body.dark-theme .auto-tablist .card .row > div:first-child.bg-secondary
  {
	background-color: #202327!important;
}

/* font-color */
body.dark-theme section#csNotice .btn-light
,body.dark-theme section[modul="service-teaser"] .btn-light
,body.dark-theme section[modul="news-teaser"] .btn-light {
  color: #202327!important;
}

/* border-color */
body.dark-theme header [class*="border"]
,body.dark-theme #filterServices .bootstrap-select .dropdown-menu.show .dropdown-divider {
  border-color: #202327!important;
}

/* specials */
body.dark-theme .box-shadow-inset-light
{
  box-shadow: inset 0 0 0 5px #202327;
}



/*
  bg default dark: #26282c
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* background-color */
body.dark-theme
,body.dark-theme header.header-3.bg-white
,body.dark-theme #top-slide-2 .carousel-item > div > .row
,body.dark-theme #top-slide-2 > div > .row
,body.dark-theme .box-shadow-inset-light
,body.dark-theme .location-card .btn-outline-secondary
,body.dark-theme .account-login .is-loading:after
,body.dark-theme form.loginform .is-loading:after
,body.dark-theme #scrollToTop

{
	background-color: #26282c!important;
}
@media (max-width: 991px) {
  body.dark-theme #topnav
  ,body.dark-theme header #topnav .dropdown-item
  {
  	background-color: #26282c!important;
  }
}

/* font-color */

/* border-color */
body.dark-theme .location-card .btn-outline-secondary
{
  border-color: #26282c!important;
}
/* specials */





/*
  bg lighter dark: #2a2d32
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* background-color */
body.dark-theme .modell-slide-2 .carousel-item .bg-white
,body.dark-theme section[modul="service-teaser"] .carousel-item .card
,body.dark-theme section[modul="news-teaser"] .carousel-item .card
,body.dark-theme .bg-light-2
,body.dark-theme .bg-white:not([class*="carousel-control"])
,body.dark-theme .modal-content
,body.dark-theme #servicesList .border-light
,body.dark-theme[data-page="/news"] .card:not(.bg-light)
,body.dark-theme #team .card-body
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body::-webkit-scrollbar-track
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer::-webkit-scrollbar-track
,body.dark-theme #csWrapper .card
{
  background-color: #2a2d32!important;
}

/* font-color */

/* border-color */

body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body::-webkit-scrollbar-thumb
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer::-webkit-scrollbar-thumb {
  border-color: #2a2d32!important;
}

/* specials */




/*
  bg highlight dark: #343a40
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* background-color */
body.dark-theme section#csNotice.bg-anthracite
,body.dark-theme header .navbar-light .dropdown-item
,body.dark-theme header .dropdown-menu
,body.dark-theme section.car-detail-item .bg-light
,body.dark-theme .form-control
,body.dark-theme form .input-group-append .bg-white
,body.dark-theme #toyota-ratenrechner #rr-container
,body.dark-theme .selectpicker + .btn
,body.dark-theme #filterServices .selectpicker + .btn
,body.dark-theme #filterServices .bootstrap-select .dropdown-menu.show .dropdown-item.active
,body.dark-theme #filterServices .bootstrap-select .dropdown-menu.show .dropdown-item:active
,body.dark-theme .custom-control-label:before
,body.dark-theme .bootstrap-select .dropdown-menu
,body.dark-theme .bootstrap-select a.dropdown-item:hover
,body.dark-theme .bootstrap-select a.dropdown-item:active
,body.dark-theme .bootstrap-select a.dropdown-item:focus
,body.dark-theme .ui-datepicker
,body.dark-theme .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable
,body.dark-theme .swal2-popup
,body.dark-theme .user-login .list-group-item
,body.dark-theme #garage .car-item.bg-white
,body.dark-theme #account_panel .list-group-item
,body.dark-theme .fz-description-text .ul-title
,body.dark-theme::-webkit-scrollbar-track
/* ,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body::-webkit-scrollbar-track
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer::-webkit-scrollbar-track */
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu.show .dropdown-item.active
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu.show .dropdown-item:active
,body.dark-theme #csWrapper .btn-light
,body.dark-theme .auto-tablist .card
,body.dark-theme .wait-for-consent
,body.dark-theme section[modul="similar-cars"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="similar-cars"] .carousel-control-prev-icon.text-dark
,body.dark-theme .service_onlinebooking .slot_wrapper .btn-outline-light2

{
  background-color: #343a40!important;
}

/* font-color */
body.dark-theme .threesixty_wrapper ~ .text-black-50 {
  color: #343a40!important;
}

/* border-color */
body.dark-theme section#csNotice.border-bottom
,body.dark-theme .car-detail-item [data-toggle="collapse"].border-bottom
,body.dark-theme .account-login .border-right
,body.dark-theme .fz-description-text hr
,body.dark-theme hr
,body.dark-theme::-webkit-scrollbar-thumb
/* ,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body::-webkit-scrollbar-thumb
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer::-webkit-scrollbar-thumb */
,body.dark-theme #csWrapper .btn-light
,body.dark-theme section[modul="jobsuebersicht"] .border-bottom
{
  border-color: #343a40!important;
}
@media (max-width: 991px) {
  body.dark-theme #topnav > .navbar-nav > .nav-item:not(:last-child)
  {
    border-color: #343a40!important;
  }
}
/* specials */




/*
  text light: #f8f9fa
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* background-color */
body.dark-theme section#csNotice .btn-light
,body.dark-theme section[modul="service-teaser"] .btn-light
,body.dark-theme section[modul="news-teaser"] .btn-light
{
  background-color: #f8f9fa!important;
}

/* font-color */
body.dark-theme header .navbar-light .navbar-nav .nav-link
,body.dark-theme header .navbar-light .navbar-nav .nav-link a.text-reset
,body.dark-theme header .navbar-light .dropdown-item
,body.dark-theme .text-dark
,body.dark-theme #top-slide-2 .carousel-item > div > .row .text-dark
,body.dark-theme #top-slide-2 > div > .row .text-dark
,body.dark-theme section.car-detail-item .text-secondary
,body.dark-theme section.car-detail-item .text-secondary
,body.dark-theme form .table
,body.dark-theme .form-control
,body.dark-theme form .input-group-append .bg-white
/* ,body.dark-theme section[modul="service-teaser"] .btn-outline-dark
,body.dark-theme section[modul="news-teaser"] .btn-outline-dark
,body.dark-theme section[modul="service-teaser"] .btn-outline-dark
,body.dark-theme section[modul="news-teaser"] .btn-outline-dark
,body.dark-theme #servicesList .btn-outline-dark */
,body.dark-theme .btn-outline-dark
,body.dark-theme .btn-outline-secondary
,body.dark-theme #cookieNotice .text-content
,body.dark-theme #csNotice .text-content
,body.dark-theme #cookieNotice a
,body.dark-theme #csNotice a:not(.btn)
,body.dark-theme section[modul="service-teaser"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="service-teaser"] .carousel-control-prev-icon.text-dark
,body.dark-theme section[modul="news-teaser"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="news-teaser"] .carousel-control-prev-icon.text-dark
,body.dark-theme section[modul="similar-cars"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="similar-cars"] .carousel-control-prev-icon.text-dark
,body.dark-theme #toyota-ratenrechner #rr-container
,body.dark-theme #toyota-ratenrechner #rr-container .input-label
,body.dark-theme #form-1
,body.dark-theme #form-2
,body.dark-theme .modal.form
,body.dark-theme .bootstrap-select a.dropdown-item
,body.dark-theme .ui-datepicker
,body.dark-theme .ui-datepicker .ui-state-default
,body.dark-theme .swal2-popup .swal2-title
,body.dark-theme .swal2-popup .swal2-content
,body.dark-theme #filterServices .btn-light
,body.dark-theme .user-login .list-group-item-action
,body.dark-theme #account_panel .list-group-item-action
,body.dark-theme #garage .car-item
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu .dropdown-header .text
,body.dark-theme #csWrapper .btn-light
{
  color: #f8f9fa!important;
}
@media (max-width: 991px) {
  body.dark-theme #topnav > .navbar-nav > .nav-item.dropdown > .nav-link:after
  ,body.dark-theme #topnav > .navbar-nav > .nav-item.dropdown > .dropdown-menu > .dropdown-item.dropdown > .nav-link:after
  {
    color: #f8f9fa!important;
  }
}

/* border-color */
body.dark-theme section#csNotice .btn-light
,body.dark-theme section[modul="service-teaser"] .btn-light
,body.dark-theme section[modul="news-teaser"] .btn-light
/* ,body.dark-theme section[modul="service-teaser"] .btn-outline-dark
,body.dark-theme section[modul="news-teaser"] .btn-outline-dark
,body.dark-theme #servicesList .btn-outline-dark */
,body.dark-theme .btn-outline-dark
,body.dark-theme .btn-outline-secondary

{
  border-color: #f8f9fa!important;
}


body.dark-theme .service_onlinebooking .slot_wrapper .btn-outline-light2 {
  color: #fff!important;
}


body.dark-theme .bootstrap-select>.dropdown-toggle.bs-placeholder
,body.dark-theme .bootstrap-select>.dropdown-toggle.bs-placeholder:active
,body.dark-theme .bootstrap-select>.dropdown-toggle.bs-placeholder:focus
,body.dark-theme .bootstrap-select>.dropdown-toggle.bs-placeholder:hover
{
  color: #6c757d;
}

/*
  resets
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* background-color */
body.dark-theme section[modul="service-teaser"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="service-teaser"] .carousel-control-prev-icon.text-dark
,body.dark-theme section[modul="news-teaser"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="news-teaser"] .carousel-control-prev-icon.text-dark
/* ,body.dark-theme section[modul="similar-cars"] .carousel-control-next-icon.text-dark
,body.dark-theme section[modul="similar-cars"] .carousel-control-prev-icon.text-dark */
{
  background-color: unset!important;
}
@media (min-width: 576px) {
  body.dark-theme section[modul="similar-cars"] .carousel-control-next-icon.text-dark
  ,body.dark-theme section[modul="similar-cars"] .carousel-control-prev-icon.text-dark
  {
    background-color: unset!important;
  }
}

body.dark-theme .modal-header
,body.dark-theme .modal-body[class*='fortype']
,body.dark-theme .modal-footer
,body.dark-theme .form-control
,body.dark-theme .selectpicker + .btn
,body.dark-theme .custom-control-label:before
,body.dark-theme .ui-datepicker
,body.dark-theme #form-2 .border
,body.dark-theme .car-item.border
,body.dark-theme #servicesList .border-light
,body.dark-theme #filterServices .bootstrap-select .dropdown-menu.show .bs-searchbox
,body.dark-theme .user-login .list-group-item.active
,body.dark-theme form.loginform .border-bottom
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu.show .dropdown-divider
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu.show .bs-searchbox
,body.dark-theme .service_onlinebooking .slot_wrapper .btn-outline-light2
{
  border: unset!important;
}




@media (max-width: 991px) {
  body.dark-theme header #topnav .dropdown-item {
    padding-left: 1rem!important;
  }
}

body.dark-theme #account_panel .list-group-item img {
  padding-top: 0!important;
}
body.dark-theme .user-login .list-group-item.active
{
  background-color: #6d757d!important;
}

body.dark-theme .selectpicker + .btn.focus
,body.dark-theme .selectpicker + .btn:focus
,body.dark-theme .form-control.focus
,body.dark-theme .form-control:focus
,body.dark-theme .custom-control-input:focus~.custom-control-label::before {
    outline: 0!important;
    box-shadow: 0 0 0 0.2rem #6d757d;
}




body.dark-theme .ui-datepicker .ui-datepicker-calendar td {
    background-color: #3a4149!important;
}
body.dark-theme .service_onlinebooking .ui-datepicker .ui-datepicker-current-day:not(.ui-datepicker-today) {
  background-color: #17a2b8!important;
}
body.dark-theme .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today
,body.dark-theme #account_panel .list-group-item.active
,body.dark-theme ._cl_marketplace .bootstrap-select .dropdown-menu .optgroup-1 .dropdown-item
{
  font-weight: 700;
}

body.dark-theme img:not([src*="images/logo" i]) {
  -webkit-filter: brightness(0.8) contrast(1.2);
  filter: brightness(0.8) contrast(1.2);
}
body.dark-theme .modell-slide-2 img[src*="dummy"] {
  -webkit-filter: brightness(0) contrast(0.9) opacity(0.3);
  filter: brightness(0) contrast(0.9) opacity(0.3);
}
body.dark-theme .img-holder.placeholder
,body.dark-theme .img-holder.no-image img {
  filter: invert(1);
}

body.dark-theme img[src*="images/brands/"]:not([src-invert]),
body.dark-theme img[src*="images/brands/"][src-invert=""],
body.dark-theme img[src*="mpl"],
body.dark-theme img[src*="icon-360"] {
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  background-color: unset!important;
}

body.dark-theme img[src*="images/brands/"].rounded-circle {
  background-color: #e7ebf3!important;
}

body.dark-theme .stars.text-warning {
  color: #aeb1b4!important;
}



body.dark-theme .btn-success {
  background-color: #2f6f3e;
  border-color: #2f6f3e;
}
body.dark-theme .btn-info {
  background-color: #228190;
  border-color: #228190;
}

body.dark-theme .bg-success {
  background-color: #2f6f3e!important;
}
body.dark-theme .bg-info {
  background-color: #228190!important;
}

body.dark-theme .bg-danger {
  background-color: #9a323c!important;
}

body.dark-theme .account-login .alert-danger {
  color: #dc3545;
  background-color: unset;
  border-color: unset;
  font-weight: bold;
}
body.dark-theme .account-login .alert-success {
  color: #28a745;
  background-color: unset;
  border-color: unset;
  font-weight: bold;
}


body.dark-theme
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer {
	scrollbar-color: #b1b5bc #343a40;
}

body.dark-theme::-webkit-scrollbar-thumb
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-body::-webkit-scrollbar-thumb
,body.dark-theme ._cl_marketplace .fs-overlay-wrapper .filter-footer::-webkit-scrollbar-thumb  {
  background-color: #b1b5bc;
}


body.dark-theme ._cl_marketplace .dropdown.bootstrap-select .dropdown-menu [role="listbox"]
{
  scrollbar-color: #b1b5bc #343a40;
}
body.dark-theme ._cl_marketplace .dropdown.bootstrap-select .dropdown-menu [role="listbox"]::-webkit-scrollbar-track
{
  background-color: #343a40;
}
body.dark-theme ._cl_marketplace .dropdown.bootstrap-select .dropdown-menu [role="listbox"]::-webkit-scrollbar-thumb
{
  background-color: #b1b5bc;
}

body.dark-theme  ._cl_marketplace .sleeping-bus svg .bus {
  stroke: #fff;
  fill: #0c202c;
}
body.dark-theme ._cl_marketplace .sleeping-bus svg .bus .window{
  fill: #fff;
}
body.dark-theme ._cl_marketplace .sleeping-bus svg .p .l {
  stroke: #fff;
}

























.darkmode-switch,
span.switcher,
span.switcher input,
span.switcher label {
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
}
.darkmode-switch {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index: 1000000;
	top: .3rem;
	right: .3rem;
}
footer .darkmode-switch {
	position: relative;
  top: unset;
	right: unset;
}
.darkmode-switch span.switcher {
	position: relative;
	overflow: hidden;
}
.darkmode-switch span.switcher input {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	position: relative;
	outline: none;
	transition: background-color 0s 0.5s;
	font-size: .75rem;
}
.darkmode-switch span.switcher input:before,
.darkmode-switch span.switcher input:after {
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #eeeeee;
}
.darkmode-switch span.switcher input:before {
	left: 1.85rem;
	color: #eeeeee;
	content: "\f186";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
}
.darkmode-switch span.switcher input:after {
	content: "\f185";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	right: 1.85rem;
	color: #1E1E1E;
}
.darkmode-switch span.switcher input:checked:after {
	color: #1E1E1E;
}
.darkmode-switch span.switcher label {
	z-index: 1;
	position: absolute;
	top: 0px;
	bottom: 0.625rem;
	border-radius: 1.25rem;
}
.darkmode-switch span.switcher input:checked {
	background-color: #1E1E1E;
}
.darkmode-switch span.switcher input:checked + label {
	background-color: #1E1E1E;
	-webkit-animation: turn-on 0.5s ease-in-out;
					animation: turn-on 0.5s ease-in-out;
}
.darkmode-switch span.switcher input:not(:checked) {
	background-color: #eeeeee;
}
.darkmode-switch span.switcher input:not(:checked) + label {
	background-color: #eeeeee;
	-webkit-animation: turn-off 0.5s ease-in-out;
					animation: turn-off 0.5s ease-in-out;
}

@-webkit-keyframes turn-on {
	0% {
		left: 100%;
	}
	100% {
		left: 0%;
	}
}
@keyframes turn-on {
	0% {
		left: 100%;
	}
	100% {
		left: 0%;
	}
}
@-webkit-keyframes turn-off {
	0% {
		right: 100%;
	}
	100% {
		right: 0%;
	}
}
@keyframes turn-off {
	0% {
		right: 100%;
	}
	100% {
		right: 0%;
	}
}


}