/* Define Variables */
:root {

    font-size: 18px;

    /* Primary Colors */
    --primary-black: #000000;
    --primary-white: #ffffff;
    --primary-button: #006583;
    --hover-primary: #1F9CC2;
    --interaction-blue: #0056b3;
    --error-red: #e60000;
    --alert-orange: #ff9900;
    --success-green: #28a745;

    /* Grayscale */
    --gray-80: #525252;
    --gray-70: #666666;
    --gray-60: #7A7A7A;
    --gray-40: #B5B4B4;
    --gray-30: #CCCCCC;
    --gray-20: #E0E0E0;
    --gray-10: #F5F5F5;

    /* Breakpoints */
    /* --breakpoint-xs: 320px;
    /* --breakpoint-sm: 768px;
    /* --breakpoint-md: 1280px;
    /* --breakpoint-lg: 1920px;*/

    /* Font Sizes */
    --font-size-d1: 72px;
    --font-size-d2: 48px;
    --font-size-d3: 32px;
    --font-size-d4: 24px;
    --font-size-d5: 20px;
    --font-size-d6: 16px;
    --font-size-copy-large: 18px;
    --font-size-copy-medium: 16px;
    --font-size-copy-small: 14px;
    --font-size-copy-xs: 12px;

    /* Line Heights */
    --line-height-d1: 72px;
    --line-height-d2: 48px;
    --line-height-d3: 32px;
    --line-height-d4: 28px;
    --line-height-copy: 24px;

    /* Spacing Units */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 40px;

    /* Margin and Padding */
    --margin-xs: 4px;
    --margin-sm: 8px;
    --margin-md: 16px;
    --margin-lg: 24px;
    --margin-xl: 32px;
    --margin-xxl: 40px;

    --padding-xs: 4px;
    --padding-sm: 8px;
    --padding-md: 16px;
    --padding-lg: 24px;
    --padding-xl: 32px;
    --padding-xxl: 40px;

    /* Button Sizes */
    --button-height-large: 56px; /* 3.5rem */
    --button-height-small: 40px; /* 2.5rem */

    /* Button Padding */
    --button-padding: 16px;
    --button-padding-small: 8px;

    /* Button Radius */
    --button-border-radius: 4px;

    /* Grid System */
    --grid-gutter: 16px;
    --grid-column-count: 12;
    --grid-margin: 24px;

    --mq-1-margin: 20px;
    --mq-1-gutter: 16px;
    --mq-2-margin: 24px;
    --mq-2-gutter: 16px;
    --mq-3-margin: 32px;
    --mq-3-gutter: 32px;
    --mq-4-margin: 56px;
    --mq-4-gutter: 32px;
    --mq-5-margin: auto;
    --mq-5-gutter: 32px;
    --mq-5-max-width: 1920px;

    /* Fonts */
    --font-family-serif: 'MINISerif', serif;
    --font-family-sans: 'MINISansSerif', sans-serif;
    --font-weight-bold: 700;
    --font-weight-regular: 400;
}

@font-face {
    font-family: 'MINISerif';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Regular.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Regular.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Regular.woff') format('woff');
}

@font-face {
    font-family: 'MINISerif';
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Bold.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Bold.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Bold.woff') format('woff');
}

@font-face {
    font-family: 'MINISerif';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Medium.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Medium.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Medium.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Medium.woff') format('woff');
}

@font-face {
    font-family: 'MINISerif';
    font-style: italic;
    font-weight: normal;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Italic.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Italic.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Italic.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISerif-Italic.woff') format('woff');
}

@font-face {
    font-family: 'MiniSansSerif';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Regular.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Regular.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Regular.woff') format('woff');
}

@font-face {
    font-family: 'MiniSansSerif';
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Bold.eot');
    src: url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Bold.woff2') format('woff2'), url('https://www.autohaus-kuehnert.de/wp-content/uploads/2026/09/MINISansSerif-Bold.woff') format('woff');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

body{
    margin: 0px;
}




/* main class */
.select-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
    font-size: var(--font-size-copy-large);
    line-height: var(--line-height-copy);
    color: var(--primary-black);
    border-bottom: 2px solid var(--gray-40);
    z-index: 3;
}

.select-box.disabled {
    border-color: var(--gray-30);
    color: var(--gray-30);
}

.select-box.error {
    border-color: var(--error-red);
}

.select-box:hover {
    border-color: var(--interaction-blue);
}

.select-box:focus {
    border: 3px solid var(--interaction-blue);
}

.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
}
.select-box__current:focus + .select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
}
.select-box__current:focus .select-box__icon {
    -webkit-transform: translateY(50%) rotate(135deg);
    transform: translateY(50%) rotate(135deg);
}
.select-box__icon {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    transition: 0.2s ease;
}
.select-box__value {
    display: flex;
}
.select-box__input {
    display: none;
}

.select-box__input:checked + .select-box {
    border-color: var(--interaction-blue);
}

.select-box__input:checked + .select-box__input-text {
    display: block;
}

.select-box__current:hover .select-box__input-text {
    color: var(--interaction-blue);
}

.carpet {
    border-bottom: 1px solid var(--primary-black);
    border-left: 1px solid var(--primary-black);
    width: 12px;
    height: 12px;
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
}

.select-box__current:hover .carpet, .select-box__current:focus .carpet{
    border-color: var(--interaction-blue);
}

.select-box.error .carpet{
    border-color: var(--error-red);
}


.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: var(--padding-md);
    background-color: #fff;
}
.select-box__list {
    position: absolute;
    width: 100%;
    top: 58px;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 16px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
    display: block;
    padding: var(--padding-md);
    background-color: #fff;
}

