/***********************************************************************
       ___         __                        __  _          
      /   | __  __/ /_____  ____ ___  ____  / /_(_)   _____ 
     / /| |/ / / / __/ __ \/ __ `__ \/ __ \/ __/ / | / / _ \
    / ___ / /_/ / /_/ /_/ / / / / / / /_/ / /_/ /| |/ /  __/
   /_/  |_\__,_/\__/\____/_/ /_/ /_/\____/\__/_/ |___/\___/   
      __          ________                 ____      _ __     
     / / __ __   /_  __/ / ___ __ _ ___   / __/__ __(_) /____ 
    / _ | // /    / / / _ | -_)  ' | -_) _\ \ / // / / __/ -_)
   /_.__|_, /    /_/ /_//_|__/_/_/_|__/ /___/ \_,_/_/\__/\__/ 
       /___/                                                                                     

   Theme Name:      Automotive Child Theme
   Description:     Finally a gorgeous website template for car dealerships that doesn’t just look beautiful, but also includes complete easy-to-use functionality. Whether your business is a small car dealer or a large fully functional car dealership, you are sure to find what you need in this automotive template.
   Theme URI:       http://demo.themesuite.com/automotive-wp/
   Version:         4.0
   Author:          Theme Suite
   Author URI:      http://www.themesuite.com/
   Support:         http://support.themesuite.com/
   License:         GNU GPL
   Tags:            white, light, one-column, two-columns, right-sidebar, fluid-layout, editor-style, featured-images, sticky-post, translation-ready
   License URI:     http://demo.themesuite.com/automotive-wp/License/
   Template:        automotive
   
   Place custom CSS below this line
***********************************************************************/

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.card-deck.rechnungen .card-header{
    color:#8c1914;
    font-weight:700;
}

.card-deck.rechnungen .card {
    max-width: 22%;
    flex-basis: 22%;
}

.mb-4{
    margin-bottom:30px !important;
}
.mt-4{
    margin-top:30px !important;
}

/*###################*/

header .bottom-header .navbar-default .navbar-nav > .active > a, .dropdown-menu > .active > a {
    background: rgba(140, 25, 20, 1) none repeat scroll 0 0;
}
.bottom-header .navbar-default .navbar-nav > li:hover > a, .bottom-header .navbar-default .navbar-nav > .active > a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li.active > a:hover {
    background: rgba(140, 25, 20, 1) none repeat scroll 0 0;
}
.toolbar {
    background-color: rgba(227, 227, 227, 0.7);
}
.toolbar ul li a, .toolbar .search_box, header .toolbar button, .toolbar ul li i {
    color: rgba(0, 0, 0, 1);
}
.left-none li:hover a, .right-none li:hover a, .left-none li:hover input, .left-none li:hover i.fa, .right-none li:hover i.fa {
    color: rgba(140, 25, 20, 1);
}
header, .dropdown .dropdown-menu li.dropdown .dropdown-menu, header .navbar-nav.pull-right > li > .dropdown-menu, header .navbar-nav > li > .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.8);
}
header .bottom-header .navbar-default .navbar-nav > li > a, .navbar .navbar-nav li .dropdown-menu > li > a, .dropdown .dropdown-menu li.dropdown .dropdown-menu > li > a, body .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: rgba(0, 0, 0, 1);
}
h3, .page-content h3, .side-content .financing_calculator h3 {
	color: rgba(140, 25, 20, 1);
	font-weight: 600;
}
.wpb_text_column ul {
	padding-left: 15px !important;
}
.wpb_text_column li {
	list-style-type: square !important;
}
.copyright-wrap, .copyright-wrap p {
	font-size: 12px; 
	line-height: 15px;
}
#secondary-banner {
	height: 175px;
	background: transparent no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bottom-header .navbar-default .navbar-nav > .active > a, .bottom-header .navbar-default .dropdown-menu > .active > a {
	color: rgba(255, 255, 255, 1);
}
.main-heading, .secondary-heading {
	display: none !important;
}
h2, .page-content h2, .wp_page .page-content h2 {
	color: rgba(140, 25, 20, 1);
	margin-bottom: 20px;
}

.wpcf7-form label {
	width: 48% !important;
	float: left !important;
}
.wpcf7-form-control-wrap {
	width: 48% !important;
	float: right !important;
}
.wpcf7-form p {
	margin: 0px !important;
}
.wpcf7-form br, #secondary-banner .container {
	display: none !important;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #8C1914 none repeat scroll 0 0 !important;
    border: 1px solid #8C1914 !important;
}
.custom-handle {
    width: 3em !important;
    height: 1.6em !important;
    top: 50% !important;
    margin-top: -.8em !important;
    text-align: center !important;
    line-height: 1.6em !important;
  }
