.btn-primary {
    text-transform: inherit;
}

@media (min-width: 1024px) {
    body.blog-entry #header-slider .header-envkv-info {
        font-size: 1em;
    }
}

/** Globale CSS Einstellungen **/

#footer #pre_area {
    border-bottom: solid 3px #2f6d55;
}

.headline-h1 {
    font-weight: 600;
}

@media (min-width: 1700px) {
    .site-home .search-left-area {
        border-right: 0;
        background: #fff;
    }
}

.header-menu-fixed #header {
    background: #fff;
    box-shadow: 0 0 5px #c1c1c1;
}

.site-home .header-area-indi.block_directions_map_search {
    border-bottom: 3px solid #e30613;
    border-top: 3px solid #e30613;
}

@media (min-width: 1700px) {
    .secondary-highlight {
        border-top: none;
    }
}

#section-vehicles-home .quicksearch .btn {
    font-weight: 500;
}

.headline-h2 {
    font-size: 40px;
    font-weight: 600;
}

.subheadline-h2 {
    font-size: 30px;
}

#header-slider .owl-carousel .item {
    background-position: center;
}

.nav-area-lines li.dropdown a {
    color: #292a23;
    font-weight: 600 !important;
}

#header-slider .carousel-caption .h2 {
    text-shadow: 1px 1px 5px #000;
    font-weight: 600;
}

#header-slider .carousel-caption .h3,
.site-home #header-slider .carousel-caption .left-top-1,
.site-home #header-slider .carousel-caption .left-top-2 {
    text-shadow: 1px 1px 5px #000;
}

/* RM: New Featured Box - no space between header */
.site-home .featured-menu-boxes {
    margin-bottom: 30px !important;
    margin-top: -30px !important;
}

/* Startseite responsive CL */
@media (max-width: 420px) {
    .headline-h1,
    .headline-h2 {
        font-size: 24px;
    }

    .subheadline-h2 {
        font-size: 18px;
    }
}

/* JC Colors and Quicksearch Changes at Homepage and Showroom */
.site-home .header-area-indi.block_directions_map_search {
    border-bottom: 2px solid #2f6d55;
    border-top: 2px solid #2f6d55;
}

.pageid-386 .audaris-widget .btn-primary,
.pageid-532 .audaris-widget .btn-primary,
.pageid-532 .audaris-widget .bg-primary,
#menu-social-floating .tiktokflat,
#menu-social-floating .threadsflat,
#menu-social-floating .x-twitterflat,
#menu-social-floating .instagramflat,
#menu-social-floating .instagramflat:not(:hover) i {
    background: #2f6d55;
}

.secondary-highlight,
.vehicle_quicksearch_bereich_icons .nav-tabs > li:last-child {
    display: none;
}

.vehicle_quicksearch_bereich_icons .nav-tabs > li {
    width: 100%;
}

@media (min-width: 1700px) {
    #header-slider .item {
        padding-bottom: 456px;
    }

    .pageid-386 .vehicle_quicksearch_bereich_icons .tab-content {
        padding: 64px 15px;
    }

    .site-home .header-area-indi.block_directions_map_search {
        margin-bottom: -30px;
    }
}