@-webkit-keyframes HideList {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes HideList {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

.md-ds-address-hours-set {
    display: none;
}

.md-ds-address-hours-visible {
    display: block;
}






html body{
    font-family: var(--font-family-sans) !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--font-family-serif);
    overflow-wrap: break-word;
    font-weight: 500;
    letter-spacing: normal;
}

/* Standard-Styling für das ouroffer-Element */
.ouroffer .h0 {
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase;
}

/* Styling für Bildschirmbreiten ab 480px */
@media (min-width: 480px) {
    .ouroffer .h0 {
        font-size: 3rem;
        line-height: 1;
    }
}

/* Styling für Bildschirmbreiten ab 1280px */
@media (min-width: 1280px) {
    .ouroffer .h0 {
        font-size: 4.5rem;
        line-height: 1;
    }
}

/* Spezifisches Styling für den Text mit Gradient-Effekt */
.ouroffer .h0 .apply-gradient {
    padding: 0 8px;
    background: linear-gradient(
        0,
        rgba(255, 255, 255, 0) 7px,
        var(--x) 7px,
        var(--x) 31px,
        rgba(255, 255, 255, 0) 31px,
        rgba(255, 255, 255, 0) 100%
        );

}

/*fbsfbsgbswgbtsbgswgbgtb*/

/* Standard-Styling für .news .h0 */
.elementor-element.elementor-element-caac574.news.elementor-widget.elementor-widget-heading {
    padding: 0 8px;
    background: linear-gradient(
        0,
        rgba(255, 255, 255, 0) 7px,
        var(--x) 7px,
        var(--x) 31px,
        rgba(255, 255, 255, 0) 31px,
        rgba(255, 255, 255, 0) 100%
        );
}

/* Styling für Bildschirmbreiten ab 480px */
@media (min-width: 480px) {
    .elementor-element.elementor-element-caac574.news.elementor-widget.elementor-widget-heading {
        padding: 0 8px;
        background: linear-gradient(
            0,
            rgba(255, 255, 255, 0) 7px,
            var(--x) 7px,
            var(--x) 31px,
            rgba(255, 255, 255, 0) 31px,
            rgba(255, 255, 255, 0) 100%
            );
    }
}

/* Styling für Bildschirmbreiten ab 1280px */
@media (min-width: 1280px) {
    .news .h0 .apply-gradient {
        padding: 0 8px;
        background: linear-gradient(
            0,
            rgba(255, 255, 255, 0) 7px,
            var(--x) 7px,
            var(--x) 31px,
            rgba(255, 255, 255, 0) 31px,
            rgba(255, 255, 255, 0) 100%
            );
    }
}

/*eofrniejpfrnviowfrnvoüswefnbvoüwefnv*/

/* Standard-Styling für das Element */
.elementor-element-d5e3146 .elementor-widget-container h2 {
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase;
}

/* Styling für Bildschirmbreiten ab 480px */
@media (min-width: 480px) {
    .elementor-element-d5e3146 .elementor-widget-container h2 {
        font-size: 3rem;
        line-height: 1;
    }
}

/* Styling für Bildschirmbreiten ab 1280px */
@media (min-width: 1280px) {
    .elementor-element-d5e3146 .elementor-widget-container h2 {
        font-size: 4.5rem;
        line-height: 1;
    }
}

/* Spezifisches Styling für den Text mit Gradient-Effekt */
.elementor-element-d5e3146 .elementor-widget-container h2 .apply-gradient {
    padding: 0 8px;
    background: linear-gradient(
        0,
        rgba(255, 255, 255, 0) 7px,
        var(--x) 7px,
        var(--x) 31px,
        rgba(255, 255, 255, 0) 31px,
        rgba(255, 255, 255, 0) 100%
        );

}

.elementor-widget-text-editor a {
    text-decoration: underline;
}

ul{
    list-style-type: disc;
    padding-left: 20px;
}

.kce_breadcrumbs{
    padding-left: 0px;
}

.e-n-accordion-item:hover svg path{
    fill: var(--e-global-color-primary);
}
.e-n-accordion-item{
    border-bottom: 2px solid black;
}


:root {
    /* MQ1 (mobile) */
    --space-s: 40px;
    --space-m: 56px;
    --space-l: 72px;

    --pad-xs: 16px;
    --pad-s: 16px;
    --pad-m: 20px;
    --pad-l: 32px;

    /* RESET ELEMENTOR*/
    --margin-top: 0 !important;
    --margin-bottom: 0 !important;
    --margin-left: 0 !important;
    --margin-right: 0 !important;

    --padding-top: 0 !important;
    --padding-bottom: 0 !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
}

/* MQ2–3 (tablet) */
@media (min-width: 600px) and (max-width: 1023px) {
    :root {
        --space-s: 48px;
        --space-m: 64px;
        --space-l: 80px;

        --pad-xs: 16px;
        --pad-s: 20px;
        --pad-m: 24px;
        --pad-l: 40px;
    }
}

/* MQ4–5 (desktop) */
@media (min-width: 1024px) {
    :root {
        --space-s: 56px;
        --space-m: 72px;
        --space-l: 96px;

        --pad-xs: 16px;
        --pad-s: 24px;
        --pad-m: 32px;
        --pad-l: 48px;
    }
}

.mt-s {
    margin-top: var(--space-s) !important;
}
.mt-m {
    margin-top: var(--space-m) !important;
}
.mt-l {
    margin-top: var(--space-l) !important;
}

.mb-s {
    margin-bottom: var(--space-s) !important;
}
.mb-m {
    margin-bottom: var(--space-m) !important;
}
.mb-l {
    margin-bottom: var(--space-l) !important;
}

.pt-s {
    padding-top: var(--space-s) !important;
}
.pt-m {
    padding-top: var(--space-m) !important;
}
.pt-l {
    padding-top: var(--space-l) !important;
}

.pb-s {
    padding-bottom: var(--space-s) !important;
}
.pb-m {
    padding-bottom: var(--space-m) !important;
}
.pb-l {
    padding-bottom: var(--space-l) !important;
}



/* Horizontal (L+R) */
.px-xs {
    padding-left: var(--pad-xs) !important;
    padding-right: var(--pad-xs) !important;
}
.px-s  {
    padding-left: var(--pad-s)  !important;
    padding-right: var(--pad-s)  !important;
}
.px-m  {
    padding-left: var(--pad-m)  !important;
    padding-right: var(--pad-m)  !important;
}
.px-l  {
    padding-left: var(--pad-l)  !important;
    padding-right: var(--pad-l)  !important;
}

/* Vertical (T+B) */
.py-xs {
    padding-top: var(--pad-xs) !important;
    padding-bottom: var(--pad-xs) !important;
}
.py-s  {
    padding-top: var(--pad-s)  !important;
    padding-bottom: var(--pad-s)  !important;
}
.py-m  {
    padding-top: var(--pad-m)  !important;
    padding-bottom: var(--pad-m)  !important;
}
.py-l  {
    padding-top: var(--pad-l)  !important;
    padding-bottom: var(--pad-l)  !important;
}

/* Top only */
.pt-xs {
    padding-top: var(--pad-xs) !important;
}
.pt-s  {
    padding-top: var(--pad-s)  !important;
}
.pt-m  {
    padding-top: var(--pad-m)  !important;
}
.pt-l  {
    padding-top: var(--pad-l)  !important;
}

/* Bottom only */
.pb-xs {
    padding-bottom: var(--pad-xs) !important;
}
.pb-s  {
    padding-bottom: var(--pad-s)  !important;
}
.pb-m  {
    padding-bottom: var(--pad-m)  !important;
}
.pb-l  {
    padding-bottom: var(--pad-l)  !important;
}

/* Left only */
.pl-xs {
    padding-left: var(--pad-xs) !important;
}
.pl-s  {
    padding-left: var(--pad-s)  !important;
}
.pl-m  {
    padding-left: var(--pad-m)  !important;
}
.pl-l  {
    padding-left: var(--pad-l)  !important;
}

/* Right only */
.pr-xs {
    padding-right: var(--pad-xs) !important;
}
.pr-s  {
    padding-right: var(--pad-s)  !important;
}
.pr-m  {
    padding-right: var(--pad-m)  !important;
}
.pr-l  {
    padding-right: var(--pad-l)  !important;
}
.gap-bmw3{
    margin-bottom:auto;
}
.gap-bmw  {
    gap: var(--pad-m)  !important;
}
.gap-bmw2  {
    gap: var(--pad-m)  !important;
}
@media (max-height:700px){
    .gap-bmw3  {
        margin-bottom:20px !important
    }
}

.e-con-full,
.e-con > .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: inherit !important;
}

