/**general stlyes*/

.is-root-container.is-layout-flow.wp-block-post-content-is-layout-flow {
    padding: 5vw 0;
}

/*
.entry-content>* {
    margin-bottom: var(--cont-gap) !important;
}
*/

.entry-content>.wp-block-uagb-container.alignwide:not(.alignfull) {
    max-width: 1230px !important;
}

.entry-content>.wp-block-uagb-container:not(.alignfull) {
    width: 90vw;
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-content[ast-blocks-layout]>.alignwide {
    max-width: 1230px !important;
}

.mehrspaltig {
    -moz-column-count: 2;
    -moz-column-gap: 3vw;
    -webkit-column-count: 2;
    -webkit-column-gap: 3vw;
    column-count: 2;
    column-gap: 3vw;
    margin: 0;
}

.has-medium-font-size {
    font-family: var(--headlinefont);
    font-size: 1.278rem !important;
    line-height: 1.7;
    letter-spacing: 0.02em;
}


.wp-block-uagb-image__figure>img {
    height: auto !important;
}

/**-----------HEADER SECTION------------*/

.wp-block-uagb-container.header-section {
    background-color: var(--ast-global-color-2);
}

.wp-block-uagb-container.header-section-img * {
    width: 100% !important;
    max-width: unset !important;
}

.wp-block-uagb-container.header-section-img img {
    opacity: 0.35;
}

.wp-block-uagb-container.header-section-img::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 33.88%;
    background: linear-gradient(0deg, rgba(30, 33, 36, 0.00) 0%, var(--ast-global-color-2) 100%);
    top: 0;
    z-index: 9;
}

.wp-block-uagb-container.header-section-img::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 48.611%;
    background: linear-gradient(180deg, rgba(30, 33, 36, 0.00) 0%, var(--ast-global-color-1) 100%);
    bottom: 0;
    z-index: 9;
}

.header-section .wp-block-uagb-container.header-section-txt {
    position: absolute;
    width: 90vw;
    max-width: 1488px;
    justify-content: space-between;
    bottom: clamp(30px, 8vw, 87px);
    z-index: 99;
}

.wp-block-uagb-container.header-section-txt>* {
    width: auto !important;
    max-width: unset;
}

.wp-block-uagb-container.header-section-txt .uagb-heading-text {
    font-family: var(--headlinefontalternative);
    font-size: min(calc(25px + (70 - 25) * ((100vw - 375px) / (1920 - 375))), 80px);
    font-style: normal;
    line-height: 1.55;
    letter-spacing: 0.02em;
}

.wp-block-uagb-container.header-section-txt>.wp-block-uagb-image>.wp-block-uagb-image__figure {
    max-width: 220px;
    width: 16vw;
    min-width: 120px;
}

/**------- Body Content---------*/

/**-----------SECTION BASICS------------*/

.wp-block-uagb-container.section-wrapper>* {
    width: 90vw !important;
}

h1.uagb-heading-text,
h4.uagb-heading-text {
    padding: 2rem 6.7rem;
    width: 90vw;
    max-width: 1230px;
    margin: 0 auto !important;
    --clip-path: 36px;
    position: relative;
    z-index: 9;
    /* background-color: var(--ast-global-color-0); */
    /* clip-path: polygon(100% 0%, 96.19% 100%, 1.78% 100%, 5.68% 0%, 5.03% 0%, 0.97% 106.74%, 0% 100%, 3.73% 0%); */
}

h1.uagb-heading-text::after,
h4.uagb-heading-text::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ast-global-color-0);
    clip-path: polygon(var(--clip-path) 0px, 100% 0%, calc(100% - var(--clip-path)) 100%, 0% 100%);
    z-index: -1;
}

h1.uagb-heading-text::before,
h4.uagb-heading-text::before {
    content: '';
    height: 100%;
    width: calc(var(--clip-path) + 12px);
    background-color: var(--ast-global-color-0);
    display: block;
    position: absolute;
    left: calc(var(--clip-path) * -1 + 17px);
    bottom: 0;
    z-index: 9;
    clip-path: polygon(var(--clip-path) 0px, 100% 0%, calc(100% - var(--clip-path)) 100%, 0% 100%);
}