@media (min-width: 992px) and (max-width: 1699px) {
    .header-area-indi.block_directions_map_search .search-left-area > .highlight-search {
        border-right: none;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .header-area-indi .highlight-search {
        border-bottom: none;
    }
}

.audaris-widget .btn-trapezium span::after,
.audaris-widget .btn-trapezium span::before {
    border-color: #0000 #0000 #2f6d55 !important;
}

.audaris-widget .bg-gradient-primary {
    background-image: linear-gradient(108deg, #2f6d55 50%, var(--color-tertiary, #434343) calc(50% + 1px)) !important;
}

.bg-grey {
    background: #f0f0f0;
    padding: 40px;
}

.blog-post [data-container='image-slider'] {
    margin: 0;
}

/* JC Anpassungen der Barrierefreiheit */
.checkbox-toggle-container {
    border: 1px solid #737373 !important;
}

.form-control {
    border: 1px solid #737373;
}



/***************** KACHELBILD MIT BATCH CM **********/

.img-wrap {
  position: relative;
  display: inline-block;
}
.img-base{
  display: block;
}


.stoerer {
  position: absolute;
  top: 5%;
  color: #151617;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.28));
  z-index: 2;
  max-width: 95%;
}

.bar {
  position: relative;
  padding: 10px 22px;
}


.bar-top {
  background: #E9D471;
  width: clamp(260px, 44%, 520px);
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
}

.title {
  text-transform: uppercase;
  color: #151617;
}

/***************** KACHELBILD MIT BATCH END CM **********/

/************** AUDA CARD *******************/

.auda-card {
    background: #94CCB5;
    border-radius: 15px;
    padding: 20px;
    margin: 15px auto;
    max-width: 500px;
    height: 350px;
    box-shadow: 0 10px 14px rgb(0 0 0 / 20%);
    transition: all 0.3s ease-in-out;
}

.auda-card:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
}

.auda-card h3 {
    font-weight: bold;
    margin-bottom: 0;
}

.auda-card h4 {
    font-weight: bold;
    margin-top: 0;
    color: #000;
}

.auda-card p {
    color: #94CCB5;
    font-weight: 500;
}

.auda-card ul {
    padding-left: 20px;
    margin-top: 10px;
}

.auda-card ul li {
    margin-bottom: 8px;
    color: #fff;
    font-weight: bold;
}

/************** AUDA CARD END **************/


/************** AUDA CARD 2 *******************/

.auda-card-2 {
    background: #94CCB5;
    border-radius: 15px;
    padding: 20px;
    margin: 15px auto;
    max-width: 500px;
    height: 500px;
    box-shadow: 0 10px 14px rgb(0 0 0 / 20%);
    transition: all 0.3s ease-in-out;
}

.auda-card-2:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
}

.auda-card-2 h3 {
    font-weight: bold;
    margin-bottom: 0;
}

.auda-card-2 h4 {
    font-weight: bold;
    margin-top: 0;
    color: #000;
}

.auda-card-2 p {
    color: #94CCB5;
    font-weight: 500;
}

.auda-card-2 ul {
    padding-left: 20px;
    margin-top: 10px;
}

.auda-card-2 ul li {
    margin-bottom: 8px;
    color: #fff;
    font-weight: bold;
}

@media (max-width: 420px) {
    .auda-card-2 {
        height: auto
    }
}
/************** AUDA CARD 2 END **************/

/**************************** KS BOX ****************************/
.ks-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (min-width: 992px) {
    .ks-container {
        gap: 35px;
        justify-content: center;
        margin: 0 auto;
    }
}

.ks-container .kunden-box p {
    margin: 10px 0 0;
}

.kunden-box {
    padding: 32px;
    border: 1px solid oklch(96.7% 0.003 264.542deg);
    box-shadow: 0 1px 3px 0 #0000001a;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease;
}

.kunden-box .kunden-name {
    font-weight: 700;
    font-size: 18px;
}

.kunden-box .burkard-relaunch-icon-connotation {
    opacity: 0.1;
    margin-top: 20px;
}

.kunden-box .verification-status {
    font-size: 13px;
    color: #2F6D55;
    margin-top: 16px;
}

.kunden-box .verification-status::before {
    content: '\f05d';
    font-family: FontAwesome;
    font-size: 16px;
    width: 16px;
    height: 16px;
    padding-right: 10px;
}