.elementor-element {
    --widgets-spacing:0px 0px;
    --widgets-spacing-row:0px;
    --widgets-spacing-column:0px;
}



.img-container-box.e-con>.e-con-inner{
    gap: 0% 0%;
}
.img-container-box.e-con>.e-con-inner>.e-child:first-child{
    --width: 100%;
}
.img-container-box.e-con>.e-con-inner>.e-child:last-child{
    --width: 100%;
}

@media (min-width: 768px) {
    .img-container-box.e-con>.e-con-inner{
        gap: 0% 8%;
    }
    .img-container-box.e-con>.e-con-inner>.e-child:first-child{
        --width: 50%;
    }
    .img-container-box.e-con>.e-con-inner>.e-child:last-child{
        --width: 42%;
    }

    .img-container-box-reverse.e-con>.e-con-inner>.e-child:first-child{
        --width: 42%;
    }
    .img-container-box-reverse.e-con>.e-con-inner>.e-child:last-child{
        --width: 50%;
    }
}
@media (max-width: 767px) {
    .img-container-box.e-con>.e-con-inner{
        row-gap: 24px !important;
    }
}



.hero-img-text .elementor-widget-heading{
    margin-top: var(--space-m) !important;
    padding-left: var(--space-s)  !important;
    position: absolute;
    z-index: 5;
}
.hero-img-text .elementor-widget-heading h1{
    color: #fff;
}



.multiple-img-container-box.e-con>.e-con-inner{
    column-gap: var(--pad-m) !important;
}
@media (max-width: 767px) {
    .multiple-img-container-box.e-con>.e-con-inner{
        row-gap: var(--space-m) !important;
    }
}




@media (max-width: 1279px) {
    .container-text-button.e-con>.e-con-inner{
        row-gap: var(--space-m) !important;
    }
}




.img-text-vert-container{
    column-gap: var(--pad-m) !important;
}
@media (max-width: 767px) {
    .img-text-vert-container{
        row-gap: var(--space-m) !important;
    }
}



.img-text-vert-container-extra.e-con>.e-con-inner{
    column-gap: var(--pad-m) !important;
    row-gap: var(--space-s) !important;
}
@media (max-width: 767px) {
    .img-text-vert-container-extra.e-con>.e-con-inner{
        row-gap: var(--space-m) !important;
        flex-wrap: wrap;
    }
}




.elementor-kit-14 button, .elementor-kit-14 input[type="button"], .elementor-kit-14 input[type="submit"], .elementor-kit-14 .elementor-button{
    font-weight: normal;
    font-family: var(--font-family-sans), Sans-serif;
    box-shadow: none;
}

.elementor-kit-14 a {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-80bea48-font-family ), Sans-serif;
}

.elementor-kit-14 h1,.elementor-kit-14 .h1 .elementor-heading-title {
    color: #000000;
    font-family: var(--font-family-serif), Sans-serif;
    font-size: 72px;
    text-transform: uppercase;
}

.elementor-kit-14 h2,.elementor-kit-14 .h2 .elementor-heading-title {
    color: #000000;
    font-family: var(--font-family-serif), Sans-serif;
    font-size: 48px;
    text-transform: uppercase;
}

.elementor-kit-14 h3,.elementor-kit-14 .h3 .elementor-heading-title {
    color: #000000;
    font-family: var(--font-family-serif), Sans-serif;
    font-size: 32px;
    text-transform: uppercase;
}

.elementor-kit-14 h4,.elementor-kit-14 .h4 .elementor-heading-title {
    color: #000000;
    font-family: var(--font-family-serif), Sans-serif;
    font-size: 24px;
}

.elementor-kit-14 h5,.elementor-kit-14 .h5 .elementor-heading-title {
    color: #000000;
    font-family: var(--font-family-serif), Sans-serif;
    font-size: 20px;
}

