/*
Theme Name: Minamaze Pro Child
Template: Minamaze_Pro
Version: 1.0
*/

#footer-contact p {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

#footer-contact label {
    flex: 0 0 105px;
    margin: 0;
    text-align: right;
    font-size: 13px;
    color: #e4e8f1;
    font-family: 'Montserrat', Arial, sans-serif;
    padding: 0;
}

#footer-contact input,
#footer-contact textarea {
    flex: 1 1 auto;
    width: 100%;
    padding: 5px 7px;
    background: #1a1d25;
    border: 1px solid #31384a;
    border-radius: 4px;
    font-size: 13px;
    color: #e4e8f1;
    font-family: 'Montserrat', Arial, sans-serif;
    margin: 0 10px;
    transition: border-color 0.18s;
    box-sizing: border-box;
}

#footer-contact textarea {
    min-height: 40px;
    max-height: 90px;
}

#footer-contact input:focus,
#footer-contact textarea:focus {
    border-color: #c33d41;
}

#footer-contact .wpcf7-submit,
#footer-contact input[type="submit"] {
    background: #c33d41 !important;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 0;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    margin: 6px auto 0 40%;
    display: block;
    width: 100%;
    max-width: 180px;
    transition: background 0.18s;
}

form .fa_filters_button {
    background: #F33F3F;
}

.wpcf7-form input[type="submit"] {
    background: #c33d41;
    margin: 0 auto;
    display: block;
}

#footer-contact .wpcf7-submit:hover,
#footer-contact input[type="submit"]:hover {
    background: #a02e32;
}

@media (max-width: 700px) {
    #footer-contact {
        display: none !important;
    }
}

.row.fa_summary_list > table {
    border: 1px solid #303030!important;
    border-collapse: separate
}

.row.fa_summary_list .img-td {
    border-right: 1px solid #303030!important;

}

.fa_summary_list table {
    border-collapse: collapse;
    width: 100%;
    font-family: sans-serif;
    font-size: 18px;
    table-layout: fixed;
}

.fa_summary_list tr {
    width: 100%;
}

.fa_summary_list td,
.fa_summary_list th {
    padding: 8px;
    vertical-align: top;
    box-sizing: border-box;
}

.fa_summary_list .img-td {
    width: 28%;
    max-width: 220px;
    min-width: 120px;
    padding: 0;
    text-align: center;
}

.fa_summary_list .img-td img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
}

@media (max-width: 900px) {
    .fa_summary_list {
        font-size: 16px; /* smaller type for the whole block */
    }
    .fa_summary_list .img-td {
        width: 36%;
        max-width: 160px;
        min-width: 80px;
    }
    .fa_summary_list td:not(.img-td),
    .fa_summary_list th:not(.img-td) {
        width: 64%;
    }
}

@media (max-width: 600px) {
    .fa_summary_list {
        font-size: 15px;
    }
    .fa_summary_list table,
    .fa_summary_list tr,
    .fa_summary_list td,
    .fa_summary_list th {
        display: block;
        width: 100%;
    }
    .fa_summary_list .img-td {
        width: 100%;
        max-width: none;
        margin-bottom: 8px;
    }
    .fa_summary_list .img-td img {
        width: 100%;
        max-width: 320px;
    }
    .fa_summary_list td:not(.img-td),
    .fa_summary_list th:not(.img-td) {
        width: 100%;
    }
}

.fa_summary_list td,
.fa_summary_list th {
    word-break: break-word;
    hyphens: auto;
}

#breadcrumbs a{display: none !important;}

div#breadcrumbs-core {font-size: 20px;}

/**#pg-2-0 {height: 110px !important;
white-space: nowrap;}

#pg-2-0.panel-grid {max-width: 1920px !important;
display: inline-block;}*/

@media screen and (max-width:480px){
    #pg-2-0.panel-grid { display:none; }
}

.fa-post-price {font-size: 34px !important;}

article {text-align: left !important; }

.list-style-2 {font-size: 20px !important;}

h1,h2,h3 {
    font-family: balboa, sans-serif !important;
    font-weight: 500;
    font-style: normal;
}

