/*
 Theme Name:     Qualitaets-Autohaendler
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme für Qualitaets-Autohaendler
 Author:         Elmar Elberskirch
 Author URI:     https://www.bvfk.de
 Template:       Divi
  Text Domain:   qualitaets-autohaendler
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */



.contact-btn {
    height:50px!important;
    text-align:center!important;
    width:auto;
    box-sizing: inherit;
    font: inherit;
    overflow: visible;
    text-transform: none;
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: 1.7em!important;
    background-size: cover!important;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    transition-property: all!important;
    position: relative;
    font-family: inherit;
    display: inline-block;
    margin: 0 0 0 0px!important;
    cursor: pointer;
    -webkit-appearance: button;
    border-radius: 6px!important;
    background-color: #7CDA24!important;
    border: 2px solid #7cda24!important;
    transition: all 0.2s ease!important;
    color: #141414!important;
}

.contact-btn:hover {
    color: #7CDA24!important;
    background-color: #141414!important;
}

.contact-form label, .contact-form legend {
    color: #f7f7f7!important;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    box-sizing: inherit;
    font: inherit;
    position: relative;
    border: 1px solid #bbb!important;
    margin: 0;
    width: 100%!important;
    border-width: 0!important;
    font-size: 14px!important;
    padding: 16px!important;
    background-color: rgba(247,247,247,0.33)!important;
    color: #7CDA24!important;
    -webkit-appearance: initial;
    box-shadow: 0px 2px 18px 0px RGBA(255,255,255,0)!important;
    border-radius: 4px 4px 4px 4px!important;
    overflow: hidden!important;
}

.nachweis-card {
    border-radius:6px;
    overflow:hidden;
}

.nachweis-card-header {
    
}

.nachweis-card-header body {
    color:#000!important;
    text-decoration:none!important;
}

.nachweis-card-body {
    margin:8px;
    padding:12px;
    border-radius: 6px;
    border:2px solid #000;
}

#login-area a:hover {
	opacity:100%!important;
}

.main-cta, .footer-social-item, #bv-scroll-top, .qah_list_object, .partner-card, .main-logo, .login-card, .haendler-tabs, .info-card, .single-view {
  box-shadow: rgba(29, 29, 29, 0.3) 0px 4px 12px, rgba(29, 29, 29, 0.1) 0px 8px 28px, rgba(29, 29, 29, 0.1) 0px 12px 40px!important;
  transition:all 0.2s ease;
  }

.main-logo {
  box-shadow: rgba(29, 29, 29, 0.3) 0px 4px 12px, rgba(29, 29, 29, 0.1) 0px 8px 28px, rgba(29, 29, 29, 0.1) 0px 12px 40px!important;
}
  
.main-cta:hover, .footer-social-item:hover, #bv-scroll-top:hover, .header-social-item:hover, .qah_list_object:hover, .partner-card:hover, .login-card:hover, .haendler-tabs:hover, .info-card:hover, .single-view:hover {
  /*box-shadow: rgba(14, 30, 37, 0.12) 0px 8px 16px 6px, rgba(14, 30, 37, 0.32) 0px 8px 32px 6px;*/
  box-shadow: rgba(29, 29, 29, 0.3) 0px 6px 18px, rgba(29, 29, 29, 0.1) 0px 12px 24px, rgba(29, 29, 29, 0.1) 0px 12px 36px!important;
}

.has-shadow {
  box-shadow: rgba(29, 29, 29, 0.3) 0px 4px 12px, rgba(29, 29, 29, 0.1) 0px 8px 28px, rgba(29, 29, 29, 0.1) 0px 12px 40px;
  transition: all 0.2s ease;
}
.has-shadow:hover {
  /*box-shadow: rgba(14, 30, 37, 0.12) 0px 8px 16px 6px, rgba(14, 30, 37, 0.32) 0px 8px 32px 6px;*/
  box-shadow: rgba(29, 29, 29, 0.3) 0px 6px 18px, rgba(29, 29, 29, 0.1) 0px 12px 24px, rgba(29, 29, 29, 0.1) 0px 12px 36px;
}


input[type=radio] + label:before, input[type=checkbox] + label:before {
  border: 1px solid #1d1d1d!important;
}

input[type=checkbox]:checked + label:before {
  background-color: #AAE122!important;
}

input[type=radio]:checked + label:before {
  background-color: #fff!important;
  box-shadow: inset 0 0 0 4px #AAE122!important;
}

.form-check label {
  font-weight: 400!important;
}

.form-check-first {
  padding-top:12px;
  border-top: 1px solid #bdbdbd;
}

.karten-wrapper {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin:0;
  padding:0;
  overflow:hidden;
}
iframe {
  margin-bottom: -9px!important;
}

.kontakt-form input, .kontakt-form textarea {
  border-radius: 4px;
}

.kontakt-form input:focus, .kontakt-form textarea:focus {
  border: 1px solid #fff!important;
  border-radius: 4px;
}

.login-card {
  flex-direction: column!important;
  flex-wrap: nowrap;
  align-content: normal;
  justify-content: normal;
  align-items: center;
  width:50%;
  margin:auto;
  padding:24px;
  background-color:#fff;  
  color:#1b1b1b;
  border-radius:12px;
}
.bv-custom-button, .bv-custom-button-link {
  min-width: 132px;
  box-shadow: rgba(29, 29, 29, 0.3) 0px 2px 6px, rgba(29, 29, 29, 0.1) 0px 4px 12px!important;
  text-decoration:none!important;
}

button, input[type=submit], .bv-custom-button, .bv-custom-button-link, .et_pb_button, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
	border-radius:4px;
	cursor:pointer;
	padding: 12px 21px!important;
	margin: 6px;
}

.sub-menu .menu-item, .sub-menu .menu-item a {
	min-width: 100%!important;
}

.sub-menu {
	min-width: 300px;
}

.nav .menu-item a::after{
	top:10px!important;
}

.et_pb_button:hover {
	box-shadow: rgba(29, 29, 29, 0.3) 0px 4px 12px, rgba(29, 29, 29, 0.1) 0px 8px 28px;
	text-decoration: none!important;
}

.partner-wrapper {
  width:33.333%;
}



@media (max-width: 996px){
  .login-card {
    width:97%;
  }
  .info-card-wrapper {
    flex-direction: column;
  }
  .info-card {
    width:100%;
  }
  .info-first {
    margin-right:0px;
  }
  .info-second {
    margin-left:0px;
  }
  .haendler-tabs {
    padding:0px;
    margin-left:0px!important;
    margin-right:0px!important;
  }
  #qah_list_wrapper {
    width:100%;
  }
  .partner-wrapper {
    width:50%;
  }
}


@media (max-width: 767px){
  .partner-wrapper {
    width:100%;
  }
}
@media only screen and (min-width: 981px) {
	.et_header_style_left #et-top-navigation{
		padding:12px 0px 12px 0px!important;
	}
}

@media (max-width: 980px) {
	.qah-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
        gap:21px;
	}
	.qah-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}