@media (max-width: 1279px) {
    .elementor-kit-14 h1{
        font-size: 48px;
    }
    .elementor-kit-14 h2{
        font-size: 32px;
    }
    .elementor-kit-14 h3{
        font-size: 24px;
    }
    .elementor-kit-14 h4{
        font-size: 20px;
    }
    .elementor-kit-14 h5{
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .elementor-kit-14 h1{
        font-size: 32px;
    }
    .elementor-kit-14  h2{
        font-size: 24px;
    }
    .elementor-kit-14 h3{
        font-size: 20px;
    }
    .elementor-kit-14 h4{
        font-size: 16px;
    }
}

input,input[type="text"], input[type="password"], input[type="email"], input[type="url"], 
input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], 
input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], 
input[type="tel"], input[type="color"], textarea,
.elementor-field-group .elementor-select-wrapper select
{
    padding: 14px 14px;
    font-size: 14px
}
label{
    font-size: 14px;
}


/*btn-primary ist über elementor settings definiert*/
.btn-primary.active .elementor-button{
    background-color: var(--primary-button)!important;
    color: var(--primary-white)!important;
}

.btn-primary.active .elementor-button:hover{
    background-color: var(--hover-primary)!important;
}
.btn-primary .elementor-button,
.btn-secondary .elementor-button,
.btn-tertiary .elementor-button,
.btn-ghost .elementor-button,
.e-form__buttons .elementor-button,
.tab-button,
.card-button{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 1.5rem;
    height: 3.5rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.25rem;
    border-radius: 3.5rem;
}
.card {
    .card-button{
        border: 2px black solid;
        &:hover{
            border-color: var(--hover-primary)!important;
            color:var(--hover-primary)!important;
            background-color: transparent;
            box-shadow: none;
        }
    }
}
.e-form__buttons .elementor-button:hover{
    text-decoration: none;
}