h1, h2, h3 {
    margin: 0 0 0.2em;
}

h4, h5, h6 {
    font-weight: 700;
}

/*input[type="submit"]
{    background: #125464 !important;}*/


select:focus, textarea:focus {
    background: #353644 !important;
}

select {background: #353644 !important;}

body,
button,
input,
select,
textarea {
    text-align: center !important;
    font-family: serenity, sans-serif !important;
    word-wrap: break-all;
    font-weight: 300;
    font-style: normal;
}

/*.panel-widget-style {
	border-radius: 22px !important;
	background-color: #ffffff !important;
}*/
.themebutton {
    background: #dd3333 !important;
}

table {text-align: left !important;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;}

td {
    padding: 4px 2%;
    border: 2px solid #fff;
    border-left: none;}

td.price-td {padding-right: 20px !important;}

/* Vehicle gallery (bxSlider).
   Photos from mobile.de are 4:3 (e.g. 1493x1120), so the previous fixed
   640x426 pair squashed them vertically. 480 is the exact height of a 4:3
   frame at 640 wide, so most photos now fill the frame with no letterboxing;
   object-fit keeps the odd non-4:3 shot undistorted.
   Width stays 640 on purpose - bxSlider measures slide width at init and
   changing it breaks the layout.
   .bx-viewport needs !important because bxSlider sets its height inline. */
.bx-wrapper {
    width: 640px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bx-wrapper .bx-viewport {
    height: 480px !important;
}

.bx-wrapper img {
    width: 640px !important;
    height: 480px !important;
    object-fit: contain !important;
}

/*Blogseitenansicht (fahrzeuge)**/

#intro.option1 {display: none !important;}

.entry-content {
    font-size: 24px;}

.pag li a {background: #353644 !important;}

.blog-grid {text-align: center !important;}

/*Blogseitenansicht (Importfahrzeuge)**/


.flex-viewport {max-height: 800px !important;}

/*.fa-grid-container {display: none !important;}*/

/*.slides {width: 4000% !important;}**/
.notext{display:none !important}
/* bootstrap cols */

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1200px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

/* ---------------------------------------------------------------------------
   Rules recovered from the Customizer's Additional CSS.
   Additional CSS is stored per theme, so activating Minamaze_Pro-child left
   these six behind under the parent theme. Copied verbatim.
   --------------------------------------------------------------------------- */

.hide-row {
	display: none;
}

input[type="submit"].fa_page {
	background: #F33F3F;
}

input[type="submit"].fa_pagefa_active {
	background: #353644;
}

#footer-contact .wpcf7-form-control-wrap {
	width: 100%;
}

#footer-contact .wpcf7-not-valid-tip {
	color: #ff6d6d;
	font-size: 13px;
	font-weight: 500;
	margin-top: 4px;
	display: block;
	padding: 2px 0 0 0;
	border-left: 3px solid #ff6d6d;
	padding-left: 8px;
	box-sizing: border-box;
}

#slider .featured-link a:hover {
	background: transparent;
	color: #53bed9;
}

/* ===========================================================================
   Vehicle detail page (single fahrzeuge).
   Scoped to body.single-fahrzeuge, so other templates keep the global
   .entry-content 24px and .list-style-2 20px sizing defined above.
   =========================================================================== */

/* The bootstrap grid copied into this file omits the border-box reset, so
   .col-md-8 (770px) + .col-md-4 (385px) exactly fill the 1155px row and the
   12px gutters push them over it - the spec column wrapped below the gallery
   instead of sitting beside it. */
body.single-fahrzeuge .entry-content .row > * {
	box-sizing: border-box;
}

body.single-fahrzeuge .entry-content {
	font-size: 17px;
	line-height: 1.6;
}

/* Cap the measure on description copy; the content column is 1140px wide. */
body.single-fahrzeuge .entry-content p {
	max-width: 78ch;
}

body.single-fahrzeuge .entry-content h3 {
	font-size: 28px;
	margin: 2.2em 0 .9em;
}