.wp-block-uagb-container.section-wrapper {
    padding: var(--bg-padding) 0;
    row-gap: var(--gap-xl);
}

.wp-block-uagb-container.wrapper-container-img {
    max-width: 792px !important;
    width: 90% !important;
}

.wp-block-uagb-container.wrapper-container-txt {
    width: 90% !important;
    max-width: 563px !important;
}

.wp-block-uagb-container.cont-img-txt {
    column-gap: var(--gap-xl);
}

.wp-block-uagb-container.cont-img-txt {
    column-gap: var(--gap-xl);
    max-width: calc(var(--windowWith) - ((var(--windowWith) - 1236px)/2)) !important;
    margin-left: unset !important;
    width: 95vw !important;
    margin-right: auto;
}

.wp-block-uagb-container.cont-img-txt-reverse {
    margin-left: auto !important;
    margin-right: unset;
}

/**-----------KFZ-Werkstatt------------*/
.wp-block-uagb-container.hintergrund {
    background-color: var(--ast-global-color-2);
}

.wp-block-uagb-container.einleitung.section-wrapper {
    padding-top: calc(var(--gap-l) - 20px);
}

.cont-img-txt-reverse .wrapper-container-txt {
    margin-right: 1.2rem;
}

/**content slider*/
#werkstatt {
    padding-bottom: 0;
}

.wp-block-uagb-container.cont-content-slider {
    width: 80vw !important;
}

.cont-content-slider .uagb-ifb-content {
    gap: var(--gap-m) !important;
    display: grid;
}

.cont-content-slider .uagb-ifb-image-content {
    max-height: 100px !important;
}

.cont-content-slider .uagb-ifb-image-content img {
    height: 100% !important;
    width: auto !important;
}

.cont-content-slider .uagb-ifb-title {
    margin: 0 !important;
}

/**navigation*/
.cont-content-slider .swiper-button-prev,
.cont-content-slider .swiper-button-next {
    background-color: transparent;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
}

.cont-content-slider .swiper-button-prev {
    left: -74px !important;
    right: unset;
}

.cont-content-slider .swiper-button-next {
    right: -74px !important;
    left: unset;
}

.cont-content-slider .swiper-button-prev::after,
.cont-content-slider .swiper-button-next::after {
    display: none !important;
}

.cont-content-slider .swiper-button-prev::before,
.cont-content-slider .swiper-button-next::before {
    content: '';
    display: block;
    --my-size: 3.6em;
    height: var(--my-size);
    width: calc(var(--my-size) / 2);
    width: calc(var(--my-size) / 2);
    z-index: 9;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cont-content-slider .swiper-button-prev::before {
    background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-left);
}

.cont-content-slider .swiper-button-next::before {
    background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right);
}

/**------- Über Uns ---------*/
.uber-uns>.cont-img-txt>.wrapper-container-txt {
    row-gap: var(--gap-l);
}

.wrapper-container-txt>.wp-block-uagb-container>.wp-block-uagb-image {
    max-width: 177px;
    height: auto;
}

.valentin-conda-autograph img {
    min-width: 140px;
}

/**------- Auto-Tuning ---------*/
.wp-block-uagb-container.auto-tuning-h-li-wrapper {
    column-gap: var(--gap-xl);
    margin: 0 auto;
    max-width: 1004px !important;
    width: 90% !important;
}

.wp-block-uagb-container.auto-tuning-h-li-wrapper>.wp-block-uagb-advanced-heading {
    max-width: 408px !important;
    width: 90% !important;
}

/** img slider*/
.wp-block-uagb-container.cont-img-slider {
    width: 80vw !important;
}

/**------- IMAGE SLIDER ---------*/
.cont-img-slider .wp-block-uagb-image-gallery .spectra-image-gallery.spectra-image-gallery__layout--carousel {
    margin-bottom: 0 !important;
}