.tab-button, .card-button{
    align-items: center;
}
.card-button{
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    text-decoration: underline;
}
.card-button:hover{
    background-color: var(--hover-primary);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

/*DV: keine feste hoehe fuer buttons! berechnet sich automatisch aus font-size und paddings */
@media (max-width: 479px) {
    .btn-primary .elementor-button,
    .btn-secondary .elementor-button,
    .btn-tertiary .elementor-button,
    .elementor-widget-form .elementor-button{
        height: 40px;
    }
}

.btn-secondary.btn-secondary .elementor-button, button.btn-secondary.btn-secondary, .elementor-widget-form .elementor-button{
    color: var(--primary-white);
    background-color: var(--primary-black);
}

.btn-secondary.btn-secondary .elementor-button:hover, button.btn-secondary.btn-secondary:hover,
.elementor-widget-form .elementor-button:hover{
    background-color: var(--gray-80);
}

.btn-secondary.btn-secondary .elementor-button:disabled, button.btn-secondary.btn-secondary:disabled,
.elementor-widget-form .elementor-button:disabled{
    background-color: var(--gray-40);
}

.btn-secondary.btn-secondary .elementor-button:focus, button.btn-secondary.btn-secondary:focus,
.elementor-widget-form .elementor-button:focus{
    border: 1px solid var(--hover-primary);
}

button.btn-secondary{
    cursor: pointer;
}

.btn-secondary .elementor-button .elementor-button-content-wrapper,
.btn-primary .elementor-button .elementor-button-content-wrapper{
    align-items: center;
}

.btn-primary.btn-primary .elementor-button:hover{
    background-color: var(--hover-primary);
}

.btn-primary.btn-primary .elementor-button:disabled{
    background-color: var(--gray-40);
}

.btn-primary.btn-primary .elementor-button:focus{
    background-color: var(--primary-button);
}



.btn-tertiary.btn-tertiary .elementor-button{
    color: var(--primary-black);
    background-color: transparent;
    border: 1px solid var(--primary-black);
}

.btn-tertiary.btn-tertiary .elementor-button:hover{
    border: 1px solid var(--hover-primary);
    color: var(--hover-primary);
    background-color: transparent;
}

.btn-tertiary.btn-tertiary .elementor-button:disabled{
    border: 1px solid var(--gray-40);
    color: var(--gray-40);
    background-color: transparent;
}

.btn-tertiary.btn-tertiary .elementor-button:focus{
    border: 1px solid var(--hover-primary);
    background-color: transparent;
}



.btn-ghost.btn-ghost .elementor-button{
    color: var(--primary-black);
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.btn-ghost.btn-ghost .elementor-button:hover{
    border: none;
    color: var(--hover-primary);
    background-color: transparent;
}

.btn-ghost.btn-ghost .elementor-button:disabled{
    border: none;
    color: var( --gray-40);
    background-color: transparent;
}

.btn-ghost.btn-ghost:not(.dontFocus) .elementor-button:focus{
    border: 1px solid var(--hover-primary);
    background-color: transparent;
    color: var(--primary-black);
}

.btn-ghost.btn-ghost.dontFocus .elementor-button:focus{
    border: none;
    background-color: transparent;
    color: var(--hover-primary);
}

span.elementor-button-content-wrapper{
    gap: 16px;
    align-items: center;
}

.btn-ghost .elementor-button-text{
    text-shadow: none;
}

.elementor-button-icon{
    padding-right: 0px;
    font-size: 20px;
    text-align: center;
    display: flex;
}





.als {
    display: flex;
    flex-wrap: wrap;
}

.cpost-top-info.cpost-box {
    height: var(--spacing-xxl);
}

.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{
    padding-left: 8px;
}
.elementor-widget .elementor-icon-list-item{
    padding-bottom: 16px;
}

table {
    font-size: 1rem;
}

.tablepress>:where(thead,tfoot)>*>th{
    background-color: transparent;
}

.tablepress>:where(tbody.row-striping)>:nth-child(2n)>*, .tablepress>.row-hover>tr:hover>*{
    background-color: transparent;
}

.cpost-price_table {
    margin-top: 24px;
}
table tbody tr:hover > td,
table tbody tr:hover > th {
    background-color: unset;
}
table td,
table th {
    padding: var(--spacing-sm);
}

table tr td {
    font-weight: 600;
}

.cpost-price_table,
.cpost-options_table,
.cpost-price_table td,
.cpost-options_table td,
.cpost-options_table th {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Hauptcontainer für Listing-Element */
.auto-listings-items .auto-listing {
    background: var(--primary-white);
    border: 1px solid var(--gray-20);
    border-radius: var(--spacing-md);
    overflow: hidden;
    box-shadow: 0 var(--spacing-xs) 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    padding: 0 !important;
}

.auto-listing:hover {
    box-shadow: 0 var(--spacing-xs) var(--spacing-md) rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* Bildbereich */
.cpost-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--gray-10);
    border-radius: var(--spacing-md) var(--spacing-md) 0 0;
}

.cpost-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.auto-listing:hover .cpost-image-wrapper img {
    transform: scale(1.05);
}

/* Content Wrapper */
.cpost-content-wrapper {
    padding: var(--spacing-md);
}

.cpost-top-info b {
    font-size: var(--font-size-d5);
    color: var(--primary-black);
    display: block;
}

/* Preis-Bereich */
.cpost-price_table {
    height: 66px;
    width: 100%;
    margin-top: 0;
    margin-bottom: var(--spacing-md);
}

.cpost-price {
    font-size: var(--font-size-d3);
    color: var(--primary-black);
    padding-left: 0;
    padding-right: 0;
    display: block;
}

.cpost-price .price-amount {
    display: inline-block;
    color: var(--primary-black);
    font-size: inherit !Important;
}

.price-amount.price-amount{
    font-size: inherit !Important;
}

.cpost-price small {
    display: block;
    font-size: var(--font-size-copy-xs);
    color: var(--gray-70);
    margin-top: 2px;
}

.cpost-tax_price {
    font-size: var(--font-size-copy-small);
    color: var(--gray-70);
    margin-top: var(--spacing-xs);
    padding: 0;
}

/* Options Tabelle */
.cpost-options_table {
    width: 100%;
    font-size: var(--font-size-copy-xs);
}

.cpost-options_table tbody tr:last-child {
    border-bottom: none;
}

.cpost-options_table td {
    padding: 0;
}

.cpost-op_title {
    color: var(--primary-black);
    width: 55%;
    padding-right: var(--spacing-xs);
}

.cpost-op_content {
    color: var(--primary-black);
    text-align: right;
}

/* Kompakte Darstellung für wichtige Kennzahlen */
.cpost-main-info {
    position: relative;
}

/* Highlight für wichtige Werte */
.cpost-options_table tr:nth-child(3) .cpost-op_content,
.cpost-options_table tr:nth-child(5) .cpost-op_content,
.cpost-options_table tr:nth-child(6) .cpost-op_content {
    color: var(--primary-black);
}

.cpost-box .cpost-options_table tr {
    border-bottom: none !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: baseline;
    justify-content: space-between;
}

/* Grid-spezifische Anpassungen */
.auto-listings-items.grid-view .col-3 {
    padding: 0;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .cpost-image-wrapper {
        height: 100%;
    }

    .wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .cpost-top-info b {
        font-size: var(--font-size-copy-small);
    }

    .cpost-price {
        font-size: var(--font-size-d5);
    }

    .cpost-options_table {
        font-size: var(--font-size-copy-xs);
    }

    .cpost-options_table td {
        display: flex;
        width: 100%;
        text-align: left;
        padding: var(--spacing-xs) 0;
    }

    .cpost-op_content {
        justify-content: flex-end;
    }

    .cpost-op_title {
        width: 100%;
        padding-right: 0;
        font-weight: bold;
    }

    .cpost-op_content {
        text-align: left;
        margin-top: var(--spacing-xs);
    }

    .auto-listing {
        margin-bottom: var(--spacing-md);
        box-shadow: 0 1px var(--spacing-xs) rgba(0, 0, 0, 0.1);
    }

    .als-field {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: var(--spacing-sm) !important;
        display: block !important;
    }

    .als-submit {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        display: block !important;
    }

    .als-selected {
        width: 100% !important;
        display: block !important;
    }

    .als-selected__item {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: var(--spacing-xs) !important;
    }

    /* Zusätzliche Anpassungen für Listings auf Mobile */
    .auto-listings-items.grid-view {
        flex-direction: column !important;
        display: block !important;
    }

    .col-3 {
        width: 100% !important;
        margin-bottom: var(--spacing-md) !important;
        display: block !important;
    }
}

@media (min-width: 769px) and (max-width: 1279px) {
    .auto-listing {
        margin-bottom: var(--spacing-lg);
    }

    .als-field {
        width: 48%;
        margin-right: var(--spacing-sm);
    }

    .als-submit {
        width: 48%;
    }
}

@media (min-width: 1280px) {
    .auto-listing {
        margin-bottom: var(--spacing-xl);
    }

    .als-field {
        width: 32.333333%;
    }

    .als-submit {
        width: 32.3%;
    }
    .e-con{
        --padding-left: var(--container-default-padding-left, 0px);
    }
    .e-con>.e-con-inner{
        transform: translateX(20px);
    }
}

#625fff85d2ed1 {
    background-color: var(--error-red) !important;
}

.als-field__label {
    display: none;
}

.als-field {
    width: 32.333333%;
    border: 1px solid var(--gray-20);
    float: left;
    margin-right: var(--spacing-xs);
}

.SumoSelect > .CaptionCont {
    padding: var(--button-padding);
}

.SumoSelect.open > .optWrapper {
    top: 55px !important;
}

.als-submit {
    margin-right: var(--spacing-xs) !important;
    float: left !important;
    width: 32.3%;
}

.als-selected {
    margin-bottom: var(--spacing-md);
}

.als-selected__item {
    background-color: var(--primary-button);
    color: var(--primary-white);
    padding: 6px var(--spacing-xs) 6px 6px;
    border-radius: var(--button-border-radius);
    font-size: var(--font-size-copy-small);
}

.als-selected__close {
    background-color: transparent;
    border-radius: var(--spacing-sm);
    padding: 2px 5px 2px var(--spacing-xs);
    margin-right: 5px;
    color: var(--primary-white);
    font-family: "Font Awesome 5 Free";
    font-style: inherit;
}

i.als-selected__close::before {
    content: "\00d7" !important;
    margin: auto !important;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
    background-color: var(--primary-button);
}

@media screen and (min-width: 769px) {
    .als-selected {
        margin-bottom: var(--spacing-md);
        width: 66.4%;
        display: inline-block;
    }
    .als-field--keyword {
        display: inline-block;
        float: none;
    }
}
@media screen and (min-width: 1500px) {
    .als-selected {
        width: 66.15%;
    }
}
@media screen and (max-width: 768px) {
    .als-selected__item {
        margin-top: var(--spacing-xs);
        display: block;
    }
    .als-selected__item + .als-selected__item {
        margin-left: 0px;
    }
}

/* Zusätzliche Verbesserungen für Grid-Layout */
.auto-listings-items.grid-view {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.cpost-options_table tbody tr:nth-last-child(-n + 2) td,
.cpost-options_table tbody tr:nth-last-child(-n + 2) th {
    color: var(--gray-60);
}

.cpost-options_table tbody tr:nth-last-child(2) td,
.cpost-options_table tbody tr:nth-last-child(2) th {
    padding-top: var(--spacing-md);
}

/* Show the label above the field */
.als-field__label {
    display: block !important;
    font-size: var(--font-size-copy-small);
    color: var(--gray-70);
    margin-bottom: var(--spacing-sm);
    font-weight: 400;
}

/* Main field container */
.als-field {
    width: 200px;
    position: relative;
    display: inline-block;
    margin-right: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

/* Remove default SumoSelect borders */
.SumoSelect {
    width: 100% !important;
    border: none !important;
}

/* Main select box styling - DEFAULT STATE */
.SumoSelect > .CaptionCont {
    background: var(--primary-white);
    border: none;
    border-bottom: 1px solid var(--gray-30);
    padding: var(--spacing-xs) var(--spacing-xxl) var(--spacing-xs) 0;
    font-size: var(--font-size-copy-small);
    color: var(--gray-80);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-height: var(--button-height-small);
    display: flex;
    align-items: center;
}

/* Placeholder text */
.SumoSelect > .CaptionCont .placeholder {
    color: var(--gray-80);
    font-weight: 400;
}

/* Arrow icon - mit caret symbol */
.SumoSelect > .CaptionCont > label {
    position: absolute;
    right: 0;
    width: var(--spacing-lg);
    height: var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.SumoSelect > .CaptionCont > label i {
    border: none !important;
    background: none !important;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--gray-80);
    transition: transform 0.3s ease;
}

/* Alternative: Use content for caret */
.SumoSelect > .CaptionCont > label::after {
    color: var(--gray-80);
    position: absolute;
    top: 37%;
    transition: transform 0.3s ease;
    height: 62px;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 28px;
    right: 15px;
}

.SumoSelect > .CaptionCont > label i {
    display: none; /* Hide the triangle, use caret instead */
}

/* HOVER STATE - blue underline */
.SumoSelect > .CaptionCont:hover {
    border-bottom: 2px solid var(--primary-button);
    padding-bottom: 15px;
}

.SumoSelect > .CaptionCont:hover > label::after {
    color: var(--primary-button);
}

/* SELECTED/PRE-SELECTED STATE - blue underline */
.als-field--condition-selected .SumoSelect > .CaptionCont,
.SumoSelect.open > .CaptionCont {
    border-bottom: 2px solid var(--primary-button) !important;
}

.als-field--condition-selected .SumoSelect > .CaptionCont > label::after,
.SumoSelect.open > .CaptionCont > label::after {
    color: var(--primary-button);
}

/* DISABLED STATE - gray styling */
.als-field--disabled .SumoSelect > .CaptionCont,
.SumoSelect.disabled > .CaptionCont {
    background: var(--gray-10);
    color: var(--gray-40);
    cursor: not-allowed;
    border-bottom-color: var(--gray-30);
}

.als-field--disabled .SumoSelect > .CaptionCont > label::after,
.SumoSelect.disabled > .CaptionCont > label::after {
    color: var(--gray-40);
}

/* ERROR STATE - red underline */
.als-field--error .SumoSelect > .CaptionCont {
    border-bottom: 2px solid var(--error-red) !important;
}

.als-field--error .SumoSelect > .CaptionCont > label::after {
    color: var(--error-red);
}

/* SELECTED WITH NOTIFICATION - red badge */
.als-field--selected .SumoSelect > .CaptionCont {
    border-bottom: 2px solid var(--error-red) !important;
}

.als-field--selected .SumoSelect > .CaptionCont::before {
    content: "1";
    position: absolute;
    right: var(--spacing-lg);
    top: 50%;
    transform: translateY(-50%);
    background: var(--error-red);
    color: var(--primary-white);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-copy-xs);
    font-weight: 600;
}

.als-field--selected .SumoSelect > .CaptionCont > label::after {
    color: var(--error-red);
}

/* FOCUSED STATE - cyan border */
.als-field--focused .SumoSelect > .CaptionCont {
    border: 2px solid var(--hover-primary) !important;
    border-radius: var(--button-border-radius);
    padding: var(--spacing-xs) 38px var(--spacing-xs) var(--spacing-xs);
}

.als-field--focused .SumoSelect > .CaptionCont > label::after {
    color: var(--hover-primary);
}

/* Arrow rotation when open */
.SumoSelect.open > .CaptionCont > label::after {
    transform: translate(0%, -37%) rotate(180deg);
}

/* Dropdown options wrapper */
.SumoSelect > .optWrapper {
    top: calc(100% + 2px) !important;
    left: 0;
    right: 0;
    border: none;
    border-radius: var(--button-border-radius);
    background: var(--primary-white);
    max-height: 280px;
    overflow-y: auto;
    z-index: 1000;
}

/* Individual option */
.SumoSelect > .optWrapper > .options li.opt {
    padding: var(--spacing-xs) var(--spacing-md);
    color: var(--gray-80);
    font-size: var(--font-size-copy-small);
    cursor: pointer;
    transition: background 0.2s ease;
    list-style: none;
    height: 60px;
}

/* Option hover */
.SumoSelect > .optWrapper > .options li.opt:hover {
    background: var(--gray-10);
}

/* Selected option */
.SumoSelect > .optWrapper > .options li.opt.selected {
    background: var(--gray-10);
    color: var(--primary-button);
    font-weight: 500;
}

/* MULTIPLE SELECT FIXES */
/* Multiple select checkboxes container */
.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs)
        var(--spacing-xxl);
    position: relative;
}