/* Spec sheet: the plugin emits a flat <ul> of alternating label/value <li>.
   A two-column grid pairs them up; the float and 50% width from the older
   .data-list rules have to be unset for the grid to take over. */
body.single-fahrzeuge .data-list {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	margin: 0;
}

/* Both cells stretch to the full row height so their bottom borders line up -
   label and value have different font sizes, so centring the box itself
   (align-self) would leave the two underlines at different heights. The text
   is centred inside the stretched box instead. */
body.single-fahrzeuge .data-list li {
	display: flex;
	align-items: center;
	float: none;
	width: auto;
	min-width: 0;
	padding: 9px 0;
	line-height: 1.4;
	border-bottom: 1px solid rgba(100, 100, 100, .16);
}

/* odd items are labels */
body.single-fahrzeuge .data-list li:nth-child(2n-1) {
	clear: none;
	justify-content: flex-start;
	padding-right: 14px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #9a9a9a;
}

/* even items are values */
body.single-fahrzeuge .data-list li:nth-child(2n) {
	justify-content: flex-end;
	padding-left: 14px;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
	color: #2b2b2b;
}

/* Equipment lists: ~140 entries spread over several <ul class="list-style-2">,
   with items carrying either fa-grid-col-10 or fa-grid-col-6. Three columns
   keep German compound words on one line - at four they wrap mid-word. */
body.single-fahrzeuge .entry-content ul.list-style-2 {
	column-count: 3;
	column-gap: 40px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

body.single-fahrzeuge .entry-content ul.list-style-2 > li {
	position: relative;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	margin: 0;
	padding: 4px 0 4px 22px;
	font-size: 15px;
	line-height: 1.45;
	list-style: none;
	overflow-wrap: normal;
	hyphens: auto;
	color: #3a3a3a;
}

body.single-fahrzeuge .entry-content ul.list-style-2 > li::before {
	content: "\2713";
	position: absolute;
	top: 4px;
	left: 0;
	font-weight: 700;
	color: #53bed9;
}

/* ===========================================================================
   Vehicle list (fahrzeugbestand): the plugin renders one <table> per vehicle
   inside div.row.fa_summary_list. Restyled as a card grid without touching
   the plugin markup.
   =========================================================================== */

.row.fa_summary_list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr));
	gap: 26px;
	margin: 0;
}

/* The theme's .row clearfix pseudo-elements become real grid items and would
   take the first cell, pushing card one into the second column. */
.row.fa_summary_list::before,
.row.fa_summary_list::after {
	display: none !important;
}

.row.fa_summary_list > table {
	display: block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #e3e6ea !important;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 25, 35, .05);
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.row.fa_summary_list > table:hover {
	transform: translateY(-3px);
	border-color: #53bed9 !important;
	box-shadow: 0 10px 24px rgba(20, 25, 35, .13);
}

.row.fa_summary_list > table > tbody,
.row.fa_summary_list > table > tbody > tr {
	display: block;
}

.row.fa_summary_list > table > tbody > tr > td {
	display: block;
	width: auto !important;
	max-width: none !important;
}

/* photo: same 4:3 frame for every card regardless of the source crop */
.row.fa_summary_list .img-td {
	min-width: 0 !important;
	padding: 0 !important;
	border-right: 0 !important;
}

.row.fa_summary_list .img-td img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0;
	transition: transform .35s ease;
}

.row.fa_summary_list > table:hover .img-td img {
	transform: scale(1.04);
}

/* inner table carrying title, price and the feature cells.
   box-sizing matters: the theme only sets it on td/th, so the padding added to
   the rows below would otherwise widen them past the card. */
.row.fa_summary_list table.no-border,
.row.fa_summary_list table.no-border > tbody,
.row.fa_summary_list table.no-border > tbody > tr {
	display: block;
	box-sizing: border-box;
	max-width: 100%;
}

.row.fa_summary_list table.no-border td {
	display: block;
	padding: 0 !important;
}

.row.fa_summary_list table.no-border > tbody > tr:first-child {
	padding: 14px 16px 10px;
}