.langzeitmiete-price {
	text-align: center;	 
	color: #8C1914;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 20px;
}
.langzeitmiete-smaller {
	color: #2d2d2d;
	font-size: 11px;
	line-height: 11px;
}
.ui-slider {
	max-width: 80% !important;
	margin: 0 auto !important;
}
body.archive>.message-shadow, body.single>.message-shadow {
	display: none;
}
.left-text {
	text-align: left !important;
}
.facetwp-pager {
	text-align: center !important;
	margin-bottom: 50px !important;
	font-size: 18px !important;
	line-height: 22px !important;
}
.facetwp-facet {
	margin-bottom: 0px !important;
}
.facetwp-type-checkboxes {
	margin-bottom: 4px !important;
}
.noUi-connect {
	background: rgba(140, 25, 20, 1) !important;
}
.facetwp-slider-reset {
	box-shadow: none !important;
	margin-top: 16px !important;
}
.facetwp-type-slider {
	margin-top: 12px !important;
}
#wppb-login-wrap, .wppb-error {
	width: 100%;
	max-width: 450px;
	margin-left: 0px !important;
}
.page-sidebar-kundenbereich ul, .page-sidebar-kundenbereich li {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
}
.page-sidebar-kundenbereich li a {
	width: 100%;
	display: block;
	background: #ffffff;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 5px;
	margin-bottom: 5px !important;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}
.page-sidebar-kundenbereich li a:hover, .page-sidebar-kundenbereich li.current_page_item a {
	color: #ffffff;
	background: #8c1914;
}
h3.kunden {
	margin-top: 0px;
}
.kunden-bild {
	width: 117px;
	height: 150px;
	float: left;
	margin-right: 10px;
	background: #eeeeee;
}
body.page-template-template-kundenbereich-fuhrpark .kunden-bild,
body.page-template-template-kundenbereich-raedereinlagerung .kunden-bild {
	width: 117px;
	height: 70px;
	cursor: pointer;
}
.kunden-info {
	float: left;
}
.data-info {
	padding: 5px;
	line-height: 14px;
	font-size: 12px;
	margin-top: 20px;
}
.kunden-info-bottom {
	display: none;
}
.kunden-info-top, .kunden-info-bottom {
	cursor: pointer;
}
body.page-template-template-kundenbereich-raedereinlagerung h3 {
	float: left;
}
.reifenzustand {
	float: left;
	width: 22px;
	height: 22px;
	background: #dddddd;
	border-radius: 11px;
	margin-right: 12px;
}
.reifenzustand-1 {
	background: #0DE30F;
}
.reifenzustand-2 {
	background: #FAEA04;
}
.reifenzustand-3 {
	background: #ED0302;
}
.backend-trenner {
	width: 100%;
	height: 2px;
	background: #dddddd;
	margin-bottom: 20px;
	margin-top: 20px;
}

a.intsort.active {
	font-weight: bold !important;
	color: #000000 !important;
}

@media (max-width: 991px) {
	.ausstattung li { width: 50%; }
}
@media (max-width: 767px) {
	.ausstattung li { width: 100%; }
}

.ah_langzeitmiete_wrapper input[type="date"],.ah_langzeitmiete_wrapper input[type="text"],.ah_langzeitmiete_wrapper input[type="email"],.ah_langzeitmiete_wrapper textarea{
    padding:0 5px;
}

input[type="date"]{
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #E4E4E4;
}

/*####################*/
/*### FORMS ########*/
/*####################*/

.wppb-register-user ul,.wppb-register-user li{
    list-style-type:none;
}

/*####################*/
/*### FORMS ########*/
/*####################*/

.kundenbereich h3:first-child{
    margin:0 0 10px 0;
}

.txt-red{color: rgba(140, 25, 20, 1) !important;}

.sortieren-nach form{
}

.sortieren-nach select{
    float:none;
    width:auto;
    min-width:30%;
    min-height:auto;
    padding:5px;
}

@media (max-width: 991px) {
    .card-deck.rechnungen .card {
        max-width: 50%;
        flex-basis: 45%;
    }
}
@media (max-width: 599px) {
    .card-deck.rechnungen .card {
        max-width: 100%;
        flex-basis: 45%;
    }
}