.cont-img-slider .wp-block-uagb-image-gallery .slick-slide>div {
    display: flex !important;
}

.cont-img-slider .uagb-slick-carousel .slick-next,
.cont-img-slider .uagb-slick-carousel .slick-prev {
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.cont-img-slider .uagb-slick-carousel .slick-prev {
    left: -74px !important;
    right: unset;
}

.cont-img-slider .uagb-slick-carousel .slick-next {
    right: -74px !important;
    left: unset;
}

.cont-img-slider .uagb-slick-carousel .slick-next svg,
.cont-img-slider .uagb-slick-carousel .slick-prev svg,
.cont-img-slider .uagb-slick-carousel .slick-next:before,
.cont-img-slider .uagb-slick-carousel .slick-prev:before {
    display: none !important;
}

.cont-img-slider .uagb-slick-carousel .slick-next::after,
.cont-img-slider .uagb-slick-carousel .slick-prev::after {
    content: '';
    display: block;
    font-size: var(--h1-font-size);
    --my-size: 2.75em;
    height: var(--my-size);
    width: calc(var(--my-size) / 2);
    z-index: 9;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cont-img-slider .uagb-slick-carousel .slick-prev:after {
    background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-left);
}

.cont-img-slider .uagb-slick-carousel .slick-next:after {
    background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right);
}

/**----------Kotakt/Standort--------------*/
.kontakt-standort.section-wrapper>.wp-block-uagb-container {
    justify-content: center;
    gap: var(--gap-xl);
}

.wp-block-uagb-buttons-child>.uagb-button__wrapper>a.uagb-buttons-repeater {
    background-color: transparent !important;
    color: #fff !important;
    position: relative;
    font-size: var(--btn-font-size);
    font-family: var(--headlinefont);
    font-weight: 700;
    line-height: 1.11;
    padding: 0.15em 1.3em;
}

a.uagb-buttons-repeater::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 0.6em;
    background-color: var(--ast-global-color-0);
    bottom: 0;
    z-index: -1;
    clip-path: polygon(7px 0, 100% 0%, calc(100% - 7px) 100%, 0% 100%);
    transition: all 0.5s ease 0s;
}

a.uagb-buttons-repeater:hover::after {
    height: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

/**------- End Body ---------*/


/**in editor*/
.is-root-container>* {
    margin-bottom: var(--cont-gap) !important;
}

.wp-block.wp-block-post-title {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--color-1) !important;
}

/**----------------- ROW SLIDER -------------*/
.uagb-slick-carousel.slick-slider {
    margin-bottom: calc(var(--gap-m) + 10px);
}

#main .spectra-image-gallery__layout--carousel ul.slick-dots {
    top: unset !important;
    bottom: calc(var(--gap-m) * -1) !important;
    position: absolute !important;
    --dot-size: 10px;
    margin-bottom: 0 !important;
    line-height: 0;
}

.uagb-slick-carousel ul.slick-dots li {
    width: auto;
    height: auto;
}

.uagb-slick-carousel ul.slick-dots li button {
    position: relative !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0 10px;
    height: var(--dot-size);
    width: var(--dot-size);
}

ul.slick-dots button::before {
    height: 10px !important;
    width: 10px !important;
    background-color: var(--ast-global-color-0) !important;
    color: transparent !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    left: unset !important;
    top: unset !important;
}

ul.slick-dots button[aria-selected="true"]:before {
    background-color: #fff !important;
    color: transparent !important;
}

.block-editor .row-img-slider .wp-block-uagb-slider::after {
    right: 0 !important;
    top: 0;
}

/**in editor*/
.block-editor .row-img-slider>.uagb-container-inner-blocks-wrap {
    max-width: 100vw !important;
}

.is-root-container .row-img-slider .wp-block-uagb-slider::after {
    display: none;
}