.row.fa_summary_list h5 {
	margin: 0;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3;
}

.row.fa_summary_list a h5 {
	color: #22262e;
}

.row.fa_summary_list > table:hover a h5 {
	color: #2d8fa6;
}

/* price sits on its own line - the cards are too narrow to share a row with
   the title once a model name wraps */
.row.fa_summary_list table.no-border td.price-td {
	margin-top: 4px;
	padding: 0 !important;
	text-align: left !important;
}

.row.fa_summary_list .price-td h5 {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #c33d41;
	white-space: nowrap;
}

/* feature cells become chips. The padding needs the table.no-border prefix:
   `.row.fa_summary_list table.no-border td` above is more specific than a
   plain `td.fa_feature` and would otherwise zero it out. */
.row.fa_summary_list table.no-border > tbody > tr:not(:first-child) {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 16px 6px;
}

.row.fa_summary_list table.no-border > tbody > tr:last-child {
	padding-bottom: 16px;
}

.row.fa_summary_list table.no-border td.fa_feature {
	/* The plugin sets .feature-td { width: 33% }, which flex-basis: auto then
	   honours, clipping longer labels ("Getriebe: Schaltget..."). Size the chip
	   to its text and let the row wrap instead. */
	flex: 0 0 auto;
	width: auto !important;
	padding: 4px 11px !important;
	border-radius: 999px;
	background: #f2f4f7;
	font-size: 12.5px;
	line-height: 1.45;
	color: #454b52;
	white-space: nowrap;
}

.row.fa_summary_list table.no-border td.fa_feature strong {
	font-weight: 500;
	color: #8a9099;
}

/* ===========================================================================
   Vehicle filter panel (fahrzeugbestand).
   =========================================================================== */

/* The plugin lays the filters out as .col-md-4 inside a bootstrap row, giving
   three per line plus a line of its own for the button - 339px before the
   first car. A grid fits seven filters and the button into two rows (148px). */
.row.fa_filters_area {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 12px 16px;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
}

/* clearfix pseudo-elements would take grid cells of their own */
.row.fa_filters_area::before,
.row.fa_filters_area::after {
	display: none !important;
}