/* Checkbox styling */
.SumoSelect > .optWrapper.multiple > .options li.opt span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--spacing-md);
    height: var(--spacing-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom checkbox appearance */
.SumoSelect > .optWrapper.multiple > .options li.opt span i {
    width: var(--spacing-md) !important;
    height: var(--spacing-md) !important;
    border: 2px solid var(--gray-30) !important;
    border-radius: 3px !important;
    background: var(--primary-white) !important;
    position: relative !important;
    display: block !important;
    transition: all 0.2s ease !important;
}

/* Checkmark for selected items */
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
    background-color: var(--primary-button) !important;
    border-color: var(--primary-button) !important;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i::after {
    content: "✓";
    color: var(--primary-white);
    font-size: var(--font-size-copy-xs);
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Custom checkbox appearance */
.SumoSelect > .optWrapper > .options li.opt label {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

/* Multiple Controls (OK/Cancel buttons) */
.SumoSelect > .optWrapper > .options .MultiControls {
    border-top: 1px solid var(--gray-20);
    padding: var(--spacing-sm) var(--spacing-md);
    display: flex;
    gap: var(--spacing-sm);
    justify-content: flex-end;
}

.SumoSelect > .optWrapper > .options .MultiControls p {
    padding: 6px var(--spacing-xs);
    border-radius: var(--button-border-radius);
    font-size: var(--font-size-copy-xs);
    cursor: pointer;
    margin: 0;
    transition: background 0.2s ease;
}

.SumoSelect > .optWrapper > .options .MultiControls .btnOk {
    background: var(--primary-button);
    color: var(--primary-white);
}

.SumoSelect > .optWrapper > .options .MultiControls .btnOk:hover {
    background: var(--interaction-blue);
}

.SumoSelect > .optWrapper > .options .MultiControls .btnCancel {
    background: var(--gray-10);
    color: var(--gray-70);
}

.SumoSelect > .optWrapper > .options .MultiControls .btnCancel:hover {
    background: var(--gray-20);
}

/* Submit button alignment */
.als-submit {
    display: inline-block;
    vertical-align: bottom;
    background: var(--primary-button);
    color: var(--primary-white);
    border: none;
    padding: var(--spacing-xs) var(--spacing-lg);
    border-radius: var(--button-border-radius);
    cursor: pointer;
    font-size: var(--font-size-copy-small);
}

/* Demo classes to simulate different states */
.demo-states {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xxl);
}

.demo-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xs);
}