.kunden-box::after {
    content: '';
    background: linear-gradient(to bottom right, oklab(29.6426% -0.00101508 0.00340201 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
    width: 256px;
    height: 256px;
    position: absolute;
    border-radius: 500px;
    top: -128px;
    right: -128px;
    transition: 0.3s ease;
}

.kunden-box p {
    color: #333;
    line-height: 24px;
    font-size: 15px;
}

.kunden-box:hover {
    box-shadow: 0 25px 50px -12px #00000040;
    transform: translateY(-5px);
}

.kunden-box:hover::after {
    transform: scale(1.2);
}

@media (min-width: 992px) {
    .ks-container .kunden-box {
        flex: 1;
        min-height: unset;
        min-width: 290px;
        width: unset;
    }
}

@media (min-width: 1600px) {
    .ks-container .kunden-box {
        min-width: 380px;
    }
}



/************************************************************** Responsive Tabelle ********************************************/ 

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(23, 63, 53, 0.15);
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #1D2925;
  font-style: normal;
  text-align: left;
}

.responsive-table,
.responsive-table * {
  box-sizing: border-box;
}

.responsive-table th,
.responsive-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #D8DFDC;
}

.responsive-table th {
  background: #2F6D55;
  color: #FFFFFF;
  font-weight: 700;
  text-align: left;
}

.responsive-table tbody tr:nth-child(even) {
  background: #F3F3F3;
}

.responsive-table tr:last-child td:last-child { border-bottom: 0; }

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody,
  .responsive-table tr, .responsive-table td {
    display: block;
    width: 100%;
  }
  .responsive-table {
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .responsive-table tr {
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid #D8DFDC;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 5px 18px rgba(23, 63, 53, 0.10);
  }
  .responsive-table td {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #D8DFDC;
    text-align: left;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .responsive-table td:last-child { border-bottom: 0; }

  .responsive-table td::before {
    content: attr(data-label);
    color: #53635E;
    text-align: left;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
}

/********************************************** EPIQ BANNER ELEMENT **********************************************/

/* EPIQ & PEAQ Promo Banner */
.epiq-promo{font-family:Arial,Helvetica,sans-serif;color:#0a0a0a;overflow:hidden}
.epiq-promo__row{margin:0;display:flex;flex-wrap:wrap}
.epiq-promo__text{background:#82f0ab;padding:60px 60px 40px;display:flex;flex-direction:column}
.epiq-promo__eyebrow{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center}
.epiq-promo__dash{width:20px;height:2px;background:#0a0a0a;margin-right:10px}
.epiq-promo__title{font-size:46px;font-weight:800;line-height:1.05;margin:0 0 20px}
.epiq-promo__subtitle{font-size:20px;font-weight:700;margin:0 0 12px}
.epiq-promo__desc{font-size:15px;line-height:1.5;max-width:420px;margin:0 0 28px}
.epiq-promo__date,.epiq-promo__address{border-top:1px solid rgba(0,0,0,.25);padding:16px 0}
.epiq-promo__date{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.25)}
.epiq-promo__date-day{font-size:36px;font-weight:800;margin-right:20px;white-space:nowrap}
.epiq-promo__date-info{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.epiq-promo__date-info strong{font-weight:700}
.epiq-promo__address{font-size:14px;text-decoration:underline;margin:0 0 24px}
.epiq-promo__btn{display:inline-flex;align-items:center;justify-content:space-between;background:#fff;color:#0a0a0a;font-weight:700;font-size:15px;text-decoration:none;padding:14px 22px;max-width:300px;border-radius:2px;margin-bottom:14px;transition:background .2s}
.epiq-promo__btn:hover,.epiq-promo__btn:focus{background:#eee;color:#0a0a0a;text-decoration:none}
.epiq-promo__btn .epiq-promo__arrow{margin-left:14px}
.epiq-promo__note{font-size:13px;margin:0}
.epiq-promo__media-row{margin:0;height:100%;display:flex}
.epiq-promo__media-col{padding:0;position:relative;min-height:480px}
.epiq-promo__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#ccc}
.epiq-promo__tag{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;color:#0a0a0a;padding:10px 14px;text-decoration:none;display:block}
.epiq-promo__tag span{display:block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}
.epiq-promo__tag strong{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:800}
.epiq-promo__tag:hover,.epiq-promo__tag:focus{text-decoration:none;color:#0a0a0a}
@media (max-width:767px){
.epiq-promo__text{padding:40px 24px 32px}
.epiq-promo__title{font-size:32px}
.epiq-promo__media-col{min-height:260px}
}