/*
Theme Name:     Riess Gruppe
Author:         RIESS / 2code
Description:    Riess Gruppe
Version:        1.2
*/


@font-face {
    font-family: "Neue Haas Unica Pro";
    src:
        url("assets/fonts/Webfonts_NeueHaasUnicaPro//webFonts/NeueHaasUnicaProRegular/font.woff") format("woff"),
        url("assets/fonts/Webfonts_NeueHaasUnicaPro//webFonts/NeueHaasUnicaProRegular/font.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: "Neue Haas Unica Pro";
    src:
        url("assets/fonts/Webfonts_NeueHaasUnicaPro//webFonts/NeueHaasUnicaProBlack/font.woff") format("woff"),
        url("assets/fonts/Webfonts_NeueHaasUnicaPro//webFonts/NeueHaasUnicaProBlack/font.woff2") format("woff2");
    font-weight: 900;
}

@media (min-width:1720px) {
    .container {
        max-width: 1720px;
        padding: 0;
    }

    body.landingpage .container {
        max-width: 1280px;
    }
}

/*

:root {
    --darkbg: #08090E;
    --greytext: #B1B7C0;
    --bluebright: #E8EDF2;
    --blue: #56A5FF;
    --dark-2-36: #00000075;
    --dark-2-50: #000000a7;
    --dark-2-70: #000000c6;
    --dark-2: #000000;
    --dark-1: #212834;
    --bright-20: #FFFFFF33;
    --bright: #FFF;

    --color_bright_1_raster20: var(--bright-20);
    --white: #FFF;
    --green: #1CD435BF;
    --gold: #BF8608;
    --yellow: #fdc900;
    --cyan: #09b0ad;
    --ared: #df0000;

    --infoblue: #122337;
    --infoyellow: #463101;
    --infored: #460101;
}
*/

* {
    box-sizing: border-box;
    position: relative;
}

.hintblock p {
    word-break: break-word;
}

.hinweisbox {
  margin-bottom: 15px;
  margin-top: 20px;
  background: var(--infoblue) !important;
  border-left: 4px solid var(--blue) !important;
  font-size: 0.9em;
}

    .hinweisbox.yellow {
        background: var(--infoyellow) !important;
        border-left: 4px solid var(--yellow) !important;
    }

    .hinweisbox.red {
        background: var(--infored) !important;
        border-left: 4px solid var(--ared) !important;
    }

html {
    margin: 0;
    position: relative;
    scrollbar-width: thin;
}

body {
    font-family: "Neue Haas Unica Pro";
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    color: var(--bright);
    font-weight: 400;
    background-color: var(--darkbg);
    /* Fallback background color */
    /* background-image: url('assets/images/background-riess.webp');
    background-repeat: no-repeat; */
}

    body.font-style-2 {
        font-family: "Arial" !important;
        font-size: 18px !important;
        line-height: 23px !important;
    }

        body.font-style-2 h1, body.font-style-2 h2, body.font-style-2 h3 {
            font-family: "Arial" !important;
        }

body.open-overlay {
    overflow: hidden;
}

svg foreignObject {
    display: none;
}

.hover-up,
section.brand-models .model {
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.hover-up:hover,
section.brand-models .model:hover {
    transform: translateY(-2px);
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

section.two-slider .slide-content>a img,
.vehicle-card .mobile-wrap img {
    transition: all 0.3s ease 0s;
}

section.two-slider .slide-content>a:hover img,
.vehicle-card:hover .mobile-wrap img {
    transform: scale(1.1);
}

main {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 40px;
    padding-bottom: 0;
}

.container {
    padding: 0 20px;
}

.container .container {
    padding: 0;
}

svg,
svg path {
    fill: var(--accent-color);
}

header .header-content button.search {
    min-width: 323px;
}

header .search.toggle svg * {
    stroke: var(--accent-color-ondark);
}



header svg path {
    fill: var(--accent-color-ondark);
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

img[data-src] {
    cursor: pointer;
}

img.icon {
    border-radius: 0;
}

video {
    max-width: 100%;
}

section {
    display: inline-block;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.zitatquote {
    font-size: 2em;
    font-weight: 900;
    color: var(--accent-color);
}

h1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 900;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    body.font-style-2 h1 {
        font-size: 50px;
    }

h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    body.font-style-2 h2 {
        font-size: 36px;
    }

h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 0.24px;
    margin-bottom: 18px;
}

    body.font-style-2 h3 {
        font-size: 21px;
    }

h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: 0.18px;
    text-transform: none;
    margin-bottom: 20px;
}

p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    margin-bottom: 15px;
}

p:last-of-type {
    margin-bottom: 0;
}

span.smaller,
p.smaller {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.16px;
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--accent-color);
    transition: all 0.5s;
}

a:hover {
    color: var(--accent-color);
    text-decoration: underline;
}

.standard-box h2 {
    margin-bottom: 18px;
}

.pseudo-button,
button,
a.button-link,
input.wpcf7-submit {
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;

    background-color: transparent;
    border: 3px solid var(--accent-color);
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--bright);
    padding: 14px 34px;
    transform: skew(-20deg);
    margin: 0px 12px;
    width: fit-content;
    text-align: center;

    cursor: pointer;
}

.pseudo-button:hover,
button:hover,
a.button-link:hover,
input.wpcf7-submit:hover {
    background-color: var(--accent-color);
    color: var(--bright);
}

body.accent-color-white .pseudo-button:hover,
body.accent-color-white button:hover,
body.accent-color-white a.button-link:hover,
body.accent-color-white input.wpcf7-submit:hover {
    background-color: var(--accent-color);
    color: var(--darkbg);
}

.pseudo-button.bright-border,
button.bright-border,
a.button-link.bright-border,
input.wpcf7-submit.bright-border {
    border-color: var(--bright);
}

.pseudo-button.full,
button.full,
a.button-link.full {
    background-color: var(--accent-color);
    color: var(--bright);
    border-color: var(--accent-color);
}

.pseudo-button.full:hover,
button.full:hover,
a.button-link.full:hover {
    color: var(--accent-color);
    background-color: var(--bright);
    border-color: var(--bright);
}

body.accent-color-white .pseudo-button.full,
body.accent-color-white button.full,
body.accent-color-white a.button-link.full,
.bright a.button-link,
.bright button {
    color: var(--dark-2);
}

.bright {
    color: var(--dark-2);
}

span.menu-lvl-1-toggle-icon {
    display: contents;
}

header .search.toggle span.toggle-icon-close svg * {
    stroke: #FF0000;
}
header .header-content button.contact svg,
header .search.toggle span.toggle-icon-close svg,
header .header-content button.locations svg
{
    height: auto;
}
header .search.toggle span.toggle-icon-close svg{
    width: 18px;
}
header .header-content button.contact svg{
    width: 18px;
}
header .header-content button.locations svg{
    width: 14px;
}

.frontpage-hero-slider {
    max-height: 840px;
    overflow: hidden;
}

.pseudo-button span,
button span:not(.menu-lvl-1-toggle-icon),
.button-link span,
.skew-fix {
    display: inline-block;
    transform: skew(20deg);
}