.state-label {
    font-size: var(--font-size-copy-xs);
    color: var(--gray-70);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .als-field {
        width: 100%;
        margin-right: 0;
    }
}
/* Keyword Field - Square style matching other fields */
.als-field--keyword {
    width: 200px;
    position: relative;
    display: inline-block;
    margin-right: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    background: var(--primary-white);
    border: 1px solid var(--gray-30);
    border-radius: var(--button-border-radius);
    box-sizing: border-box;
    min-height: var(--button-height-small);
}

/* Keyword Field Label */
.als-field--keyword .als-field__label {
    display: block !important;
    font-size: var(--font-size-copy-small);
    color: var(--gray-70);
    margin-bottom: var(--spacing-sm);
    font-weight: 400;
}

/* Keyword Input */
.als-field--keyword input[type="text"] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-size-copy-small);
    color: var(--gray-80);
    padding: 16px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid var(--gray-40);
    transition: border 0.2s ease, color 0.2s ease;
}

/* Placeholder color */
.als-field--keyword input[type="text"]::placeholder {
    color: var(--gray-80);
    opacity: 1;
}

/* Hover State */
.als-field--keyword input:hover {
    border: 2px solid var(--hover-primary);
    color: var(--primary-black) !important;
}

.als-field--keyword input:hover::placeholder {
    color: var(--primary-black) !important;
}

/* Focus State */
.als-field--keyword input:focus-within {
    border: 2px solid var(--hover-primary);
    color: var(--primary-black) !important;
}

.als-field--keyword input:focus-within::placeholder {
    color: var(--primary-black) !important;
}

/* Error State */
.als-field--keyword input.als-field--error {
    border: 2px solid var(--error-red);
    color: var(--primary-black) !important;
}

.als-field--keyword input:hover::placeholder {
    color: var(--hover-primary);
}

/* Responsive */
@media (max-width: 480px) {
    .als-field--keyword {
        width: 100%;
    }
}