.row.fa_filters_area > .col-md-4,
.row.fa_filters_area > .col-xs-12 {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* the button shares the last row with the filters, aligned to their baseline */
.row.fa_filters_area > .col-xs-12 {
	display: flex;
	align-items: flex-end;
}

.fa_filter_form_group {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}

.fa_filter_label {
	display: block !important;
	margin: 0 0 5px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: left !important;
	color: #8a9099 !important;
}

/* Was dark #353644 with #888 text - unreadable. Light field, dark text, and a
   CSS-drawn caret since the native arrow disappears with appearance: none. */
.fa_filter_select {
	width: 100% !important;
	height: 42px !important;
	padding: 0 34px 0 12px !important;
	border: 1px solid #d7dbe0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	background-image:
		linear-gradient(45deg, transparent 50%, #6b7280 50%),
		linear-gradient(135deg, #6b7280 50%, transparent 50%) !important;
	background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px !important;
	background-size: 5px 5px, 5px 5px !important;
	background-repeat: no-repeat !important;
	font-size: 15px !important;
	color: #2b2f36 !important;
	text-align: left !important;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.fa_filter_select:focus {
	background-color: #fff !important;
	border-color: #53bed9 !important;
	box-shadow: 0 0 0 3px rgba(83, 190, 217, .18) !important;
	outline: none;
}

/* The search button rendered white-on-white: the theme's inline options CSS
   (printed after every stylesheet) sets a white background on all submit
   inputs and outranks `form .fa_filters_button` by source order alone.
   Hence !important rather than a longer selector. */
.fa_filters_button {
	width: 100%;
	height: 42px !important;
	padding: 0 26px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: #c33d41 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	color: #fff !important;
	cursor: pointer;
	transition: background .15s ease;
}

.fa_filters_button:hover {
	background: #a02e32 !important;
}

/* --- vehicle page: spacer heading, layout shift, price ------------------- */

/* The template opens .col-md-8 with <h2 style="margin:.3rem">&nbsp;</h2>.
   At the theme's 54px h2 size that is an 81px empty band above the gallery. */
body.single-fahrzeuge .entry-content .col-md-8 > h2 {
	display: none;
}

/* Before bxSlider runs, all 21 slides are stacked, so the page is ~10000px
   tall and collapses the moment the script initialises - a visible jump.
   Reserving the final 640x480 box and hiding the other slides removes it.
   bxSlider then moves .fa-car-slider inside .bx-viewport, so the child
   combinator stops matching and these rules switch themselves off. */
body.single-fahrzeuge .col-md-8 > .fa-car-slider {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
}

body.single-fahrzeuge .col-md-8 > .fa-car-slider > .fa-car-slide:not(:first-child) {
	display: none;
}

body.single-fahrzeuge .col-md-8 > .fa-car-slider img {
	width: 640px;
	height: 480px;
	object-fit: contain;
}

/* price: the only direct <span> of .col-md-4, sitting above the spec sheet */
body.single-fahrzeuge .entry-content .col-md-4 > span {
	display: block;
	margin: 0 0 18px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.15;
	color: #c33d41;
}

/* Slider arrows: bxSlider swaps sprite frames on hover (background-position
   0 -32px -> 0 0), and the theme's `a { transition: .3s }` animates that too,
   so the sprite visibly slides - the arrow drops out and another rolls in.
   The state change has to be instant. */
.bx-wrapper .bx-controls-direction a {
	transition: none !important;
}

/* ===========================================================================
   Narrow screens.
   The card and filter grids already collapse on their own (auto-fill /
   auto-fit), so only the fixed-size pieces need adjusting.
   =========================================================================== */

@media (max-width: 991px) {
	/* four columns of options are unreadable once the content column shrinks -
	   German compound words start breaking mid-word */
	body.single-fahrzeuge .entry-content ul.list-style-2 {
		column-count: 2;
		column-gap: 28px;
	}
}

@media (max-width: 767px) {
	body.single-fahrzeuge .entry-content ul.list-style-2 {
		column-count: 1;
	}

	/* The gallery is pinned to 640x480 on desktop; here it has to follow the
	   column width. aspect-ratio derives the height from the element's own
	   width rather than the viewport (75vw overshot by the page padding and
	   letterboxed the photo by 45px) and stays deterministic, which matters
	   because bxSlider measures the slide before the image has loaded. */
	.bx-wrapper {
		width: 100% !important;
	}

	.bx-wrapper .bx-viewport {
		height: auto !important;
	}

	.bx-wrapper img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 4 / 3;
	}

	/* same reservation for the pre-init state, or the page jumps again */
	body.single-fahrzeuge .col-md-8 > .fa-car-slider {
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
	}

	body.single-fahrzeuge .col-md-8 > .fa-car-slider img {
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
	}

	/* spec sheet: keep label and value on one line but give the value room */
	body.single-fahrzeuge .data-list li:nth-child(2n-1) {
		font-size: 11px;
	}

	body.single-fahrzeuge .entry-content h3 {
		font-size: 24px;
	}
}


/* ---------------------------------------------------------------------------
   Performance (Lighthouse CLS): reserve the logo box before the image loads.
   The parent theme sizes the logo only via max-height, so the <img> has zero
   height until the file arrives and the header menu jumps once it pops in.
   An explicit height plus the file's intrinsic ratio (400x151) gives the
   browser the final box up front. The parent's responsive max-height rules
   (40px on small screens) still clamp it, keeping the rendered size unchanged.
--------------------------------------------------------------------------- */
#logo img {
	height: 50px;
	width: auto;
	aspect-ratio: 400 / 151;
}

/* ---------------------------------------------------------------------------
   Performance (CLS): keep #header in the layout flow until jquery.sticky
   wraps it. The parent theme fixes the header via CSS from the first paint
   (.header-style1.header-sticky #header { position: fixed }), so it occupies
   no space; only the .sticky-wrapper inserted by jquery.sticky at window.load
   provides the ~89px of flow height - and everything below jumps down when it
   appears. Pre-wrap the header sits directly inside #site-header, post-wrap
   it is the wrapper's child, so the direct-child selector stops matching the
   moment the wrapper exists and the theme's fixed positioning takes over.
   The wrapper measures the header's height at wrap time, so the swap is
   net-zero for the content below. On small screens style-responsive.css
   forces "position: static !important", which still wins over this rule.
--------------------------------------------------------------------------- */
body.header-style1.header-sticky #site-header > #header {
	position: relative;
}

/* ---------------------------------------------------------------------------
   Performance (CLS): reserve the vertical scrollbar gutter. On short-ish
   viewports the page only overflows once images/video finish loading; the
   scrollbar appearing mid-load narrows the viewport and shifts the whole
   layout horizontally (measured 0.22 on a cold load). Ignored by browsers
   without scrollbar-gutter support and costs nothing with overlay scrollbars.
--------------------------------------------------------------------------- */
html {
	scrollbar-gutter: stable;
}

/* ---------------------------------------------------------------------------
   Performance (font-display): re-declare the FontAwesome face with
   font-display so icon glyphs don't block rendering. This file loads after
   font-awesome.min.css, so the same family/weight/style declaration wins.
   "block" (not swap) on purpose: icon codepoints have no meaningful fallback
   glyphs - swap would flash tofu boxes. Legacy eot/svg sources dropped.
--------------------------------------------------------------------------- */
@font-face {
	font-family: 'FontAwesome';
	src: url('../Minamaze_Pro/lib/extentions/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	     url('../Minamaze_Pro/lib/extentions/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* ---------------------------------------------------------------------------
   Mobile menu: long items (e.g. "FAHRZEUGBESTAND") wrap to a second line, but
   the parent theme locks every link to height: 50px, so the wrapped line
   spills over the next menu item and the labels overlap. Let items grow.
   Doubled #id selector: this file loads before style-responsive.css, so the
   override needs the higher specificity, not order.
--------------------------------------------------------------------------- */
#header-responsive #header-responsive-inner li a {
	height: auto;
	min-height: 50px;
}

/* ---------------------------------------------------------------------------
   Kill-switch for thinkup-panels scroll-in animations. The parent theme's
   style-shortcodes.css hides animated widgets with "opacity: 0 !important"
   until a waypoint script reveals them; that script is unreliable (and its
   assets are dequeued in functions.php), which left whole sections invisible
   on mobile. Same selector + !important, loaded later, so this rule wins.
   Also good for CLS: content no longer pops in while scrolling.
--------------------------------------------------------------------------- */
.animated[class*="start-"] {
	opacity: 1 !important;
	visibility: visible !important;
	animation: none !important;
}

/* Align the responsive menu on a single axis: labels are centered, but the
   theme pads links asymmetrically (25px left, 50-70px right under the
   absolutely-positioned +/- icons), so every label centered around a
   different midpoint. Symmetric padding puts all items on one axis; the
   toggle icons are position:absolute and keep working on top. */
#header-responsive #header-responsive-inner li a {
	padding-left: 25px;
	padding-right: 25px;
}

/* Sub-items keep a visual hierarchy without the stripped "- " prefix.
   Explicit size: the theme already shrinks sub-menu text, so a relative
   value would compound into an unreadable ~10px. */
#header-responsive #header-responsive-inner .sub-menu li a {
	font-size: 20px;
}

/* ---------------------------------------------------------------------------
   Vehicle detail gallery (bxSlider): with 20+ photos the dot pager wraps to
   two rows, and the CDN stylesheet pins it absolutely to the slider's bottom
   edge (bottom: -30px) - the first row lands on the photo. Put the pager back
   into normal flow below the slider. The CDN <link> is printed inside the
   body (after this stylesheet), so the body-class prefix outweighs it on
   specificity rather than order.
--------------------------------------------------------------------------- */
body.single-fahrzeuge .bx-wrapper .bx-pager {
	position: static;
	padding-top: 12px;
}
body.single-fahrzeuge .bx-wrapper {
	margin-bottom: 25px;
}