@media (min-width: 1800px) {

    /**-----------SECTION BASICS------------*/
    .wp-block-uagb-container.cont-img-txt {
        max-width: 1236px !important;
        margin-left: auto !important;
        width: 90vw !important;
    }

    .wp-block-uagb-container.hintergrund>.cont-img-txt.cont-img-txt-reverse {
        margin-right: auto !important;
    }
}

@media (max-width: 1500px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1200px) {

    /**-----------SECTION BASICS------------*/

    .wp-block-uagb-container.cont-img-txt {
        align-items: flex-start;
    }
}

@media (max-width: 1024px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (min-width: 991px) {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
    }

    .spectra-image-gallery__layout--carousel ul.slick-dots {
        display: none !important;
    }
}

@media (max-width: 990px) {

    /**-----------HEADER SECTION------------*/
    .header-section .wp-block-uagb-container.header-section-txt {
        align-items: flex-end;
    }

    /**-----------SECTION BASICS------------*/

    .wp-block-uagb-container.cont-img-txt {
        max-width: 100vw !important;
        margin-left: auto !important;
        flex-direction: column;
        width: 100vw !important;
    }

    .wp-block-uagb-container.wrapper-container-txt {
        width: 90vw !important;
        max-width: unset !important;
        margin-right: auto !important;
        margin-left: auto;
    }

    .wp-block-uagb-container.wrapper-container-img {
        max-width: unset !important;
        width: 95vw !important;
    }

    .wp-block-uagb-container.wrapper-container-img .alignleft {
        margin: 0 !important;
    }

    .wp-block-uagb-container.cont-img-txt-reverse .wp-block-uagb-container.wrapper-container-img {
        margin-left: auto !important;
    }



    /*-------KZF-Werkstatt-Slider-------*/
    .uagb-slider-container .swiper-pagination-bullet {
        background-color: #fff !important;
        opacity: 100%;
        height: 10px;
        width: 10px;
    }

    .uagb-slider-container .swiper-pagination-bullet-active {
        background-color: var(--ast-global-color-0) !important;
        opacity: 100% !important;
    }

    .uagb-slides.uagb-swiper {
        margin-bottom: var(--gap-l);
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0;
    }

    .spectra-image-gallery .slick-arrow {
        display: none;
    }

    .wp-block-uagb-container.cont-img-slider {
        width: 90vw !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .cont-img-slider .uagb-slick-carousel .slick-prev,
    .cont-img-slider .uagb-slick-carousel .slick-next {
        display: none;
    }
}

@media (max-width: 976px) {
    .kontakt-schriften-wrapper {
        text-align: center !important;
    }
}

@media (max-width: 768px) {

    .wp-block-uagb-container.auto-tuning-h-li-wrapper {
        flex-direction: column;
        row-gap: 40px;
    }

    /**-----------KFZ-Werkstatt------------*/


    .wp-block-uagb-container.einleitung.section-wrapper {
        padding-top: var(--gap-l);
    }

    /**-----------HEADER SECTION------------*/

    .header-section .wp-block-uagb-container.header-section-txt {
        width: 80vw;
        flex-direction: column-reverse;
        gap: var(--gap-l);
        bottom: 0;
    }

}

@media (max-width: 576px) {

    /**-----------SECTION BASICS------------*/
    h1.uagb-heading-text,
    h4.uagb-heading-text {
        padding: 1rem 3rem;
        --clip-path: 19px;
    }

    h1.uagb-heading-text::before,
    h4.uagb-heading-text::before {
        width: calc(var(--clip-path) + 5px);
        left: calc(var(--clip-path) * -1 + 12px);
    }

    .wp-block-uagb-container.cont-img-txt {
        row-gap: var(--gap-xl);
    }

    /**-----------KFZ-Werkstatt------------*/

    .cont-content-slider .uagb-ifb-image-content,
    .cont-content-slider .uagb-ifb-image-content img {
        max-height: 71px !important;
    }

    /**-----------HEADER SECTION------------*/

    .wp-block-uagb-container.header-section-txt .wp-block-uagb-advanced-heading {
        margin: 0 auto;
    }

}

@media (max-width: 420px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}