/* Auto Listings Ordering Dropdown */
.auto-listings-ordering .select-wrap {
    width: 200px;
    position: relative;
    display: inline-block;
    margin-right: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.auto-listings-ordering .SumoSelect {
    width: 100% !important;
    border: none !important;
}

.auto-listings-ordering .SumoSelect > .CaptionCont {
    background: var(--primary-white);
    border: none;
    border-bottom: 1px solid var(--gray-30);
    padding: var(--spacing-xs) var(--spacing-xxl) var(--spacing-xs) 0;
    font-size: var(--font-size-copy-small);
    color: var(--gray-80);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-height: var(--button-height-small);
    display: flex;
    align-items: center;
}

.auto-listings-ordering .SumoSelect > .CaptionCont > label {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--spacing-lg);
    height: var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.auto-listings-ordering .SumoSelect > .CaptionCont > label::after {
    height: var(--spacing-md);
    content: "⌄";
    font-size: var(--font-size-d3);
    color: var(--gray-80);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
    height: 43px;
}

.auto-listings-ordering .SumoSelect > .CaptionCont > label i {
    display: none;
}

.auto-listings-ordering .SumoSelect > .CaptionCont:hover > label::after {
    color: var(--primary-button);
}

.auto-listings-ordering .SumoSelect.open > .CaptionCont > label::after {
    color: var(--primary-button);
    transform: translate(-50%, -50%) rotate(180deg);
}

.auto-listings-ordering .SumoSelect > .optWrapper {
    top: calc(100% + 2px) !important;
    left: 0;
    right: 0;
    border: none;
    border-radius: var(--button-border-radius);
    background: var(--primary-white);
    max-height: 280px;
    overflow-y: auto;
    z-index: 1000;
}

.auto-listings-ordering .SumoSelect > .optWrapper > .options li.opt {
    padding: var(--spacing-xs) var(--spacing-md);
    color: var(--gray-80);
    font-size: var(--font-size-copy-small);
    cursor: pointer;
    transition: background 0.2s ease;
    list-style: none;
}

.auto-listings-ordering .SumoSelect > .optWrapper > .options li.opt:hover {
    background: var(--gray-10);
}

.auto-listings-ordering .SumoSelect > .optWrapper > .options li.opt.selected {
    background: var(--gray-10);
    color: var(--primary-button);
    font-weight: 500;
}

/* Basis-Container */
.auto-listings-pagination {
    margin: 32px 0;
    font-family: inherit;
    line-height: 1.2;
    user-select: none;
}

.auto-listings-pagination .page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;

    /* Zentriert die Zahlen – Pfeile bekommen Abstands-Margins */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Abstand zwischen den Seitenzahlen */
}

/* RESET aller Standard-Styles */
.auto-listings-pagination .page-numbers li,
.auto-listings-pagination .page-numbers a,
.auto-listings-pagination .page-numbers span {
    box-shadow: none;
    background: none;
    border: 0;
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    position: relative;
}

/* Seitenzahlen (Links + aktuelle span) */
.auto-listings-pagination .page-numbers a,
.auto-listings-pagination .page-numbers span.current {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    transition: color 0.18s ease;
}

/* Hover auf normalen Seitenlinks */
.auto-listings-pagination .page-numbers a:not(.prev):not(.next):hover {
    color: #00b6c6;
}

/* Aktuelle Seite – NUR Unterstreichung mittig */
.auto-listings-pagination .page-numbers span.current {
    font-weight: 600;
    cursor: default;
}

.auto-listings-pagination .page-numbers span.current::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background: #00b6c6;
    border-radius: 2px;
}

/* Ellipsen (z.B. …) */
.auto-listings-pagination .page-numbers .dots,
.auto-listings-pagination .page-numbers span.dots {
    color: #777;
    cursor: default;
    pointer-events: none;
    font-weight: 400;
}

/* Pfeil-Buttons (Prev/Nächste) */
.auto-listings-pagination .page-numbers a.prev,
.auto-listings-pagination .page-numbers a.next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #000;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    transition: background 0.22s ease, transform 0.22s ease;
    flex-shrink: 0;
}

/* Extra Abstand zu den Zahlen */
.auto-listings-pagination .page-numbers a.prev {
    margin-right: 28px;
}
.auto-listings-pagination .page-numbers a.next {
    margin-left: 28px;
}

.auto-listings-pagination .page-numbers a.next::after {
    content: url(/wp-content/themes/twentytwenty-child/icons/chevron-right.svg);
    width: 15px;
    display: inline-block;
}
.auto-listings-pagination .page-numbers a.prev::after {
    content: url(/wp-content/themes/twentytwenty-child/icons/chevron-left.svg);
    width: 15px;
    display: inline-block;
}

/* Hover-Effekt auf Pfeilen */
.auto-listings-pagination .page-numbers a.prev:hover,
.auto-listings-pagination .page-numbers a.next:hover {
    background: #00b6c6;
    transform: translateY(-2px);
}

/* Aktiver Klick */
.auto-listings-pagination .page-numbers a.prev:active,
.auto-listings-pagination .page-numbers a.next:active {
    transform: translateY(0);
}

/* Disabled Pfeile (falls als span ausgegeben oder .disabled Klasse) */
.auto-listings-pagination .page-numbers a.prev.disabled,
.auto-listings-pagination .page-numbers a.next.disabled,
.auto-listings-pagination .page-numbers span.prev,
.auto-listings-pagination .page-numbers span.next {
    background: #ccc;
    color: #fff !important;
    pointer-events: none;
    transform: none;
}

/* Fokus-Styles (Accessibility) */
.auto-listings-pagination .page-numbers a:focus-visible {
    outline: 2px solid #00b6c6;
    outline-offset: 3px;
    border-radius: 4px;
}

.auto-listings-pagination .page-numbers a.prev:focus-visible,
.auto-listings-pagination .page-numbers a.next:focus-visible {
    outline-offset: 4px;
    border-radius: 50%;
}

/* Kleinere Screens: etwas engere Abstände */
@media (max-width: 480px) {
    .auto-listings-pagination .page-numbers {
        gap: 14px;
    }
    .auto-listings-pagination .page-numbers a.prev,
    .auto-listings-pagination .page-numbers a.next {
        width: 40px;
        height: 40px;
        font-size: 16px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .auto-listings-pagination .page-numbers a.prev {
        margin-right: 20px;
    }
    .auto-listings-pagination .page-numbers a.next {
        margin-left: 20px;
    }
}

/* Mobile Responsive */
@media (max-width: 479px) {
    .als-field--location button.als-submit {
        height: 40px;
        font-size: 1rem;
        padding: 0 1rem;
    }
}
/* ALS Submit Button - Allgemein */
.als button.als-submit {
    color: var(--primary-white);
    background-color: var(--primary-black);
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    height: 3.5rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.25rem;
    border-radius: 3.5rem;
    border: none;
    transition: background-color 0.3s ease;
}

.als button.als-submit:hover {
    background-color: var(--gray-80);
}

.als button.als-submit:disabled {
    background-color: var(--gray-40);
    cursor: not-allowed;
}

.als button.als-submit:focus {
    border: 1px solid var(--hover-primary);
    outline: none;
}

.als .als-field--keyword input {
    height: 53px;
}

#cpost button {
    margin-top: unset !important;
}