/* Match header visual style for the Jobs link */
header .header-content a.jobs {
    border: none !important;
    border-radius: 4px;
    background: var(--dark-2-70) !important;
    color: var(--bright) !important;
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(6px);
    margin: 0;
    transform: none !important;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    padding: 13.5px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

header .header-content a.jobs:hover {
    background: var(--dark-2-70) !important;
    color: var(--bright) !important;
    text-decoration: none;
}

/* Ensure no inner counter-skew is applied */
header .header-content a.jobs span {
    transform: none !important;
    display: flex;
}

/* Jobs icon sizing and spacing like contact */
header .header-content a.jobs svg {
    height: auto;
    width: 18px;
}

header .header-content a.jobs span.menu-lvl-1-toggle-icon svg {
    margin-left: 15px;
}

.peudo-button.full.gold,
button.full.gold,
.button-link.full.gold {
    background-color: var(--gold);
    border-color: var(--gold);
}

.peudo-button.full.gold:hover,
button.full.gold:hover,
.button-link.full.gold:hover {
    color: var(--gold);
}

.pseudo-button.small-font,
button.small-font,
.button-link.small-font {
    font-size: 16px;
    line-height: 20px;
}

.pseudo-button.bright,
button.bright,
.button-link.bright {
    border-color: var(--bright);
    color: var(--bright);
}

.pseudo-button.bright:hover,
button.bright:hover,
.button-link.bright:hover {
    background-color: var(--bright);
    color: var(--dark-2);
}

.pseudo-button.on-right,
button.on-right,
.button-link.on-right {
    margin-left: auto;
}

.small-text {
    font-size: 13px;
    line-height: 18px;
    color: var(--greytext);
}

.accent-text {
    color: var(--accent-color);
}

.subtext {
    position: absolute;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 13px;
    border-radius: 10px;
    background-color: var(--dark-2-36);
    backdrop-filter: blur(12.5px);
}

.subtext,
.subtext * {
    font-size: 13px;
    line-height: 18px;
    color: var(--greytext);
}

hr {
    margin: 10px 0;
    opacity: 1;
    color: var(--bright-20);
}

.row,
.row>* {
    --bs-gutter-x: 40px;
}

input {
    accent-color: var(--accent-color);
}

input[readonly]:active,
input[readonly]:focus {
    outline: none;
}

.c-select {
    position: relative;
}

.c-select select {
    width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

select::-ms-expand {
    display: none;
}

.c-select::after {
    content: url("assets/images/select-arrow.svg");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 22px;
    z-index: 1;
    pointer-events: none; /* Klicks durchlassen */
}

.datetimepicker-wrap input,
.datetimepicker-wrap label {
    width: 100%;
}

.datetimepicker-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.datetimepicker-wrap .raw-datepicker

/* .datetimepicker-wrap .raw-timepicker */
    {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.datetimepicker-wrap .formatted-datepicker

/* .datetimepicker-wrap .formatted-timepicker  */
    {
    position: relative;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box;
}

.datetimepicker-wrap .timepicker-error-message,
.datetimepicker-wrap .datepicker-error-message {
    color: var(--bright);
    font-size: 0.85em;
    margin-top: 10px;
    display: none;
}

.datetimepicker-wrap input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}



input[type="range"] {
    height: 5px;
}

.input-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.input-radio label {
    margin-bottom: 0;
}

.input-radio+.input-radio {
    margin-top: 8px;
}

input[type="radio"] {
    height: 20px;
    width: 20px;
}

section .button-wrap {
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

#variante-select:disabled {
    opacity: 0.6;
    cursor: not-allowed; /* Optional: Cursor zeigt Deaktivierung */
}

select[name="ez_from"]:disabled {
  opacity: 0.6;
  cursor: not-allowed !important; /* Optional: zeigt, dass es deaktiviert ist */
}

.event-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.event-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 20px;
}

.event-item .event-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.event-item p,
.event-item h4 {
    margin-bottom: 0;
    text-transform: none;
}

.event-item .details {
    display: flex;
    flex-wrap: wrap;
}

.event-item .details p {
    display: inline-block;
}

.event-item.active .date-box {
    background-color: var(--accent-color);
}

.date-box {
    text-transform: uppercase;
    background-color: var(--dark-1);
    color: var(--bright);
    border-radius: 4px;
    padding: 5px 10px 10px 10px;
    width: 160px;
    height: 76px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.date-box .date-separator,
.date-box .event-day {
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.36px;
}

.date-box .date-separator {
    display: flex;
    align-items: start;
    height: 100%;
}

.date-box .event-month {
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.18px;
    margin-top: 2px;
}

.date-box .date-inner-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.brands {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.brands .brand {
    background-color: var(--bright);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.brands .brand img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 15px);
    border-radius: 0;
}

.brands .brand a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.checkbox-brands.brands {
    gap: 16px;
}

.checkbox-brands.brands label {
    margin: 0;
}

.checkbox-brands.brands .brand {
    height: 60px;
    width: 97px;
    cursor: pointer;
}

.checkbox-brands.brands input[type="checkbox"] {
    display: none;
}

.checkbox-brands.brands input[type="checkbox"]:checked+.brand {
    background-color: var(--blue);
}

.checkbox-brands.brands input[type="checkbox"]:checked+.brand img {
    filter: brightness(0) invert(1);
}

.question-box input[type="text"],
.question-box textarea,
.question-box select {
    width: 100%;
}

.question-box h4 {
    margin-bottom: 8px;
}

.question-box .addition {
    margin-bottom: 20px;
}

.question-box,
.filter-box {
    background-color: #212834;
    padding: 20px 30px;
    border-radius: 4px;
}

.filter-input-text {
    width: 100%;
}

/* select option {
    display: block !important;
} */

body.page-template.page-template-template-detailsuche .filter-box {
    margin-bottom: 20px;
    padding: 20px 30px 46px 30px;
}

body.page-template.page-template-template-detailsuche .big.hits {
    margin-bottom: 13px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    letter-spacing: 0.4px;
    display: block;
}

.filter-box.detailsuche-summary {
    margin-top: 60px;
}

.filter-box.detailsuche-summary ul {
    padding: 0;
    list-style-position: outside;
    margin-bottom: 15px;
    padding-left: 20px;
}

.filter-box.detailsuche-summary ul li {
    padding-left: 10px;
}

.filter-box.detailsuche-summary p {
    margin-bottom: 15px;
}

.filter-box.full-height {
    height: 100%;
}

.question-box+.question-box,
.filter-box+.filter-box {
    margin-top: 20px;
}

.filter-box select {
    max-width: 100%;
    width: 100%;
}

.filter-box>select+select,
.filter-box>.c-select+.c-select {
    margin-top: 20px;
}

.filter-box .input-wrap.bright {
    background-color: var(--bright);
    color: var(--dark-2);
    padding: 10px 20px;
    border-radius: 4px;
}

.filter-box>.input-wrap.bright+.input-wrap.bright {
    margin-top: 20px;
}

.filter-box .input-wrap.bright input {
    border: none;
    border-bottom: 1px solid var(--dark-2);
    border-radius: 0;
    padding: 3px;
}

.filter-box .form-grid-2 input {
    width: 100%;
}

.input-after {
    white-space: pre;
}

.results-container h3,
.filter-container h3 {
    margin-bottom: 18px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

div.green-bg {
    background-color: var(--green);
}

.is-disabled {
    opacity: 0.5;
}

.limit-width-444 {
    max-width: 444px;
}

section .pills-wrap .pill-button input[type="checkbox"] {
    display: none;
}

section .pills-wrap .pill-button label {
    margin-bottom: 0;
}

section .pills-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* height: 100%; */
    align-items: center;
}

section .pills-wrap:not(.inputs) span,
section .pills-wrap.inputs label {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.16px;
    padding: 9px 20px;
    border-radius: 20px;
    background-color: var(--bright-20);
    color: var(--bright);
    cursor: pointer;
}

section .pills-wrap.inputs .pill-button input[type="checkbox"]:checked+label,
section .pills-wrap.inputs label:hover,
section .pills-wrap:not(.inputs) span:hover,
section .pills-wrap:not(.inputs) span.active {
    text-decoration: none;
    background-color: var(--blue);
}

.container.cars-search,
.container.all-cars {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.container.all-cars+section {
    margin-top: 60px;
}

/* SLICK */
.slick-dots {
    position: absolute;
    right: 80px;
    bottom: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.slick-dots li button {
    font-size: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--dark-1);
    border: none;
    transform: none;
    margin: 0;
}

.slick-dots li.slick-active button {
    background-color: var(--bright);
}

.slick-track {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.slick-list {
    border-radius: 4px;
    overflow: hidden;
}

/* FOOTER & HEADER */
header ul,
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li a {
    line-height: 27px;
    font-size: 16px;
    color: var(--accent-color-ondark);
}

footer ul li a:hover {
    color: var(--bright);
}

header .socials,
footer .socials {
    display: flex;
    flex-wrap: wrap;
    gap: 19.5px;
    align-items: center;
    color: var(--accent-color-ondark);
}

footer .socials a:hover svg path {
    fill: var(--bright);
}

header .socials img,
footer .socials img,
header .socials svg,
footer .socials svg {
    height: 28px;
    width: auto;
}

/* HEADER */
header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    left: 0;
    top: 85px;
    transition: all 0.4s ease-in-out;
}


.logo-link svg,
.logo-link svg path {
    fill: var(--bright) !important;
}

header .container {
    transition: all 0.4s ease-in-out;
}

header ul li a {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
}

header .brands {
    gap: 15px;
}

header .brands .brand {
    height: 50px;
    width: 82px;
}

header .header-content {
    padding: 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    --webkit-justify-content: space-between;
    align-items: center;
}

header .header-content button {
    border: none;
    border-radius: 4px;
    background: var(--dark-2-70) !important;
    color: var(--bright) !important;
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(6px);
    margin: 0;
    transform: none;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    padding: 13.5px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* Match header visual style for the Jobs link */
header .header-content a.jobs {
    border: none !important;
    border-radius: 4px;
    background: var(--dark-2-70) !important;
    color: var(--bright) !important;
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(6px);
    margin: 0;
    transform: none !important;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    padding: 13.5px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

header .header-content a.jobs:hover {
    background: var(--dark-2-70) !important;
    color: var(--bright) !important;
    text-decoration: none;
}

/* Ensure no inner counter-skew is applied */
header .header-content a.jobs span {
    transform: none !important;
}

header .header-content .position-relative {
    display: inline-block;
}

header .header-content a.logo-link {
    margin-right: 40px;
}

header .header-content button.search svg {
    margin-left: 81px;
    height: 14px;
}

header .header-content button.contact svg {
    margin-left: 15px;
}

header .header-content button.locations {
    padding: 14px 19px;
    aspect-ratio: 1;
}

header .header-content .right {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 9px;
}

header .submenu.contact-submenu svg,
header img.menu-item-icon {
    width: 18px;
    height: auto;
}

header .submenu {
    display: none;
    position: absolute;
    border-radius: 4px;
    padding: 18px 20px;
    top: 61px;
    background: transparent;
    /* backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); */
}

header .submenu.contact-submenu,
header .submenu.locations-submenu {
    background: var(--dark-2-70);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.submenu.main-submenu:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background: var(--dark-2-70);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 4px;
}

header .submenu .sub-menu {
    border-radius: 4px;
    background: var(--dark-2-70);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.scrolled header .submenu {
    top: 102px;
}

header .submenu ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}

header .submenu nav a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

header .submenu nav a svg,
header .submenu nav a svg path {
    fill: var(--bright);
    transition: all 0.3s ease-in-out;
}

header .submenu nav li.active a svg,
header .submenu nav li.active a svg path {
    fill: var(--accent-color-ondark);
}

header .submenu a {
    color: var(--bright);
}

header .submenu li.active>a,
header .submenu a:hover {
    text-decoration: none;
}

header .submenu li.active>a {
    color: var(--accent-color-ondark);
}

header .submenu .menu-elements a {
    width: 100%;
}

header .submenu .menu-elements a svg {
    position: absolute;
    right: 0px;
    margin: auto;
    height: 24px;
    width: auto;
}

header .submenu.main-submenu {
    left: 0;
    width: 323px;
    max-width: 100%;
}

header .submenu.main-submenu>div {
    border-bottom: 1px solid var(--bright-20);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

header .line-bottom {
    border-bottom: 1px solid var(--bright-20);
    padding-bottom: 20px;
    margin-bottom: 10px;
}

header .submenu.main-submenu>div:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

header .submenu .menu-elements ul.sub-menu {
    display: none;
    position: absolute;
    left: 310px;
    margin-left: 10px;
    padding: 18px 20px;
    border-radius: 4px;
    top: 0;
    width: 305px;
    max-width: 100%;
}

header .submenu .menu-elements li.menu-item-has-children.active ul.sub-menu {
    display: flex;
}

header .submenu.locations-submenu {
    right: 0;
    min-width: 165px;
}

header .submenu.locations-submenu,
header .submenu.contact-submenu {
    width: fit-content;
    max-width: 100%;
}


body.scrolled header {
    top: 20px;
}

body.scrolled header>.container {
    border-radius: 4px;
    border: 1px solid var(--bright-20);
    background: var(--dark-2-36);
    backdrop-filter: blur(12.5px);
    padding: 20px 0;
    width: calc(100% - 40px);
    max-width: 1760px;
}

body.scrolled header>.container .header-content {
    padding: 0 20px;
}


@media (min-width: 1800px) {
    body.scrolled header>.container {
        max-width: 1800px;
    }
}

header .standort-terms {
    display: none;
    padding: 0 20px;
    margin-top: 30px;
}

/* FOOTER */
footer {
    padding-bottom: 104px;
    margin-top: 70px;
}

footer .footer-content {
    border-radius: 4px;
    background: rgba(31, 36, 46, 0.80);
    backdrop-filter: blur(12.5px);
    padding: 30px 40px;
}

footer .menus {
    margin-top: 20px;
    display: flex;
    gap: 100px;
}

footer .legend {
    margin-top: 30px;
}

footer .legend .footer-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 9px;
}

footer .legend .footer-content .legend-number {
    flex: 0 1 auto;
}

footer .legend .footer-content .legend-text {
    flex: 1;
}

footer .footer-content+.footer-content {
    margin-top: 10px;
}

footer p {
    margin-bottom: 0;
    line-height: 27px;
    font-size: 16px;
}

footer .footer-menu.space-top {
    margin-top: 10px;
}

footer .menu-title {
    margin-bottom: 2px;
}

footer .footer-svg {
    position: absolute;
    right: 40px;
    top: 31px;
    cursor: pointer;
}

footer .footer-svg svg {
    width: 30px;
    height: auto;
}

footer .other-links {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    margin-top: 41px;
    align-items: center;
}

footer h4 {
    margin-bottom: 18px;
}

footer .brands {
    gap: 19px;
}

footer .brands .brand {
    height: 40px;
    width: 64px;
}

footer .brands .brand a:hover {
    zoom: 1.3;
}

footer .brands img {
    border-radius: 0;
}

.color-dot {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 7px;
    background: white;
}

.pill-button.colors label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.textcontent.bright {
    background-color: var(--bright);
    border-radius: 4px;
}

.textcontent.bluebright {
    background-color: var(--bluebright);
    border-radius: 4px;
    color: var(--dark-2);
}

.textcontent.bluebright hr,
.textcontent.bright hr {
    color: var(--dark-1);
}

.textcontent.bright+.textcontent.bright {
    margin-top: 20px;
}

.textcontent button {
    margin-top: 25px;
}

section .hero-placeholder {
    width: 100%;
    height: auto;
    background-color: var(--dark-1);
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    border-radius: 4px;
    aspect-ratio: 1720 / 360;
}

section.hero .textcontent h1 {
    margin-bottom: 0;
}

.global-counts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.global-counts .count {
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    border-radius: 4px;
    padding: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.global-counts .count h3 {
    margin-bottom: 0;
    text-transform: uppercase;
}

.global-counts .count .number {
    font-size: 64px;
    letter-spacing: 0.64px;
    line-height: 1;
    font-weight: 900;
}

section.global-counts-text .text {
    max-width: 693px;
    width: 100%;
}

section.global-counts-text .row>div {
    flex: 0 0 auto;
    width: 50%;
}

.standard-box.background a.button-link {
    margin-left: auto;
}

.standard-box .group {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

section.contact-subpage .contact-formular .standard-box .group>* {
    width: calc(50% - 23px);
}

.standard-box .group .input-wrap {
    justify-content: start;
    align-items: end;
}

.standard-box .group input {
    width: fit-content;
    padding: 0;
}

.col-lg-6 .standard-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.standard-box {
    background: var(--dark-1);
    border-radius: 4px;
}

section .contact {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 8px;
}

section .contact .group {
    column-gap: 23px;
    row-gap: 8px;
}

section .contact img.icon,
section .contact svg {
    width: 18px;
    height: auto;
}

section .contact img.icon.mobile {
    padding: 2px;
}

section .contact a {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: inherit;
    width: fit-content;
}

section .contact a:hover {
    text-decoration: underline;
}

body section .textbox.light,
body section .textbox.dark,
body section .textbox.dark2 {
    padding: 50px 62px 62px 62px;
    height: 100%;
    border-radius: 4px;
}

body section .textbox.dark2 {
    background-color: var(--darkbg);
    color: var(--bright);
}

body section .textbox.dark {
    background-color: var(--dark-1);
    color: var(--bright);
}

body section .textbox.light {
    background-color: var(--bright);
    color: var(--dark-2);
}

body section .textbox.light button {
    color: var(--dark-2);
}

section .textbox h3 {
    margin-bottom: 8px;
}

section .textbox button {
    margin-top: 20px;
}

/* vehicle-card */

section .vehicle-card h3 {
    margin-bottom: 0;
}

section .vehicle-card {
    border-radius: 4px;
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    height: 100%;
    overflow: hidden;
}

section .vehicle-card .mobile-wrap {
    overflow: hidden;
}

section .vehicle-card a {
    color: var(--bright);
}

section .vehicle-card a:hover {
    text-decoration: none;
}

section .vehicle-card .vehicle-card-text {
    padding: 20px 30px;
    max-width: 100%;
    word-break: break-word;
}

section .vehicle-card img.vehicle-card-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 400 / 210;
}

section .vehicle-card .vehicle-card-text .model {
    margin-top: 13px;
}

section .vehicle-card .vehicle-card-text .attributes {
    margin-top: 20px;
}

section .vehicle-card .vehicle-card-text .attributes span img {
    height: auto;
    width: 20px;
}

section .vehicle-card .vehicle-card-text .data {
    margin-top: 20px;
    padding: 6px 10px 6px 10px;
    border-radius: 10px;
    background-color: var(--dark-2-36);
    backdrop-filter: blur(12.5px);
}

section .vehicle-card .vehicle-card-text .pricing {
    margin-top: 39px;
}

section .vehicle-card .vehicle-card-text .pricing .price {
    color: var(--accent-color);
    font-size: 32px;
    line-height: 1;
    margin-right: 5px;
}

section .vehicle-card .vehicle-card-text .pricing .tax {
    color: var(--greytext);
    font-size: 16px;
    line-height: 24px;
}

section .vehicle-card .vehicle-card-text .attributes {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

section .vehicle-card .vehicle-card-text .attributes>span {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: calc(50% - 10px);
}

section .vehicle-card .vehicle-card-text .attributes span.fullwidth {
    width: 100%;
}

/* Input Range Two Thumbs */

.two-thumbs-range-container .sliders_control {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.two-thumbs-range-container .slider-track {
    position: relative;
    height: 5px;
    background: var(--dark-1);
    margin: 27px 0;
    display: inline-block;
    width: 100%;
}

.two-thumbs-range-container .thumb {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--accent-color);
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, 0);
    top: 0;
    bottom: 0;
    margin: auto;
}

.two-thumbs-range-container .two-thumbs-range {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.two-thumbs-range-container .input-after-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--dark-2);
}

.two-thumbs-range-container .input-after-wrap input {
    border-bottom: none !important;
}

.two-thumbs-range-container .slider-range-fill {
    position: absolute;
    height: 5px;
    background: var(--accent-color);
    top: 0;
}

/* FORM BUILDER */
section+section.form-builder {
    margin-top: 100px;
}

/* TEMPLATE DETAILSUCHE */
body.page-template-template-detailsuche .cars-search .row+.row {
    margin-top: 20px;
}

body.page-template-template-detailsuche .cars-search .button-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
}

body.page-template-template-detailsuche .moredata {
    margin-top: 40px;
}

/* TEMPLATE FAHRZEUGSUCHE */
body.page-template-template-fahrzeugsuche .all-cars>.row {
    row-gap: 40px;
}

body.page-template-template-fahrzeugsuche .two-thumbs-range {
    padding-left: 10px;
    padding-right: 10px;
}

body.page-template-template-fahrzeugsuche section.fahrzeugsuche .button-wrap+.button-wrap {
    margin-top: 60px;
}

/* TEMPLATE Fahrzeugsuche Detail */
body.page-template-template-fahrzeugsuche-detail .accent-text {
    color: var(--blue);
}

body.page-template-template-fahrzeugsuche-detail a.button-link.full {
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--bright);
}

body.page-template-template-fahrzeugsuche-detail a.button-link.full:hover {
    background-color: var(--bright);
    border-color: var(--bright);
    color: var(--darkbg);
}

/* TEMPLATE PARTS */

section h3.title {
    margin-bottom: 23px;
}

section .link-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section .content-group+.content-group {
    margin-top: 40px;
}

section .content-group .additional-info,
section .content-group a.link-item {
    background-color: var(--dark-1);
    color: var(--bright);
    width: 100%;
    height: fit-content;
    border-radius: 4px;
}

section .content-group .additional-info {
    padding: 20px 30px 26px 30px;
}

section .content-group a.link-item {
    min-height: 59px;
    display: flex;
    align-items: center;
    padding: 16px 40px;
}

section .link-items a.link-item img {
    width: 22px;
    height: auto;
    max-height: 22px;
    object-fit: contain;
    margin-right: 40px;
    border-radius: 0;
}

section .link-items a.link-item:hover {
    text-decoration: none;
}

/* section spaces / spacing */
section.frontpage-hero-slider+section {
    margin-top: 40px;
}

section.two-slider+section {
    margin-top: 135px;
}

section.five-tiles+section {
    margin-top: 183px;
}

section.vehicle-search+section {
    margin-top: 140px;
}

section.four-tiles+section {
    margin-top: 40px;
}

section.locations {
    margin-bottom: 108px;
}

section.four-vehicles+section {
    margin-top: 80px;
}

section.textbox-8-grid+section,
section.image-text+section,
section.image-banner+section,
section.three-images-text+section.three-images-text {
    margin-top: 40px;
}

section.image-text+section.gallery,
section.three-images-text+section,
section.textblock+section,
section.gallery+section,
section.table+section,
section.table-8-grid+section,
section.tablebox+section,
section.big-media+section,
section.gallery-text+section,
section.four-tiles-slider+section,
section.counter+section,
section.events+section,
section.fahrzeugsuche+section,
section.single-post+section,
section.news+section {
    margin-top: 60px;
}

section.two-slider+section.text-8-grid {
    margin-top: 100px;
}

section.text-8-grid+section.accordion {
    margin-top: 100px;
}

section.text-8-grid+section {
    margin-top: 74px;
}

section.accordion+section {
    margin-top: 74px
}

section.content+section {
    margin-top: 65px;
}

section.events.all-events+section.above-footer-image {
    margin-top: 691px;
}

section.events+section.above-footer-image {
    margin-top: 182px;
}

body.page-template-template-fahrzeugsuche section.above-footer-image {
    margin-top: 163px;
}


/* single event */
section.single-post .date-box,
section.single-post .location-box {
    color: var(var(--bright));
    border-radius: 4px;
    width: 100%;
}

section.single-post .date-box {
    background-color: var(--blue);
}

section.single-post .location-box {
    background-color: var(--dark-1);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 10px 10px 10px;
}

section.single-post .detail-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

section.single-post .location-card {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    border-radius: 4px;
    overflow: hidden;
}

section.single-post .location-card h3 {
    margin-bottom: 8px;
}

section.single-post .location-card .textcontent {
    padding: 20px 30px 38px 30px;
    background-color: var(--dark-1);
    color: var(--bright);
}

section.single-post .location-card .location-address p {
    margin-bottom: 0;
}

section.single-post .location-card .location-address p.add {
    margin-top: 13px;
}

section.single-post .date-time-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 40px;
    margin-top: 25px;
}

section.single-post .date-time-item {
    font-weight: 900;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.single-post .date-time-item img.icon {
    width: 18px;
    height: auto;
    margin-right: 12px;
}

section.single-post .date-time-item .date-wrap,
section.single-post .date-time-item .time-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* single post */
body.single section.single-post .textbox {
    padding: 40px 60px 60px 60px;
}

section.single-post .news-post .title {
    margin-bottom: 30px;
}

    section.single-post .news-post p, section.single-post .news-post ul {
        line-height: 1.6em;
        padding-bottom: 17px;
    }

    section.single-post .news-post h3 {
       padding-bottom: 7px;
    }

section.single-post .title h2 {
    text-transform: none;
    margin-bottom: 0;
}

section.single-post figure.thumbnail>img {
    margin-top: 35px;
    border-radius: 4px;
}

section.single-post .date {
    margin-top: 16px;
}

section.single-post .post-content {
    margin-top: 40px;
}

section.single-post figure.thumbnail {
    margin-bottom: 0;
}

section.single-post figcaption {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;

}

section.single-post figcaption img {
    height: 16px;
    width: auto;
    object-fit: contain;
}

/* accordion */
section.accordion {
    color: var(--dark-2);
}

section.accordion button,
section.accordion button span {
    transform: none;
    margin: 0;
    border: none;
}

section.accordion .accordion-header {
    height: 100%;
    width: 100%;
}

section.accordion button.accordion-button {
    background-color: transparent;
    width: 100%;
    height: 100%;
    color: var(--dark-2);
    padding: 0 20px;
    box-shadow: none;
    height: 60px;
}

section.accordion button.accordion-button:hover {
    color: var(--dark-2);
}

section.accordion button.accordion-icon {
    padding: 0;
    background-color: var(--dark-1);
    width: 104px;
    height: 60px;
    border-radius: 4px;
}

section.accordion button.accordion-icon img {
    height: 22px;
    width: auto;

    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

section.accordion button.accordion-icon img.hidden {
    opacity: 0;
    width: 0;
    height: 0;
}

section.accordion .accordion-8-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.accordion button::after {
    display: none;
}

section.accordion .accordion-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

section.accordion .accordion-item {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 104px - 40px);
}

section.accordion .accordion-body {
    padding: 20px 32px 20px 20px;
}

section.accordion .accordion-collapse {
    width: 100%;
}

section.accordion .accordion-collapse {
    transition: none;
}

/* textbox 8 grid */
section.textbox-8-grid .textbox button {
    margin-top: 10px;
}

section.textbox-8-grid .textbox p a {
    margin-bottom: 18px;
}

/* text 8 grid */
section.text-8-grid h2 {
    font-size: 64px;
    line-height: 72px;
    letter-spacing: 0.64px;
    font-weight: 900;
}

section.text-8-grid ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

section.text-8-grid ul li::before {
    content: url('assets/images/list-icon.svg');
    width: 15px;
    margin-right: 9px;
    vertical-align: text-bottom;
}

/* Table 8 Grid */
section.table-8-grid th {
    background-color: var(--dark-1);
    color: var(--bright);
    font-weight: 900;
    letter-spacing: 0.18px;
}

section.table-8-grid td {
    background-color: var(--bright);
    color: var(--dark-2);
}

section.table-8-grid tr:nth-of-type(even) td {
    background-color: var(--bluebright);
}

section.table-8-grid table td,
section.table-8-grid table th {
    border-radius: 4px;
    border: none;
    padding: 18px;
    text-align: left;
}

section.table-8-grid table tr td:last-child,
section.table-8-grid table tr th:last-child {
    width: auto;
}

section.table-8-grid table {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 10px;
    margin: -10px 0 0 -10px;
}

/* Table */
section.tablebox img.image {
    height: 100%;
    object-fit: cover;
}

section.tablebox.aligment-imageright .row {
    flex-direction: row-reverse;
}

section.tablebox .textcontent {
    margin-bottom: 29px;
}

section.tablebox table {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 0;
}

section.tablebox .table-wrap {
    padding: 30px 30px 39px 30px;
    border-radius: 4px;
}

section.tablebox .table-wrap,
section.tablebox .table-wrap.light {
    background-color: var(--bluebright);
    color: var(--dark-2);
}

section.tablebox .table-wrap.dark {
    background-color: var(--dark-1);
    color: var(--bright);
}

section.tablebox .table-wrap.dark2 {
    background-color: var(--darkbg);
    color: var(--bright);
}

section.tablebox tr:nth-of-type(even) td {
    background-color: var(--greytext);
}

section.tablebox .table-wrap.dark tr:nth-of-type(even) td,
section.tablebox .table-wrap.dark tr:nth-of-type(even) td {
    background-color: var(--bright-20);
}

section.tablebox tr td:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

section.tablebox tr td:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

section.tablebox table td,
section.tablebox table th {
    border: none;
    text-align: left;
}

section.tablebox table td {
    padding: 10px;
}

section.tablebox table th {
    padding: 10px 0;
}

/* gallery text */
section.gallery-text .images img.image-0 {
    grid-column: span 4;
    height: auto;
    aspect-ratio: 1133 / 280;
    object-fit: cover;
}

section.gallery-text .images {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

section.gallery-text .images img {
    aspect-ratio: 253 / 142;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

section.gallery-text.alignment-imageleft .row {
    flex-direction: row-reverse;
}

/* four tiles slider */
section.four-tiles-slider img {
    width: 100%;
    height: auto;
    aspect-ratio: 400 / 225;
    object-fit: cover;
}

/* counter */
section.counter .textcontent {
    max-width: 693px;
}

/* big media */
section.big-media video,
section.big-media img,
section.big-media iframe {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
}

/* HERO */
section.frontpage-hero-slider img.slider-image {
    width: 100%;
    object-fit: cover;
}

section.frontpage-hero-slider div {
    border-radius: 4px;
}

section.frontpage-hero-slider .container {
    height: 100%;
}

section.frontpage-hero-slider .blurred-shape {
    width: auto;
    height: 100%;
    aspect-ratio: 940 / 860;
    background: rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    clip-path: polygon(35.64% 0%, 100% 0%, 64.47% 100%, 0% 100%);
}

section.frontpage-hero-slider .blurred-shape-wrap {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 60px;
    z-index: 1;
}

section.frontpage-hero-slider .hero-slider-text {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

section.frontpage-hero-slider .hero-slider-text a.button-link {
    margin-top: 45px;
    margin-left: auto;
}

section.frontpage-hero-slider .hero-slider-text .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

section.frontpage-hero-slider .hero-slider-text,
section.frontpage-hero-slider .hero-slider-text div {
    height: 100%;
}

section.frontpage-hero-slider .hero-slider-text .textcontent .text .group {
    height: fit-content;
}

section.frontpage-hero-slider .hero-slider-text .text {
    max-width: 795px;
    margin: 0 80px;
}

section.frontpage-hero-slider .subtext {
    right: 210px;
    bottom: 33px;
    border-radius: 10px;
}

section.frontpage-hero-slider .hero-slider-text .textcontent .subtext {
    height: fit-content !important;
}

/* LOCATIONS */
section.locations h2 {
    margin-bottom: 14px;
}

section.location-details .container>.row {
    align-items: start;
}

section.locations .map.minimized {
    aspect-ratio: 1720 / 180;
}

/* TWO SLIDER */

section.two-slider .subtext {
    left: 20px;
    bottom: 20px;
    max-width: calc(100% - 40px);
}

section.two-slider a:hover {
    text-decoration: none;
}

section.two-slider .slide-content>a {
    display: contents;
}

section.two-slider .slider-image {
    width: 100%;
    aspect-ratio: 840 / 388;
    object-fit: cover;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

section.two-slider .bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 22px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    gap: 10px;
}

section.two-slider .button-link {
    border-color: var(--bright);
    padding: 14px 34px;
    color: var(--bright);
}

section.two-slider .button-link:hover {
    background-color: var(--bright);
}

section.two-slider .bar h3 {
    margin-bottom: 0;
    color: var(--bright);
}

/* FOUR TILES */
section.four-tiles .tiles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
}

section.four-tiles .tile-group {
    flex: 1 0 calc(50% - 40px);
}

section.four-tiles .tile-group.tile-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
}

section.four-tiles .tile {
    border-radius: 4px;
    overflow: hidden;
}

section.four-tiles .tile a {
    width: 100%;
}

section.four-tiles .tile-group.tile-row .tile {
    flex: 1 0 calc(50% - 40px);
}

section.four-tiles .tile-group.tile-row img {
    height: calc(100% - 50px);
    object-fit: cover;
}

section.four-tiles .tile img {
    border-radius: 0;
}

section.four-tiles .tile-group.tile-row .tile a {
    height: 100%;
}

section.four-tiles .tile-group.tile-columns {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
}

section.four-tiles .tile-group.tile-columns img {
    aspect-ratio: 840 / 280;
    object-fit: cover;
    height: calc(100% - 50px);
    width: 100%;
}

section.four-tiles .tile .bar {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    padding: 13px 20px;
    background-color: var(--dark-1);
}

section.four-tiles h4 {
    text-transform: none;
    color: var(--bright);
    margin-bottom: 0;
}

section.four-tiles .bar svg {
    transform: rotate(90deg);
    height: 24px;
    position: absolute;
    right: 11px;
    bottom: 0;
    top: 0;
    margin: auto;
}

section.four-tiles h2 {
    margin-bottom: 14px;
}

/* FIVE TILES */
section.five-tiles h2 {
    margin-bottom: 14px;
}

section.five-tiles h4 {
    margin-bottom: 0;
    text-transform: none;
    padding-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

section.five-tiles .tile:hover h4 {
    padding-bottom: 0;
}

section.five-tiles .tiles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
}

section.five-tiles .tiles>div {
    flex: 1 0 calc(50% - 40px);
}

section.five-tiles .tiles .tile-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

section.five-tiles .tiles .tile-group>div {
    flex: 1 0 calc(50% - 40px);
    aspect-ratio: 400 / 225;
}

section.five-tiles a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    width: 100%;
    height: 100%;
}

section.five-tiles .textcontent {
    display: inline-block;
    width: 100%;
    padding: 20px;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

section.five-tiles .tile-right .overlay-text {
    position: absolute;
    bottom: -100%;
    padding: 20px;
    transition: all 0.3s ease-in-out;
}

section.five-tiles .tile-right:hover .overlay-text {
    bottom: 0;
}

section.five-tiles .tile {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-blend-mode: multiply, normal;
    border-radius: 4px;
}

section.five-tiles .tile.tile-right img {
    /* aspect-ratio: 840 / 490; */
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section.five-tiles .tile-group .tile:hover .textcontent {
    bottom: 0 !important;
}

section.five-tiles img.tile-icon {
    height: 70px;
    width: auto;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* VEHICLE SEARCH */
section.vehicle-search form {
    margin-top: 60px;
}

section.vehicle-search .image-column {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: end;
    padding-left: 40px;
}

section.vehicle-search .image-column img {
    width: 100%;
    height: auto;
}

section.vehicle-search .two-thumbs-range-container .input-after-wrap input {
    padding: 0;
    background-color: transparent;
    border: none;
}

section.vehicle-search .two-thumbs-range {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top: 0;
}

section.vehicle-search .two-thumbs-range>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.vehicle-search .input-wrap.bright {
    background-color: var(--bluebright);
    border-radius: 4px;
}

section.vehicle-search .two-thumbs-range-container .sliders_control {
    width: 100%;
}

section.vehicle-search .two-thumbs-range-container .input-after-wrap {
    justify-content: start;
    --webkit-justify-content: start;
    border: none;
}

section.vehicle-search .two-thumbs-range-container {
    margin-right: 23px;
}

section.vehicle-search .two-thumbs-range-container input::-webkit-outer-spin-button,
section.vehicle-search .two-thumbs-range-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

section.vehicle-search .two-thumbs-range-container input[type=number] {
    -moz-appearance: textfield;
}

section.vehicle-search form .row {
    align-items: stretch;
    row-gap: 20px;
}

section.vehicle-search .custom-select select {
    appearance: none;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    padding: 17px 45px 17px 20px;
    background-color: var(--bluebright);
    border-radius: 4px;
    color: var(--dark-2);
    cursor: pointer;
    height: 100%;
}

section.vehicle-search .custom-select {
    height: 100%;
}

section.vehicle-search .custom-select>svg {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.vehicle-search select.focus+svg {
    transform: rotate(180deg);
}

section.vehicle-search select:focus {
    border: none;
    outline: none;
}

/* section.vehicle-search .range-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    background-color: var(--bluebright);
    border-radius: 4px;
    color: var(--dark-2);
    padding: 4px 19px;
    height: 100%;
} */

/* section.vehicle-search .range-wrap input {
    width: calc(100% - 81px - 81px - 40px);
}

section.vehicle-search .range-wrap span {
    max-width: 81px;
} */

section.vehicle-search button[type="submit"] {
    height: 100%;
}

/* content section */
section.content .textcontent {
    max-width: 693px;
}

/* EVENTS TEMPLATE */
section.events.all-events .all-upcoming-events .event-month {
    margin-bottom: 0;
}

section.events.all-events .all-upcoming-events .event-item+.event-month {
    margin-top: 20px;
}

section.events.all-events .all-upcoming-events .date-box {
    background-color: var(--blue);
}

section.events.all-events .all-upcoming-events .event-item {
    padding: 20px;
    background-color: var(--dark-1);
    border-radius: 4px;
    cursor: default;
}

section.events.all-events .featured-event {
    margin-bottom: 40px;
    border-radius: 4px;
    overflow: hidden;
}

section.events.all-events .featured-event.has-thumbnail {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

section.events.all-events .featured-event .date-box {
    position: absolute;
    top: 20px;
    left: 20px;
}

section.events.all-events .featured-event img {
    border-radius: 0;
}

section.events.all-events .featured-event .textcontent {
    background-color: var(--bright);
    color: var(--dark-2);
    border-radius: 0;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --webkit-justify-content: space-between;
}

section.events.all-events .featured-event a.button-link {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 34px;
}

section.events.all-events .featured-event a.button-link:hover {
    border: 3px solid var(--blue);
}

section.events.all-events .featured-event h2 {
    margin-bottom: 0;
    text-transform: none;
}

section.events.all-events .featured-event .title {
    margin-bottom: 30px;
}

section.events.all-events .featured-event .details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 5px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.24px;
    font-weight: 900;
}

/* EVENTS */
section.events .events-content {
    margin-bottom: 26px;
}

section.events .events-content>.row {
    row-gap: 20px;
}

section.events .event-item button,
section.events .event-item a.button-link {
    font-size: 16px;
    padding: 14px 34px;
}

section.events .showbox-content {
    display: flex;
    flex-direction: row;
    height: 100%;
}

section.events .showbox-content .textcontent {
    padding: 23px 30px;
    background-color: var(--bright);
    color: var(--dark-2);
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    --webkit-justify-content: space-between;
    gap: 20px;
}

section.events .showbox-content img+.textcontent {
    flex: 0 0 35.5%;
}

section.events .showbox-content img {
    object-fit: cover;
    width: 65.5%;
    border-radius: 0;
}

section.events .showbox {
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

section.events .showbox h4 {
    text-transform: none;
    margin-bottom: 5px;
}

section.events .showbox .date-box {
    background-color: var(--accent-color);
}

section.events h3 {
    margin-bottom: 20px;
}

/* FOUR VEHICLES */
section.four-vehicles .top-text h2,
section.four-vehicles .top-text h3 {
    margin-bottom: 20px;
}

section.four-vehicles .vehicles-row {
    row-gap: 40px;
}

section.four-vehicles .button-wrap {
    margin-top: 30px;
}

section.four-vehicles .bottom-text {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    word-wrap: break-word;
    padding-top: 30px;
}

/* TEMPLATE SINGLE STANDORTE */
section.locations .standort>img {
    width: 100%;
    aspect-ratio: 400 / 227;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

section.locations .standort {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    border-radius: 4px;
    height: 100%;
}

section.locations .standort-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding: 30px;
}

section.locations .standort-text a.button-link {
    align-self: flex-end;
    align-self: self-end;
    align-self: end;
}

section.locations .standort-text h3 {
    text-transform: uppercase;
    margin-bottom: 6px;
}

section.locations .bottom-text {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    --webkit-justify-content: space-between;
    gap: 20px;
}

section.locations .contact {
    margin-top: 20px;
}

section.locations .map {
    width: 100%;
    height: auto;
    aspect-ratio: 1280 / 488;
    border-radius: 4px;
}

section.global-counts-text+section,
section.location-details+section,
section.standort-contacts+section {
    margin-top: 60px;
}

.standort-filter+section,
section.team-member-tiles+section.team-member-tiles,
section.team-member-tiles .standort-team {
    margin-top: 40px;
}

section.team-member-tiles+section.above-footer-image {
    margin-top: 94px;
}

section.locations .map-buttons {
    position: absolute;
    top: 36px;
    right: 12px;
    z-index: 400;
}

section.locations .map-buttons button span {
    color: var(--dark-2);
}

section.standort-toggle .team-member-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    margin-top: 40px;
}

section.team-member-tiles.initially-hidden {
    display: none;
}

section.team-member-tiles.initially-hidden.show {
    display: block;
}

section.team-member-tiles .service-filters {
    margin-top: 20px;
}

section.team-member-tiles .sticky-filters {
    position: sticky;
    top: 133px;
}

section.team-member-tiles .sticky-filters .filter-box {
    max-height: calc(100vh - 133px - 60px);
    overflow: auto;
}

body.single-standorte section.locations .map {
    border-radius: 0;
}

body.single-standorte section.locations {
    margin-bottom: 0;
}

body.single-standorte section.locations,
section.standort-filter {
    display: block;
}

body.single-standorte section.above-footer-image {
    margin-top: 94px;
}

body.single-event .textbox, body.single-event .textbox p {
    line-height: 1.6em;
}

body.single-event .textbox h3 {
    margin-bottom: 20px;
}

body.single-event .textbox ul li {
    margin-bottom: 10px;
}

body.single-event .textbox img {
    margin: 30px 0 30px 0;
}

body.single-event section.single-post .post-content {
    margin-top: 0px;
}

/* TAXONOMY MARKE TEMPLATE */

section.brand-hero+section,
section.brand-changing-images+section {
    margin-top: 40px;
}

section.brand-image-text+section {
    margin-top: 34px;
}

section.brand-models+section,
section.brand-image-text+section,
section.brand-three-tiles-text+section,
section.brand.gallery-text+section {
    margin-top: 80px;
}

/* section brand hero */
section.brand-hero .textcontent {
    position: absolute;
    bottom: 90px;
    left: 96px;
}

section.brand-hero .textcontent h1 {
    margin-bottom: 0;
}

section.brand-hero.small .textcontent {
    bottom: 50px;
}

section.brand-hero.small img {
    width: 100%;
    height: auto;
    aspect-ratio: 1720 / 360;
    object-fit: cover;
}

section.brand-hero .subtext {
    position: absolute;
    right: 30px;
    bottom: 10px;
}

section.brand-hero .hero-placeholder {
    aspect-ratio: 1720 / 640;
}

section.brand-hero.small .hero-placeholder {
    aspect-ratio: 1720 / 360;
}

section.brand-hero.small h1 {
    margin-bottom: 0;
}

/* section brand changing images */
section.brand-changing-images .boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

section.brand-changing-images .box {
    aspect-ratio: 400 / 225;
    width: calc(25% - 30px);
    height: auto;
}

section.brand-changing-images img {
    height: 100%;
}

section.brand-changing-images img.changing-image {
    object-fit: cover;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;

    transition: all 0.5s ease-in-out;
}

section.brand-changing-images img.changing-image.active {
    opacity: 1;
    position: relative;
    visibility: visible;
    left: unset;
    top: unset;
}

section.brand-changing-images .box.logo-box svg,
section.brand-changing-images .box.logo-box svg path {
    fill: white;
}

section.brand-changing-images .box.logo-box {
    padding: 45px;
    border-radius: 4px;
    background-color: var(--dark-1);
    text-align: center;
}

section.brand-changing-images .box.logo-box svg,
section.brand-changing-images .box.logo-box img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

/* brand image text */
section.brand-image-text-offset .content-inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 119px;
}

section.brand-image-text-offset .content {
    background-color: var(--dark-1);
    border-radius: 4px;
}

section.brand-image-text-offset .content .textcontent {
    width: 982px;
    max-width: 60%;
    padding: 80px 76px 97px 76px;
}

section.brand-image-text-offset .content .image {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: -119px;
}

/* brand models */
section.brand-models .models {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

section.brand-models .model {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
    grid-column: span 1;
}

section.brand-models .model img.image {
    width: 100%;
    height: auto;
    aspect-ratio: 400 / 225;
    object-fit: cover;
    border-radius: 0;
}

section.brand-models .model .link {
    text-transform: uppercase;
    font-weight: 900;
    padding: 13px 21px;
    background-color: var(--dark-1);
    color: var(--bright);
}

section.brand-models .model a:hover {
    text-decoration: none;
}

section.brand-models .text-box {
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: end;
    gap: 35px;
    border-radius: 4px;
}

/* brand image text */
section.brand-image-text .textcontent.bright {
    padding: 41px 74px;
}

section.brand-image-text img.image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* brand locations */
section .employees {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

section .initially-hidden-content .employees {
    grid-template-columns: 1fr 1fr;
}

section .employees .employee {
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    overflow: hidden;
}

section .employees .employee img.attachment-post-thumbnail {
    width: 148px;
    height: auto;
    aspect-ratio: 148 / 221;
    object-fit: cover;
    border-radius: 0;
}

section .employees .employee .textcontent {
    background: linear-gradient(180deg, #3B414C 0%, #212834 100%);
    padding: 20px 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    --webkit-justify-content: space-between;
    gap: 20px;
    width: calc(100% - 148px);
}

section .employees .employee .textcontent p {
    margin-bottom: 5px;
}

section.locations.brand-locations {
    margin-top: 60px;
}

section.locations.brand-locations .map {
    aspect-ratio: 1920 / 980;
}

section.locations.brand-locations h2 {
    margin-bottom: 10px;
}

section.locations.brand-locations h3 {
    margin-bottom: 30px;
    padding-bottom: 0px;
}

section.locations.brand-locations .row+.row {
    margin-top: 40px;
}

section .employees.ceo .employee img.attachment-post-thumbnail {
    aspect-ratio: 253 / 381;
    width: 253px;
}

section .employees.ceo .employee .textcontent {
    width: calc(100% - 253px);
}

section .employees.no-thumbnails {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

section .employees.no-thumbnails .textcontent {
    height: 100%;
}

section .initially-hidden-content .employees.no-thumbnails {
    grid-template-columns: 1fr 1fr 1fr;
}

section .employees.no-thumbnails .employee .textcontent,
section .employees.ceo.no-thumbnails .employee .textcontent {
    width: 100%;
}


/* Brand three tiles and text */

section.brand-three-tiles-text .textcontent {
    padding: 96px 73px;
}

section.brand-three-tiles-text .small-tiles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
    height: 100%;
}

section.brand-three-tiles-text .small-tiles img {
    width: 100%;
    height: calc(50% - 20px);
    object-fit: cover;
}

section.brand-three-tiles-text .big-tile {
    height: 100%;
    object-fit: cover;
}

/* brand galery text */
/* section.brand.gallery-text .images img.image-0 {
    grid-column: span 4;
    height: auto;
    aspect-ratio: 1133 / 280;
    object-fit: cover;
}

section.brand.gallery-text .images {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

section.brand.gallery-text .images img {
    aspect-ratio: 253 / 142;
    width: 100%;
    object-fit: cover;
} */

/* gallery */
section.gallery .gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

section.gallery .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: var(--dark-1);
    padding: 13px 32px;
}

section.gallery img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 400 / 275;
    cursor: pointer;
}

section.gallery .gallery-item {
    border-radius: 4px;
    overflow: hidden;
}

body.single section.gallery h2 {
    font-size: 24px;
    line-height: 34px;
    font-size: 900;
    letter-spacing: 0.24px;
    text-transform: none;
}

/* Lightbox Overlay */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Lightbox Content */
.lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    text-align: center;
}

/* Image inside the Lightbox */
.lightbox-img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

/* Caption below image */
.lightbox-caption {
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    font-family: sans-serif;
}

/* Close button (X) */
.lightbox-close {
    position: fixed;
    top: 24px;
    right: 24px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 10000;
    transition: opacity 0.2s;
}

.lightbox-close:hover {
    opacity: 0.7;
}

/* Navigation arrows */
.lightbox-prev,
.lightbox-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: white;
    cursor: pointer;
    user-select: none;
    padding: 10px;
    z-index: 10000;
    transition: opacity 0.2s;
}

.lightbox-prev {
    left: 24px;
}

.lightbox-next {
    right: 24px;
}

.lightbox-nav span:hover {
    opacity: 0.7;
}



/* Above footer image */
section.above-footer-image {
    margin-top: 55px;
}

section.above-footer-image .container {
    text-align: center;
}

/* rent trucks */
section .extern-site {
    padding: 50px 30px 20px 60px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-position: center;
}

section .extern-site h2 {
    margin-bottom: 22px;
}

section .extern-site a.button-link {
    padding: 10px 34px;
}

section .extern-site a.button-link:hover {
    background-color: transparent !important;
}

section .extern-site .button-wrap {
    margin-top: 28px;
}

/* location standort filter */
section.standort-filter img.wp-post-image {
    width: 107px;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 107 / 60;
    border-radius: 0;
}

section.standort-filter .standorte {
    background-color: var(--dark-1);
    padding: 20px 43px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 20px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

section.standort-filter .standort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: fit-content;
    background-color: var(--bright-20);
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}

section.standort-filter .standort.current-post {
    background-color: var(--accent-color);
}

section.standort-filter .standort-text {
    padding: 10px;
    width: 100%;
}

section.standort-filter img.wp-post-image+.standort-text {
    width: calc(100% - 107px);
}

section.standort-filter .standort-text h3 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.16px;
}

.standort-terms .brand {
    background-color: var(--bright);
    width: 84px;
    height: 50px;
}

.brand.highlight {
    background-color: var(--blue);
}

.brand.highlight img {
    filter: brightness(0) invert(1);
}

.standort-terms .brands {
    gap: 10px;
}

.standort-terms .standard-box.bottom {
    padding: 15px 20px;
}

.standort-terms .services {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 100%;
    align-items: center;
    justify-content: end;
}

.standort-terms .services .service a {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.16px;
    padding: 9px 20px;
    border-radius: 20px;
    background-color: var(--bright-20);
    color: var(--bright);
}

.standort-terms .services .service a:hover,
.standort-terms .services .service.highlight a {
    text-decoration: none;
    background-color: var(--accent-color);
}

/* small hero */
section.small-hero+section {
    margin-top: 40px;
}

section.small-hero img {
    width: 100%;
    height: auto;
    aspect-ratio: 1720 / 360;
    object-fit: cover;
    min-height: 300px;
}

section.small-hero.landingpage img {
    aspect-ratio: 1720 / 620;
}

section.small-hero .textcontent {
    position: absolute;
    bottom: 50px;
    left: 96px;
}

section.small-hero .textcontent.dark {
    color: var(--dark-1);
}

/* image text */
section.image-text .row {
    row-gap: 40px;
}

section.image-text img.image,
section.image-text video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

section.image-text .subtext {
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
}

section.image-text .image-text-slider,
section.image-text .slick-list,
section.image-text .slick-track {
    height: 100%;
}

section.image-text.aligment-imageright .row {
    flex-direction: row-reverse;
}

section.image-text.ratio-even img.image {
    aspect-ratio: 840 / 473;
}

section.image-text.ratio-odd img.image {
    aspect-ratio: 547 / 308;
}

/* three images and text */
section.three-images-text .image-text-slider+.image-text-slider {
    margin-top: 40px;
}

section.three-images-text .textbox.light,
section.three-images-text .textbox.dark {
    padding: 95px 73px;
}

section.three-images-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.three-images-text .small-images-col .image-text-slider {
    height: calc(50% - (40px / 2));
}

section.three-images-text .big-image-col .image-text-slider,
section.three-images-text .slick-list,
section.three-images-text .slick-track {
    height: 100%;
}

section.three-images-text.aligment-imageright .text-col {
    order: 1;
}

section.three-images-text.aligment-imageright .small-images-col {
    order: 2;
}

section.three-images-text.aligment-imageright .big-image-col {
    order: 3;
}

section.three-images-text .subtext {
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
}

/* banner */
section.image-banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 1720 / 280;
    object-fit: cover;
}

section.image-banner.position-top-left img {
    object-position: top left;
}

section.image-banner.position-top-center img {
    object-position: top center;
}

section.image-banner.position-top-right img {
    object-position: top right;
}

section.image-banner.position-center-left img {
    object-position: center left;
}

section.image-banner.position-center-center img {
    object-position: center center;
}

section.image-banner.position-center-right img {
    object-position: center right;
}

section.image-banner.position-bottom-left img {
    object-position: bottom left;
}

section.image-banner.position-bottom-center img {
    object-position: bottom center;
}

section.image-banner.position-bottom-right img {
    object-position: bottom right;
}

/* location details */
section.location-details .standard-box {
    padding: 20px 30px;
    height: fit-content;
}

section.location-details .brand {
    background-color: var(--bright);
    width: 84px;
    height: 50px;
}

section.location-details .standard-box.standort-service {
    height: 33.33%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

section.location-details .pkw-services.standort-service {
    background-image: url('assets/images/pkw-services.svg');
}

section.location-details .lkw-services.standort-service {
    background-image: url('assets/images/lkw-services.svg');
}

section.location-details .van-services.standort-service {
    background-image: url('assets/images/van-services.svg');
}

section.location-details .standort-services {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.location-details .toplevel>.standard-box {
    margin-bottom: 20px;
}

section.location-details .toplevel .standard-box h3 {
    margin-bottom: 8px;
}

section.location-details .standort-services .links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

section.location-details .standort-services .links a {
    font-size: 13px;
    line-height: 18px;
    background: var(--bright);
    border-radius: 20px;
    color: var(--dark-2);
    padding: 10px 20px;
    border: 1px solid var(--bright);
}

section.location-details .standort-services .links a:hover {
    text-decoration: none;
    color: var(--bright);
    background: var(--blue);
    border-color: var(--blue);
}

section.location-details .brands {
    margin-top: 44px;
    background: white;
    border-radius: 4px;
    padding: 12px 45px;
    align-items: center;
    gap: 10px;
}

section.location-details .textcontent {
    padding: 20px 30px;
    height: 100%;
}

section.location-details .opening-hours p {
    margin-bottom: 0;
}

section.location-details .opening-hours {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}

section.location-details .opening-hours .time-row {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr;
}

section.location-details .opening-hours .group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}

section.location-details .gallery {
    display: grid;
    row-gap: 20px;
    column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

section.location-details .gallery .gallery-item:first-of-type {
    grid-column: span 3;
}

section.location-details .gallery .gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

section.location-details .toplevel {
    display: flex;
    flex-direction: column;
}

section.location-details .toplevel>.row {
    flex-grow: 1;
    align-items: start;
}

/* location contacts */

section.standort-contacts .contact-cards {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

section.standort-contacts .contact-cards .contact-card {
    background: var(--dark-1);
    padding: 20px 30px 34px 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

section.standort-contacts .headline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
}

section.standort-contacts .headline h3 {
    margin-bottom: 0;
    width: calc(100% - 24px - 7px);
}

section.standort-contacts .headline img.icon {
    width: 24px;
    height: auto;
}

section.standort-contacts .contact {
    gap: 11px;
}

/* SINGLE FAHRZEUGE */
section.vehicle-details {
    margin-bottom: 880px;
}

section.vehicle-details .standard-box.vehicle-attributes {
    padding: 20px 30px 30px 30px;
    height: fit-content;
}

section.vehicle-details .standard-box h3 {
    margin-bottom: 8px;
}

section.vehicle-details h2 {
    margin-bottom: 0;
}

section.vehicle-details .attributes {
    margin-top: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 22px;
}

section.vehicle-details .attributes img {
    height: 43px;
    width: auto;
}

section.vehicle-details .attributes span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

section.vehicle-details .data {
    margin-top: 20px;
    background-color: var(--dark-2-36);
    padding: 2px 13px 4px 10px;
    border-radius: 10px;
    backdrop-filter: blur(12.5px);
}

section.vehicle-details .contacts {
    margin-top: 40px;
}

section.vehicle-details .contact-card a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    color: var(--bright);
}

section.vehicle-details .contact-card a:hover {
    text-decoration: none;
}

section.vehicle-details .contact-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 38px;
}

section.vehicle-details .textcontent {
    padding: 30px;
}

section.vehicle-details .textcontent+.textcontent {
    margin-top: 20px;
}

section.vehicle-details .textcontent ul {
    margin-top: 20px;
}

section.vehicle-details .contact-card a {
    padding: 25px 30px;
}

section.vehicle-details .vehicle-info,
section.vehicle-details .vehicle-equipment {
    margin-top: 40px;
}

section.vehicle-details .vehicle-info table {
    margin-top: 20px;
    width: 100%;
}

section.vehicle-details .vehicle-info table td {
    padding: 9px;
}

section.vehicle-details .disclaimer {
    margin-top: 40px;
    margin-bottom: 10px;
}

section.vehicle-details .checklist {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    column-gap: 40px;
}

section.vehicle-details .checklist p {
    margin: 0;
    word-break: break-all;
}

section.vehicle-details .checklist p::before {
    content: url('assets/images/check-regular.svg');
    height: auto;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

section.vehicle-details .location {
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
}

section.vehicle-details .location .standard-box {
    padding: 20px 30px 30px 30px;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 37px;
}

section.vehicle-details .location .button-link {
    align-self: end;
}

section.vehicle-details .vehicle-gallery {
    margin-bottom: 20px;
}

section.vehicle-details button.custom-next,
section.vehicle-details button.custom-prev {
    transform: none;
    border: none;
    margin: 0;
    background-color: var(--dark-1);
    width: 77px;
    height: 99px;
    border-radius: 4px;
}

section.vehicle-details .vehicle-gallery .sub-wrap {
    width: calc(100% - 77px - 77px);
    display: inline-block;
}

section.vehicle-details .vehicle-gallery .sub-outer-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 20px;
}

section.vehicle-details .sub,
section.vehicle-details .top {
    border-radius: 4px;
    overflow: hidden;
}

section.vehicle-details .sub,
section.vehicle-details .sub .slick-list,
section.vehicle-details .sub .slick-track,
section.vehicle-details .sub img {
    height: 100%;
}

section.vehicle-details .top img {
    aspect-ratio: 840 / 441;
    object-fit: cover;
    height: auto;
}

section.vehicle-details .vehicle-gallery .sub .slick-slide {
    margin: 0 15px;
    object-fit: cover;
    aspect-ratio: 189 / 99;
}

section.vehicle-details .vehicle-gallery .sub .slick-list {
    padding: 0 15px;
    /* Prevents cropping at the edges */
}

/* TEMPLATE Probe fahren */

section.contact-subpage .row,
section.contact-subpage .row>* {
    --bs-gutter-x: 20px;
}

section.contact-subpage .contact-formular .brand {
    width: 100px;
    height: 60px;
    cursor: pointer;
}

section.contact-subpage .contact-formular .brands {
    gap: 18px;
}

section.contact-subpage .standorte-wrap {
    margin-top: 20px;
}

/* TEMPLATE Allgemeine Anfrage */
section.contact-subpage .navi-tabs button {
    transform: none;
    border: none;
    background-color: var(--bright);
    color: var(--dark-2);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18px;
    font-weight: 400;
    text-transform: none;
    border-radius: 4px;
    margin: 0;
    padding: 13px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

section.contact-subpage .navi-tabs a:hover {
    text-decoration: none;
}

section.contact-subpage .navi-tabs button.current,
section.contact-subpage .navi-tabs button:hover {
    background-color: var(--blue);
    color: var(--bright);
}

body.accent-color-red section.contact-subpage .navi-tabs button.current,
body.accent-color-red section.contact-subpage .navi-tabs button:hover {
    background-color: var(--accent-color);
}

section.contact-subpage .navi-tabs button.current img,
section.contact-subpage .navi-tabs button:hover img {
    filter: brightness(0) invert(1);
}

section.contact-subpage .contact-text {
    margin-top: 40px;
}

section.contact-subpage .standard-box {
    padding: 15px 30px;
}

section.contact-subpage .standard-box.navi-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

section.contact-subpage .standard-box.navi-tabs img.icon {
    height: 24px;
    width: auto;
}

section.contact-subpage .contact-formular .standard-box {
    padding: 20px 30px;
}

section.contact-subpage .contact-formular .standard-box.bright {
    padding: 40px 60px;
}

section.contact-subpage .contact-formular .standard-box+.standard-box {
    margin-top: 20px;
}

section.contact-subpage .contact-formular .standard-box p {
    margin-bottom: 20px;
}

section.contact-subpage .contact-formular .standard-box.consent p {
    margin-bottom: 25px;
}

section.contact-subpage .contact-formular .standard-box.consent p:first-of-type {
    margin-bottom: 10px;
}

section.contact-subpage .contact-formular {
    margin-top: 60px;
}

section.contact-subpage .standort-box-content {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--dark-1);
    border-radius: 4px;
    overflow: hidden;
}

section.contact-subpage .standort.box {
    margin-top: 20px;
    margin-bottom: 40px;
}

section.contact-subpage .standort-box-content-inner {
    width: calc(100% - 440px);
    padding: 20px 30px;
}

section.contact-subpage .externe-contents-container .extern-site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --webkit-justify-content: space-between;
}

.form-wrap {
    width: 100%;
    max-width: 1280px;
}

.form-wrap.unset-max-width {
    max-width: 100%;
}

section.contact-subpage .standort.box .contact {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    --webkit-justify-content: space-between;
    align-items: end;
    margin-top: 17px;
}

section.contact-subpage .standort.box .contact a.bigger {
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    letter-spacing: 0.4px;
    padding-bottom: 23px;
    color: var(--blue);
}

section.contact-subpage .standort.box .contact a:hover {
    text-decoration: none;
}

section.contact-subpage .standort.box .contact a.bigger:hover {
    color: var(--bright);
}

section.contact-subpage .standort.box .contact button {
    margin-top: 30px;
}

section.contact-subpage .form-grid-5 {
    margin-top: 20px;
}

/* Kontakt Service */
section.contact-subpage .brand-service-container>div>div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

section.contact-subpage .brand-service-container {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

section.contact-subpage .brand-service-container .textcontent-wrap {
    grid-column: span 2;
}

section.contact-subpage .brand-service-container img {
    aspect-ratio: 547 / 308;
    object-fit: cover;
    width: 100%;
    height: auto;
}

section.contact-subpage .externe-links-container .externe-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

section.contact-subpage .externe-links-container .externe-link .standard-box {
    width: calc(100% - 252px - 20px);
    height: auto;
}

section.contact-subpage .externe-links-container .externe-link img {
    width: calc(252px - 20px);
    aspect-ratio: 252 / 142;
    object-fit: cover;
}

section.contact-subpage .externe-links-container .externe-link+.externe-link {
    margin-top: 20px;
}

section.contact-subpage .contact-formular .standard-box p.externe-link-title {
    margin-bottom: 35px;
}

section.contact-subpage .standard-box.background {
    justify-content: space-between;
    --webkit-justify-content: space-between;
}

section.contact-subpage .standard-box.background h2 {
    display: none;
}

/* ectern service boxes */
section.contact-subpage .standard-box.background.extern-service-trucks {
    background-image: url('assets/images/service-mercedes-daf-lkw.webp');
}

section.contact-subpage .standard-box.background.extern-service-trucks.open {
    background-image: url('assets/images/service-mercedes-daf-lkw-open.webp');
}

/* template neuigkeiten */
section.small-hero+section.news {
    margin-top: 31px;
}

section.news .content {
    margin-bottom: 65px;
}

section.news .date {
    color: var(--dark-2-70);
    margin-top: 12px;
}

section.news .button-wrap {
    margin-top: 20px;
}

section.news .button-wrap.center {
    text-align: center;
    margin-top: 40px;
}

section.news a.button-link {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 34px;
}

section.news a.button-link.full:hover {
    border-color: var(--blue);
}

section.news .news-slider-wrapper {
    margin-bottom: 40px;
}

section.news .news-slider-wrapper .slick-slide {
    margin: 0 20px;
}

section.news .news-slider-wrapper .slick-list {
    margin: 0 -20px;
}

section.news .news-featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 40px;
}

section.news .news-featured img {
    height: 100%;
    width: 100%;
    aspect-ratio: 880 / 587;
    object-fit: cover;
    border-radius: 0;
}

section.news .news-featured .title {
    margin-bottom: 20px;
}

section.news .news-featured h2 {
    margin-bottom: 0;
    text-transform: none;
}

section.news .news-featured h3 {
    margin-top: 3px;
}

section.news .news-featured .textcontent {
    background-color: var(--bright);
    color: var(--dark-2);
    border-radius: 0;
    padding: 41px 74px;
}

section.news .news-featured .date {
    margin-top: 14px;
}

section.news .news-post {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
}

section.news .news-post .textcontent {
    background-color: var(--bright);
    color: var(--dark-2);
    padding: 30px 40px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --webkit-justify-content: space-between;
}

section.news .news-post img {
    aspect-ratio: 547 / 365;
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
}

section.news .news-post h3 {
    margin-bottom: 0;
}

section.news .news-post .title p {
    margin-top: 8px;
}

section.news .news-post .title {
    margin-bottom: 6px;
}

section.news .news-posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

/* Forms */
input,
select,
textarea {
    border-radius: 4px;
    padding: 17px 20px;
}

input[type="checkbox"] {
    height: 40px;
    width: 40px;
    flex-shrink: 0;
    accent-color: var(--greytext);
}

input[type="checkbox"]:checked {
    accent-color: var(--green);
}


label.checkbox-label,
section.contact-subpage label.checkbox-label {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
}

label.checkbox-label+label.checkbox-label {
    margin-top: 20px;
}

input::placeholder {
    color: var(--dark-2);
    opacity: 1;
}

.input-wrap:not(.no-line)::after {
    content: "";
    height: 0.5px;
    width: calc(100% - 40px);
    background-color: black;
    position: absolute;
    bottom: 17px;
    left: 20px;
    display: inline-block;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.form-grid-4 {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr;
    gap: 20px;
}

.form-grid-5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.form-grid-5 .input-wrap:first-of-type {
    grid-column: span 2;
}

form .submit-wrap {
    margin-top: 40px;
    text-align: right;
}

form .input-wrap {
    display: flex;
    flex-direction: column;
}

form label {
    font-weight: 400;
    margin-bottom: 5px;
}

form .datenschutz-text {
    margin-bottom: 25px;
}

/* Tables */

table.striped tr:nth-child(even) {
    background-color: var(--greytext)
}

table.striped tr td:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

table.striped tr td:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

section.form-builder {
    margin-top: 60px;

    .contact-formular {
        margin-top: 0;
    }
}

/* Flottenwochen */
.flottenwochen-fahrzeuge {
    margin-top: 30px;
    margin-bottom: 40px;
}

.flottenwochen-fahrzeuge .fahrzeug-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.flottenwochen-fahrzeuge .fahrzeug-option {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
}

.flottenwochen-fahrzeuge .fahrzeug-option label {
    display: block;
    text-align: center;
    border: 2px solid var(--dark-1);
    border-radius: 4px;
    padding: 10px;
    background-color: var(--dark-1);
    transition: border-color 0.3s ease-in-out, transform 0.2s ease-in-out;
    cursor: pointer;
    height: 100%;
}

.flottenwochen-fahrzeuge .fahrzeug-option:hover label {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.flottenwochen-fahrzeuge .fahrzeug-option input[type="checkbox"] {
    display: none;
}

.flottenwochen-fahrzeuge .fahrzeug-option img {
    border-radius: 4px;
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    transition: filter 0.3s ease;
}

.flottenwochen-fahrzeuge .fahrzeug-option span {
    font-size: 16px;
    line-height: 22px;
    color: var(--bright);
    display: block;
    transition: filter 0.3s ease;
}

.flottenwochen-fahrzeuge .fahrzeug-option input[type="checkbox"]:checked + label {
    border-color: var(--accent-color);
    background-color: var(--dark-2);
}

.flottenwochen-fahrzeuge .fahrzeug-option input[type="checkbox"]:checked + label img,
.flottenwochen-fahrzeuge .fahrzeug-option input[type="checkbox"]:checked + label span {
    filter: brightness(1.2);
}

/* Monatstitel */
.flottenwochen-fahrzeuge .flotten-monat {
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px;
    color: var(--accent-color);
}

/* Responsive Anpassung */
/* Tablets (≤ 1024px) → 2–3 Spalten */
@media (max-width: 1024px) {
    .flottenwochen-fahrzeuge .fahrzeug-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

/* Smartphones (≤ 768px) → 2 Spalten */
@media (max-width: 768px) {
    .flottenwochen-fahrzeuge .fahrzeug-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

/* Kleine Geräte (≤ 480px) → 1 Spalte */
@media (max-width: 480px) {
    .flottenwochen-fahrzeuge .fahrzeug-grid {
        grid-template-columns: 1fr;
    }
}





/* RESPONSIVE */

@media (max-width: 1899.98px) {
    section.four-vehicles .attributes>span {
        width: calc(50% - 20px);
    }

    section.four-vehicles .attributes {
        column-gap: 20px;
    }
}

@media (max-width: 1799.98px) {
    section.standort-filter .standorte {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    section .employees {
        grid-template-columns: 1fr 1fr;
    }

    section.four-vehicles .attributes>span {
        width: 100%;
    }

    .event-item .details p {
        display: block;
    }

    section.five-tiles .tiles {
        display: block;
    }

    section.five-tiles .tiles .tile-group {
        margin-bottom: 40px;
    }

    section.global-counts-text .row>div.left {
        flex: 0 0 auto;
        width: 40%;
    }

    section.global-counts-text .row>div.right {
        flex: 0 0 auto;
        width: 60%;
    }
}

@media (max-width: 1599.98px) {}

@media (max-width: 1599.98px) {

    section.five-tiles .tile-group .tile:hover .textcontent {
        padding-right: 100px;
    }
}

@media (max-width: 1499.98px) {
    section.events .events-content>.row>div {
        width: 100%;
    }

    footer .menus {
        flex-wrap: wrap;
    }
}

@media (max-width: 1399.98px) {

    main {
        padding-left: 0;
        padding-right: 0;
    }

    .container {
        max-width: 100%;
    }

    section.standort-contacts .contact-cards {
        grid-template-columns: 1fr 1fr;
    }

    section.location-details .toplevel+.toplevel {
        margin-top: 44px;
    }

    .form-grid-5 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .form-grid-5 .input-wrap:first-of-type {
        grid-column: span 3;
    }

    section.global-counts-text .text {
        max-width: 100%;
    }

    section.global-counts-text .left {
        margin-bottom: 20px;
    }

    section.global-counts-text .row>div.left,
    section.global-counts-text .row>div.right {
        width: 100%;
    }

    /* section.contact-subpage .row>.externe-links-container {
        width: 60%;
    }

    section.contact-subpage .row>.extern-service-trucks-content {
        width: 40%;
    } */

    section.vehicle-search .two-thumbs-range-container {
        margin-right: 0;
    }

    section.counter .textcontent {
        max-width: 100%;
    }

    section.counter .row {
        gap: 20px;
        flex-direction: column-reverse;
    }

    .global-counts {
        gap: 20px;
    }
}

@media (max-width: 1299.98px) {}

@media (max-width: 1199.98px) {
    header .header-content a.logo-link {
        margin-right: 10px;
    }

    section.standort-filter .standorte {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* locations */
    section.locations .bottom-text {
        justify-content: end;
        --webkit-justify-content: end;
    }

    /* four tiles */
    section.four-tiles .tile-group.tile-row {
        flex-direction: column;
    }

    section.four-tiles .tile-group.tile-columns img {
        aspect-ratio: 840 / 440;
    }

    section.frontpage-hero-slider img.slider-image {
        min-height: 60vh;
    }

    /* taxonomy marke */
    section.brand-three-tiles-text .row {
        row-gap: 20px;
    }

    section.brand-changing-images .boxes {
        gap: 20px;
    }

    section.brand-changing-images .box {
        width: calc(50% - 10px);
    }

    section.brand-changing-images .box.logo-box {
        padding: 20px;
    }

    section.brand-models .models {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    section.brand-models .text-box {
        gap: 20px;
        padding: 20px;
    }

    section.tablebox img.image {
        height: auto;
    }

    /* fahrzeugsuche */
    body.page-template.page-template-template-detailsuche .filter-box {
        padding: 20px;
    }

    body.page-template.page-template-template-detailsuche .cars-search .filter-box {
        margin: 0;
    }

    body.page-template.page-template-template-detailsuche .cars-search .row,
    body.page-template.page-template-template-detailsuche .cars-search .row>* {
        --bs-gutter-x: 20px;
    }
}

@media (max-width: 991.98px) {

    .row,
    .row>* {
        --bs-gutter-x: 20px;
    }

    .mt-mobile-20{
        margin-top: 20px;
    }

    /* forms */
    .form-grid-3,
    .form-grid-5 {
        grid-template-columns: 1fr 1fr;
    }

    .form-grid-5 .input-wrap:first-of-type {
        grid-column: span 2;
    }

    form .extern-service-trucks-content {
        margin-top: 20px;
    }

    /* footer */
    footer {
        padding-bottom: 152px;
    }

    /* header */
    header {
        top: 30px;
    }

    header .header-content {
        padding: 0 30px;
        justify-content: end;
        --webkit-justify-content: end;
    }

    header .header-content a.logo-link {
        margin-right: 0;
    }

    main {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }

    h1 {
        font-size: 34px;
        line-height: 42px;
        letter-spacing: 0.34px;
        margin-bottom: 13px;
    }

        body.font-style-2 h1 {
            font-size: 31px;
        }

    h2 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.24px;
        margin-bottom: 13px;
    }

        body.font-style-2 h2 {
            font-size: 21px !important;
            line-height: 29px !important;
        }

    h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.24px;
        margin-bottom: 13px;
    }

        body.font-style-2 h3 {
            font-size: 17px;
        }

    section.single-post .title h2 {
        margin-bottom: 13px;
    }

    .container {
        max-width: 100%;
        padding: 0;
    }

    footer .container {
        padding: 0 20px;
    }

    .pseudo-button,
    button,
    a.button-link,
    input.wpcf7-submit {
        font-size: 16px;
        line-height: 20px;
        /* border-color: var(--accent-color); */
    }

    .global-counts {
        gap: 10px;
    }

    .global-counts .count {
        gap: 0;
        padding: 9px 9px 14px 9px;
    }

    .global-counts .count .number {
        font-size: 34px;
        letter-spacing: 0.34px;
        line-height: 42px;
    }

    .global-counts .count h3 {
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }

    section.global-counts-text .row {
        flex-direction: column-reverse;
    }

    section.global-counts-text .left {
        margin-top: 20px;
    }

    .vehicle-card .title-mobile {
        padding: 17px 27px;
    }

    .filter-box {
        padding: 20px;
    }

    section.three-images-text .textbox.light,
    section.three-images-text .textbox.dark,
    body section .textbox.light,
    body section .textbox.dark,
    body section .textbox.dark2 {
        padding: 20px;
    }

    section.textblock .textontent {
        padding: 0 20px;
    }

    section .textbox button {
        margin-top: 23px;
    }

    .textcontent button {
        margin-top: 23px;
    }

    .table-wrap {
        overflow: auto;
    }

    section.table-8-grid {
        overflow-x: auto;
    }

    section.tablebox table,
    section.table-8-grid table {
        width: max-content;
        min-width: 100%;
        table-layout: auto;
    }

    section.tablebox td,
    section.tablebox th,
    section.table-8-grid table td,
    section.table-8-grid table th {
        min-width: 170px;
        max-width: 170px;
        font-weight: 400;
        padding: 9px 11px;
    }

    section.tablebox tr td:last-child,
    section.tablebox tr th:last-child,
    section.table-8-grid table tr td:last-child,
    section.table-8-grid table tr th:last-child {
        width: auto;
    }

    section.tablebox .table-container {
        max-width: 100%;
        overflow: auto;
    }

    section.locations .map-buttons {
        display: none;
    }

    /* TEMPLATE PARTS */

    /* spacing */
    section.frontpage-hero-slider+section {
        margin-top: 20px;
    }

    section.brand-hero+section {
        margin-top: 10px;
    }

    section.two-slider+section {
        margin-top: 48px;
    }

    section.vehicle-search+section {
        margin-top: 60px;
    }

    section.three-images-text+section.three-images-text,
    section.brand-models+section,
    section.brand-image-text+section,
    section.brand-three-tiles-text+section,
    section.brand.gallery-text+section {
        margin-top: 60px;
    }

    .standort-filter+section,
    section.global-counts-text+section,
    section.small-hero+section {
        margin-top: 20px;
    }

    section.location-details+section,
    section.textbox-8-grid+section,
    section.text-8-grid+section,
    section.accordion+section,
    section.text-8-grid+section.accordion,
    section.two-slider+section.text-8-grid,
    section.gallery-text+section,
    section.big-media+section,
    section.tablebox+section,
    section.table-8-grid+section,
    section.gallery+section,
    section.image-text+section.gallery,
    section.textblock+section,
    section.three-images-text+section,
    section.image-banner+section,
    section.image-text+section {
        margin-top: 40px;
    }

    section.standort-contacts+section {
        margin-top: 0;
    }

    /* single standorte */
    section.global-counts-text .row>div.left {
        margin-bottom: 0;
    }

    section.standort-filter img.wp-post-image {
        display: none;
    }

    section.standort-filter img.wp-post-image+.standort-text {
        width: 100%;
        padding: 20px;
    }

    section.location-details .gallery {
        column-gap: 20px;
    }

    section.location-details .brands,
    section.location-details .toplevel+.toplevel {
        margin-top: 20px;
    }

    section.location-details .toplevel .row {
        gap: 20px;
    }

    section.location-details .standard-box {
        padding: 20px 30px 30px 30px;
    }

    section.map-all-standorte.locations .map {
        aspect-ratio: 372 / 180;
    }

    section.location-details .brands {
        padding: 12px 40px;
    }

    /* employees */
    section h3.title {
        margin-bottom: 12px;
    }

    section .employees {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    section .employees .employee img.attachment-post-thumbnail,
    section .employees.ceo .employee img.attachment-post-thumbnail {
        aspect-ratio: 100 / 149;
        width: 100px;
    }

    section .employees .employee .textcontent,
    section .employees.ceo .employee .textcontent {
        width: calc(100% - 100px);
    }

    section.standort-toggle .team-member-buttons {
        justify-content: center;
    }

    section .employees .contact {
        width: 100%;
        padding: 20px;
        gap: 4px;
        background-color: var(--dark-1);
    }

    /* extern site */
    section .extern-site {
        padding: 20px;
    }

    section .extern-site+.extern-site {
        margin-top: 20px;
    }

    /* frontpage-hero-slider */
    section.frontpage-hero-slider {
        border-radius: 4px;
        overflow: hidden;
    }

    section.frontpage-hero-slider .blurred-shape,
    section.frontpage-hero-slider .hero-slider-text .textcontent .text .group {
        display: none;
    }

    section.frontpage-hero-slider .subtext {
        right: 10px;
        width: calc(100% - 20px);
        bottom: 10px;
    }

    section.frontpage-hero-slider .hero-slider-text .text {
        margin: 0 40px;
        justify-content: end;
        padding-bottom: 90px;
    }

    section.frontpage-hero-slider .hero-slider-text a.button-link {
        margin-right: auto;
    }

    section.frontpage-hero-slider img.slider-image {
        aspect-ratio: 372 / 496;
        border-radius: 0;
        max-height: calc(100vh - 20px);
        min-height: unset;
    }

    section.frontpage-hero-slider .hero-slider-text-mobile ul.slick-dots {
        position: relative;
        bottom: unset;
        right: unset;
        margin-top: 13px;
    }

    section.frontpage-hero-slider .slick-dots li:not(.slick-active) button {
        background-color: #4D4D4D;
    }

    section.frontpage-hero-slider .hero-slider-text-mobile {
        padding: 20px;
        background-color: var(--dark-1);
    }

    /* two-slider */
    section.two-slider .slider-image {
        aspect-ratio: 372 / 300;
    }

    section.two-slider .button-link {
        margin: 20px auto;
    }

    section.two-slider .bar {
        padding: 13px 20px;
    }

    section.two-slider .row {
        row-gap: 10px;
    }

    section.two-slider h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.18px;
    }

    /* vehicle search */
    section.vehicle-search .row {
        flex-direction: column-reverse;
        row-gap: 50px;
    }

    section.vehicle-search .button-link {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    section.brand-hero.small img {
        aspect-ratio: 372 / 189;
    }

    section.brand-hero.small .textcontent {
        bottom: 20px;
        left: 17px;
        max-width: 250px;
    }

    /* fahrzeugsuche */

    section.fahrzeugsuche .filter-container .button-wrap,
    body.page-template-template-fahrzeugsuche section.fahrzeugsuche .button-wrap+.button-wrap {
        margin-top: 40px;
    }

    section.fahrzeugsuche .filter-container .button-wrap a.button-link {
        border-color: var(--blue);
    }

    section.fahrzeugsuche .vehicle-card .vehicle-card-text .attributes {
        row-gap: 10px;
        column-gap: 10px;
        margin-top: 15px;
    }

    section.fahrzeugsuche .vehicle-card .vehicle-card-text .data {
        margin-top: 20px;
    }

    section.fahrzeugsuche .vehicle-card .vehicle-card-text {
        padding: 15px 20px 32px 20px;
    }

    section.fahrzeugsuche .vehicle-card img.vehicle-card-image {
        max-width: 176px;
        height: 92px;
        border-radius: 0;
        border-top-left-radius: 4px;
        object-fit: cover;
    }

    section.fahrzeugsuche .vehicle-card .mobile-wrap {
        display: flex;
        flex-direction: row-reverse;
    }

    section.fahrzeugsuche .vehicle-card .title-mobile {
        padding: 20px;
        width: calc(100% - 176px);
    }

    section.fahrzeugsuche .vehicle-card .title-mobile h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.18px;
    }

    body.page-template-template-fahrzeugsuche .all-cars>.row {
        row-gap: 20px;
    }

    /* fahrzeugsuche detail */
    body.page-template-template-fahrzeugsuche-detail {

        .cars-search .row {
            row-gap: 20px;
        }

        section.brand-hero.small img {
            display: none;
        }

        section.brand-hero.small .textcontent {
            position: relative;
            bottom: unset;
            left: unset;
            max-width: 100%;
            padding-top: 90px;
        }

        section.brand-hero.small .textcontent h1 {
            text-transform: none;
            font-size: 24px;
            line-height: 34px;
        }

        section.vehicle-details {
            margin-bottom: 40px;
        }

        section.vehicle-details button.custom-next,
        section.vehicle-details button.custom-prev {
            height: unset;
            padding: 8px 28px;
        }

        section.vehicle-details .vehicle-gallery .sub .slick-slide {
            margin: 0 9px;
            aspect-ratio: 78 / 41;
        }

        section.vehicle-details .vehicle-gallery .sub .slick-list {
            padding: 0 9px;
        }

        section.vehicle-details .container>.row {
            gap: 20px;
        }

        section.vehicle-details .standard-box.vehicle-attributes {
            margin-bottom: 20px;
            padding: 20px;
        }

        section.vehicle-details .wrap-info {
            display: flex;
            flex-direction: column-reverse;
            gap: 20px;
        }

        section.vehicle-details h2 {
            font-size: 40px;
            line-height: 50px;
            letter-spacing: 0.4px;
        }

        section.vehicle-details .standard-box h3 {
            margin-bottom: 10px;
        }

        section.vehicle-details .attributes {
            margin-top: 26px;
            gap: 10px;
            grid-template-columns: 1fr;
        }

        section.vehicle-details .data {
            margin-top: 32px;
        }

        section.vehicle-details .vehicle-info {
            margin-top: 0;
        }

        section.vehicle-details .vehicle-equipment {
            margin-top: 20px;
        }

        section.vehicle-details .attributes span {
            gap: 22px;
        }

        section.vehicle-details .vehicle-equipment .textcontent {
            padding: 20px;
        }

        section.vehicle-details .textcontent {
            padding: 20px 10px;
        }

        section.vehicle-details .vehicle-info table {
            margin-top: 10px;
        }

        section.vehicle-details h4 {
            margin-bottom: 10px;
        }

        section.vehicle-details h3 {
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 0.18px;
            margin-bottom: 10px;
        }

        section.vehicle-details .location h3 {
            font-size: 24px;
            line-height: 34px;
            letter-spacing: 0.24px;
            margin-bottom: 8px;
        }

        section.vehicle-details .disclaimer {
            margin-top: 20px;
            margin-bottom: 0;
            padding: 0 10px;
        }

        section.vehicle-details .disclaimer p {
            margin-bottom: 0;
        }

        section.vehicle-details .location {
            margin-top: 0;
        }

        section.vehicle-details .contacts {
            margin-top: 20px;
        }

    }

    /* taxonomy marke */
    section.brand-hero img {
        min-height: 190px;
        object-fit: cover;
    }

    section.brand-hero .textcontent {
        bottom: 20px;
        left: 20px;
    }

    section.brand-image-text-offset .content-inside {
        flex-direction: column;
        margin-bottom: 40px;
    }

    section.brand-image-text-offset .content .textcontent {
        width: 100%;
        max-width: 100%;
        padding: 20px;
    }

    section.brand-hero+section,
    section.brand-changing-images+section {
        margin-top: 20px;
    }

    section.brand-image-text-offset .content .image {
        position: relative;
        width: 100%;
        bottom: unset;
        right: unset;
    }

    section.brand-three-tiles-text .small-tiles {
        gap: 20px;
    }

    section.brand.gallery-text .row {
        gap: 40px;
    }

    section.gallery img {
        aspect-ratio: 176 / 99;
        height: auto;
    }

    section.gallery .caption {
        position: relative;
        bottom: unset;
    }

    section.gallery-text .images {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    section.gallery-text .images img.image-0 {
        grid-column: span 2;
    }

    section.locations.brand-locations h2 {
        margin-bottom: 13px;
    }

    section.brand-three-tiles-text .textcontent {
        padding: 30px 20px;
    }

    section.locations.brand-locations .row+.row {
        margin-top: 20px;
    }

    section.brand-three-tiles-text .small-tiles img {
        height: calc(50% - 10px);
    }

    section.three-images-text .small-images-col .image-text-slider {
        height: calc(50% - (20px / 2));
    }

    section.three-images-text .image-text-slider+.image-text-slider {
        margin-top: 20px;
    }

    section.three-images-text .text-col {
        margin-top: 20px
    }

    /* demo elemente */

    section.small-hero img {
        min-height: 190px;
        object-fit: cover;
    }

    section.small-hero .textcontent {
        left: 18px;
        bottom: 13px;
    }

    section.image-text .row {
        row-gap: 0;
    }

    body section.image-text .textbox {
        padding-bottom: 45px;
    }

    body section.image-text .textbox,
    section.image-text img.image,
    section.image-text video {
        border-radius: 0;
    }

    section.image-text {
        border-radius: 4px;
        overflow: hidden;
    }

    section.image-text+section.image-text {
        margin-top: 20px;
    }

    section.gallery-text h2,
    section.tablebox h3,
    section.textblock h2,
    section.three-images-text h2,
    section.image-text h2 {
        margin-bottom: 11px;
        font-size: 34px;
        line-height: 42px;
        letter-spacing: 0.34px;
    }

    section.gallery .gallery-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    section.gallery h2 {
        text-transform: none;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.18px;
    }

    section.tablebox .table-wrap {
        padding: 20px;
    }

    section.gallery-text .row {
        gap: 40px;
    }

    section.four-tiles-slider .row {
        gap: 20px;
    }

    section.accordion .accordion-item {
        width: calc(100% - 104px - 20px);
    }

    section.accordion .accordion-wrap {
        gap: 20px;
    }

    section.news .news-posts-grid {
        grid-template-columns: 1fr;
    }

    /* .group.fahrzeugsuche
    {
        display:none;
    } */

    .ccm-settings-summoner.ccm-show {
        display: none;
    }
}

@media (max-width: 767.98px) {

    section .button-wrap {
        text-align: center;
    }

    /* forms */
    form .submit-wrap {
        text-align: center;
    }

    .form-grid-2,
    .form-grid-3,
    .form-grid-5 {
        grid-template-columns: 1fr;
    }

    .form-grid-5 .input-wrap:first-of-type {
        grid-column: unset;
    }

    form .standard-box .group {
        flex-direction: column;
        gap: 20px;
    }

    section.contact-subpage .contact-formular .standard-box .group>* {
        width: 100%;
    }

    .pills-wrap {
        justify-content: center;
    }

    .navi-tabs-container {
        display: none !important;
    }
    section.contact-subpage .contact-formular {
        margin-top: 0;
    }

    /* contact pages */
    section.contact-subpage .contact-formular .standard-box,
    section.contact-subpage .standard-box {
        padding: 20px;
    }

    section.contact-subpage .standard-box.navi-tabs span,
    section.contact-subpage .standard-box.navi-tabs button,
    section.contact-subpage .standard-box.navi-tabs a {
        width: 100%;
    }

    /* spacing */
    section.five-tiles+section {
        margin-top: 50px;
    }

    section.four-tiles+section {
        margin-top: 49px;
    }

    /* employees */
    section .employees {
        grid-template-columns: 1fr;
    }

    section .initially-hidden-content .employees,
    section .initially-hidden-content .employees.no-thumbnails {
        grid-template-columns: 1fr;
    }

    /* demo elemente */
    section.image-banner img {
        aspect-ratio: unset;
        height: 90px;
        object-fit: cover;
    }

    /* taxonomy marke */
    section.brand-models .models {
        grid-template-columns: 1fr;
    }

    /* single post */
    body.single section.single-post .textbox {
        padding: 10px 20px 10px 20px;
    }

    section.events.single-post .detail-boxes {
        display: none;
    }

    section.single-post .date-time-items {
        display: inline-block;
    }

    /* footer */
    footer {
        /* padding-bottom: 112px; */
        margin-top: 60px;
    }

    footer .menus {
        gap: 10px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    footer .footer-content {
        padding: 30px 20px;
    }

    footer .footer-content+.footer-content {
        margin-top: 20px;
    }

    footer .legend .footer-content .legend-number {
        font-size: 34px;
        font-weight: 900;
        line-height: 42px;
        letter-spacing: 0.34px;
    }

    footer .legend .footer-content {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 17px;
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .brands-block {
        padding-top: 20px;
    }

    footer .brands {
        column-gap: 31px;
    }

    footer .brands .brand {
        height: 64px;
        width: 103px;
    }

    footer .legend {
        margin-top: 40px;
    }

    footer .legend h4 {
        text-transform: uppercase;
    }

    footer .accordion-collapse,
    footer .accordion-header {
        background-color: var(--dark-2-36);
        border-radius: 4px;
        padding: 10px 20px;
    }

    footer .accordion+.accordion {
        margin-top: 10px;
    }

    footer .accordion-body {
        padding: 0;
    }

    footer .menu-title {
        text-transform: capitalize;
    }

    footer .accordion-collapse {
        margin-top: 5px;
    }

    footer .accordion-btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        --webkit-justify-content: space-between;
        align-items: center;
    }

    footer .accordion-btn svg {
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

    footer .accordion-btn[aria-expanded="true"] svg {
        transform: rotate(90deg);
    }

    /* fahrzeugsuche detail */
    section.vehicle-details .checklist {
        grid-template-columns: 1fr;
        row-gap: 10px;
        column-gap: 10px;
    }

    section.vehicle-details .contact-cards {
        grid-template-columns: 1fr;
        row-gap: 10px;
        column-gap: 10px;
    }

    section.vehicle-details .location .button-link {
        align-self: center;
    }

    /* vehicle card */
    section .vehicle-card .vehicle-card-text .model {
        margin-top: 0;
    }

    section .vehicle-card .vehicle-card-text {
        padding: 20px 27px 37px 27px;
    }

    section .vehicle-card .vehicle-card-text .pricing {
        margin-top: 30px;
    }

    section .vehicle-card .vehicle-card-text .data {
        margin-top: 30px;
    }

    section .vehicle-card .vehicle-card-text .attributes {
        row-gap: 20px;
        margin-top: 25px;
    }

    section .vehicle-card .vehicle-card-text .attributes span img {
        width: 18px;
    }

    section .vehicle-card img.vehicle-card-image {
        border-radius: 0;
    }

    /* four vehicles */
    section.four-vehicles .vehicles-row {
        row-gap: 20px;
    }

    section.four-vehicles .bottom-text {
        margin-top: 5px;
        display: none;
    }

    section.four-vehicles .button-wrap {
        text-align: center;
        margin-top: 20px;
    }

    /* locations */
    section.locations {
        margin-bottom: 30px;
    }

    section.locations .row {
        row-gap: 20px;
    }

    section.locations .map {
        aspect-ratio: 1 / 1;
    }

    section.locations .standort>img {
        aspect-ratio: 372 / 211;
    }

    section.locations .standort-text {
        padding: 20px;
    }

    section.locations .bottom-text {
        justify-content: center;
        --webkit-justify-content: center;
        margin-top: 20px;
    }

    /* five tiles */
    section.five-tiles .tiles .tile-group>div {
        flex: 1 0 100%;
        aspect-ratio: 372 / 209;
    }

    section.five-tiles .tiles .tile-group {
        gap: 20px;
    }

    section.five-tiles .image-mobile {
        text-align: center;
        margin-bottom: 89px;
    }

    section.five-tiles .tiles .tile-group {
        margin-bottom: 0;
    }

    /* four-tiles */
    section.four-tiles .tiles {
        flex-direction: column;
        gap: 20px;
    }

    section.four-tiles .tile-group.tile-columns,
    section.four-tiles .tile-group.tile-row {
        gap: 20px;
    }

    section.four-tiles .tile .bar {
        border-radius: 10px;
        background-color: var(--dark-2-36);
        backdrop-filter: blur(12.5px);
        max-width: calc(100% - 20px);
        margin-left: 10px;
        margin-bottom: 10px;
        width: fit-content;
    }

    section.four-tiles .bar svg {
        display: none;
    }

    /* events */
    section.events .showbox-content {
        flex-direction: column;
    }

    section.events .showbox-content img {
        width: 100%;
    }

    section.events .event-item a.button-link,
    section.events .showbox-content img+.textcontent {
        display: none;
    }

    section.events .events-content {
        margin-bottom: 10px;
    }

    .event-item .textcontent {
        width: calc(100% - 180px);
    }
}

@media (max-width: 575.98px) {

    section.four-tiles .tile-group.tile-row img,
    section.four-tiles .tile-group.tile-columns img {
        aspect-ratio: 1 / 1;
    }

    section.accordion .accordion-item {
        width: 100%;
    }

    section.accordion .accordion-wrap {
        flex-direction: column;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p {
        hyphens: auto;
    }

    body.page-template-template-fahrzeugsuche section.fahrzeugsuche .filter-container .checkbox-brands.brands label{
        width: calc(33.33% - 11px);
    }

        body.font-style-2 h1 {
            font-size: 21px !important;
            line-height: 24px !important;
        }
    
    header .brands .brand{
        width: calc(33.33% - 10px);
    }

     footer .brands .brand,
    section.contact-subpage .contact-formular .brand{
        width: calc(33.33% - 12px);
    }

    footer .brands{
        column-gap: 18px;
    }
}



    @media(max-width: 375.98px) {
    h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.30px;
    }

    section.fahrzeugsuche .vehicle-card .mobile-wrap {
        flex-direction: column-reverse;
    }

    section.fahrzeugsuche .vehicle-card .title-mobile {
        width: 100%;
    }

    section.fahrzeugsuche .vehicle-card img.vehicle-card-image {
        max-width: 100%;
        height: 170px;
    }

    section .vehicle-card {
        overflow: hidden;
    }
}

@media(min-width: 992px) {
    header .submenu a:hover {
        color: var(--accent-color-ondark);
    }

    header .submenu nav a:hover svg,
    header .submenu nav a:hover svg path {
        fill: var(--accent-color-ondark);
    }
}
/* Fahrzeugsuche: initial loading spinner */
section.fahrzeugsuche .results-container .results-spinner { display: none; }
section.fahrzeugsuche .results-container.init-loading .results-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
section.fahrzeugsuche .results-container.init-loading .results-content { display: none; }
section.fahrzeugsuche .results-container .results-spinner .spinner {
  width: 56px;
  height: 56px;
  border: 4px solid rgba(13,110,253,0.2);
  border-top-color: var(--blue);
  border-radius: 50%;
  animation: riess-spin 0.9s linear infinite;
}
@keyframes riess-spin { to { transform: rotate(360deg);} }