/**general stlyes*/

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

body:not(.home) .entry-content>* {
    margin-bottom: var(--margin-bottom-row) !important;
}

body:not(.home) .wp-block-uagb-container.weniger-abstand-unten {
    margin-bottom: calc(var(--margin-bottom-row) / 1.3) !important;
}

.entry-content>.wp-block-uagb-container.alignwide,
.entry-content>.wp-block-uagb-container.alignfull.uagb-is-root-container>.uagb-container-inner-blocks-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important;
}

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

#kontaktformular {
    margin-top: var(--margin-bottom-row);
}

/*
@media (min-width: 1500px) and (max-width: 1920px) {

    .entry-content>.wp-block-uagb-container.alignwide,
    .entry-content>.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap {
        margin-left: auto !important;
        margin-right: 10vw !important;
    }
}
*/
.mehr-spaltig {
    -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;
}

body:not(.home) .wp-block-uagb-container.heading-single {
    margin-bottom: calc(var(--margin-bottom-row) / 3) !important;
}

.wp-block-uagb-container.linie-unten.uagb-is-root-container {
    border-bottom: 2px solid var(--main-color-content);
    padding-bottom: var(--margin-bottom-row);
}

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

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

/**parent page settings*/
.block-editor-inner-blocks>.block-editor-block-list__layout {
    --main-color-content: var(--color-4);
}

.page-id-2527,
.parent-pageid-2527 {
    --main-color-content: var(--color-2);
}

.page-id-224,
.parent-pageid-224 {
    --main-color-content: var(--color-1);
}

.page-id-2529,
.parent-pageid-2529 {
    --main-color-content: var(--color-3);
}

.page-id-2524,
.parent-pageid-2524 {
    --main-color-content: var(--color-4);
}


.page-id-2524 {
    --color-1: #B4C83D;
    --color-1-1: #a1b529;
    --color-2: #BF8787;
    --color-3: #A8BDCB;
    --color-4: #F5C944;
}

.page-id-2524 #primary,
.parent-pageid-2524 #primary {
    /* background-image: url; */
    background-image: url(/wp-content/themes/astra-impuls-child/img/content-bild-hg-erwachsenenvetretung.jpg);
    background-size: 52vw;
    background-repeat: no-repeat;
    background-position: left top;
}

.page-id-224 #primary,
.parent-pageid-224 #primary {
    /* background-image: url; */
    background-image: url(/wp-content/themes/astra-impuls-child/img/content-bild-hg-kontakt.jpg);
    background-size: 52vw;
    background-repeat: no-repeat;
    background-position: left top;
}

.page-id-2527 #primary,
.parent-pageid-2527 #primary {
    /* background-image: url; */
    background-image: url(/wp-content/themes/astra-impuls-child/img/content-bild-hg-clearing.jpg);
    background-size: 52vw;
    background-repeat: no-repeat;
    background-position: left top;
}

.page-id-2529 #primary,
.parent-pageid-2529 #primary {
    /* background-image: url; */
    background-image: url(/wp-content/themes/astra-impuls-child/img/content-bild-hg-bewohnervertretung.jpg);
    background-size: 52vw;
    background-repeat: no-repeat;
    background-position: left top;
}

/**----------------- HOME SLIDER -------------**/
.home #primary {
    padding: 0 !important;
}

.wp-block-uagb-container.slide-text-field {
    position: absolute;
    bottom: 7.2vw;
    width: fit-content !important;
    display: flex;
    right: 0;
    z-index: 999;
}

.wp-block-uagb-container.slide-text-field .wp-block-uagb-advanced-heading,
.wp-block-uagb-container.slide-text-field .uagb-heading-text {
    display: flex;
    width: fit-content;
}

.wp-block-uagb-container.slide-text-field h2.uagb-heading-text {
    padding: 0.9em 2.2em 0.9em 1.2em;
    font-size: 2.105rem;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: transparent !important;
    opacity: 1 !important;
    height: 16px;
    width: 16px;
    border: 1px solid var(--color-1);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-1) !important;
}

.color-gird-slider {
    display: grid;
    width: 3em;
}

.color-gird-slider span:nth-child(1) {
    background-color: var(--color-4);
}

.color-gird-slider span:nth-child(2) {
    background-color: var(--color-2);
}

.color-gird-slider span:nth-child(3) {
    background-color: var(--color-3);
}

/**----------------- ARCHIVE PAGE -------------**/
.ast-archive-description * {
    text-align: left;
}

.search-results #primary {
    max-width: 1170px;
    margin: 0 auto;
    width: 90%;
}

.ast-blog-layout-4-grid .ast-article-inner,
.ast-blog-layout-5-grid .ast-article-inner,
.ast-blog-layout-6-grid .ast-article-inner {
    box-shadow: none !important;
}

.search .ast-archive-description {
    max-width: 1170px;
    width: 100%;
    text-align: center;
    padding-top: 3em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border: none !important;
}

.ast-blog-single-element.ast-read-more-container.read-more {
    margin-top: 20px !important;
}

#main>.ast-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

#main .ast-article-post {
    padding: 0;
    margin: 0;
}

.ast-width-md-4 {
    width: 100%;
}

.ast-post-format-.ast-no-thumb.blog-layout-4.ast-article-inner.ast-no-date-box {
    display: flex;
    align-items: flex-start;
    background-color: var(--color-5);
    height: 100%;
}

.ast-button {
    font-family: var(--headlinefont);
    border-radius: 0;
    display: flex !important;
    align-items: center;
    gap: 2vw;
    width: fit-content;
}

.ast-button::after {
    content: '';
    display: block;
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-pfeil-down.svg);
    --my-size: 1em;
    width: var(--my-size);
    height: calc(var(--my-size) / 2.422680412371134);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    rotate: -90deg;
}

/**----------------- ROW IMG TXT -------------**/
.wp-block-uagb-container.cont-img-text>.wp-block-uagb-container:first-child {
    max-width: 381px;
}

.wp-block-uagb-container.cont-img-text>.wp-block-uagb-container:last-child {
    max-width: 100% !important;
    padding-left: var(--cont-padding-1);
}

/**----------------- UNTERSEITEN GRID -------------**/

#main .wp-block-uagb-container.unterseiten-grid,
.unterseiten-grid>.block-editor-inner-blocks>.block-editor-block-list__layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.unterseiten-grid p {
    padding-bottom: 100% !important;
    background-color: var(--main-color-content);
}

.unterseiten-grid .uagb-heading-text {
    padding-bottom: 100%;
    background-color: var(--main-color-content);

}

.unterseiten-grid p a {
    font-size: 1.263rem;
    word-break: break-word;
    word-spacing: 100px;
    position: absolute;
    height: 100%;
    width: 100%;
    text-decoration: none;
    line-height: 1.1;
    padding: 1.3em;
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-logo-erwachsenenvertretung.svg);
    background-position: left bottom;
    background-size: 36.84%;
    background-repeat: no-repeat;
    font-family: var(--headlinefont);
    line-height: 1.05;
    color: #000;
    text-decoration: none !important;
}

.unterseiten-grid p a:after {
    content: '';
    display: block;
    position: absolute;
    --my-size: 1.5em;

    height: var(--my-size);
    width: calc(var(--my-size) / 2.388059701492537);
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-pfeil-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    right: 1.3em;
    bottom: 1.3em;
}

/**----------------- ROW KONTAKT -------------**/
.wp-block-uagb-container.row-kontakt>.wp-block-uagb-container {
    width: fit-content;
    flex: 0 0 auto;
    max-width: 33.3%;
}

/**----------------- ACCORDION -------------**/
.esab__container {
    gap: 0 !important;
}

.uagb-faq-icon-wrap svg {
    color: var(--main-color-content);
    fill: var(--main-color-content);
}

.uagb-faq-questions-button.uagb-faq-questions {
    border-bottom: 2px solid var(--main-color-content);
}

.wp-block-uagb-faq .uagb-faq-child__outer-wrap {
    margin-bottom: 0;
}

.wp-block-uagb-faq .uagb-faq-content {
    padding-top: 2em;
    padding-bottom: 2.6em;
}

.wp-block-uagb-faq .uagb-faq-questions-button.uagb-faq-questions {
    padding: 1.4em 0;
}

#main .esab__container .wp-block-esab-accordion-child .esab__head {
    padding: 1.4em 0 !important;
    border-bottom: 2px solid var(--main-color-content);
    background-color: transparent !important;
}

.esab__icon svg {
    fill: var(--main-color-content) !important;
    color: var(--main-color-content);
}

#main .wp-block-esab-accordion-child .esab__head .esab__heading_txt h2 {
    color: #000 !important;
}

.esab__head.esab__head_reverse * {
    background-color: transparent !important;
}

#main .esab__body {
    background-color: transparent !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: block !important;
    overflow: hidden !important;
    height: auto !important;
    max-height: 0 !important;
    transition: all .5s ease 0s;
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#main .esab__body.esab__active {
    padding-top: 2em !important;
    padding-bottom: 2.6em !important;
    height: auto !important;
    max-height: 200vh !important;
    display: block !important;
}

#main .esab__container .wp-block-esab-accordion-child .esab__head {
    display: flex;
    align-items: center;
}

.wp-block-esab-accordion .esab__icon .esab__collapse,
.wp-block-esab-accordion .esab__icon .esab__expand {
    /*margin-top: -0.3em;*/
}
	
.wp-block-esab-accordion .esab__container > .wp-block-esab-accordion-child {
    border: unset !important;
}
	
.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__body {
    border-top: unset !important;
}
	
.wp-block-esab-accordion .esab__active_accordion > .esab__head .esab__icon svg path {
    fill: var(--main-color-content) !important;
}


/**----------------- ROW SLIDER -------------*/

.spectra-image-gallery__layout--carousel ul.slick-dots {
    top: unset;
    bottom: 30px;
    position: absolute !important;
}

.uagb-slick-carousel ul.slick-dots li button {
    position: relative !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

ul.slick-dots button::before {
    height: 12px !important;
    width: 12px !important;
    background-color: #fff !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: var(--color-4) !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;
}

/**----------------- BLOCK TABMENÜ BOX -------------*/


/**animation*/

.entry-content .uagb-tabs__wrap .uagb-tabs__body-container {
    display: block;
    max-height: 0;
    transition: all .5s cubic-bezier(.46, .03, .52, .96) 0s;
    opacity: 0;
    pointer-events: none;
}

.entry-content .uagb-tabs__wrap .uagb-tabs__body-container.uagb-tabs-body__active {
    display: block;
    max-height: 100vh;
    opacity: 1;
    transition-delay: 0.5s, 0.5s;
    transition-property: opacity, max-height;
    pointer-events: all;
}

/**als acc*/
.wp-block-uagb-tabs-child li a {
    padding: 0 !important;
    display: inline-block !important;
}

.wp-block-uagb-tabs.uagb-tab-accordion {
    padding: 0;
    background-color: transparent;
}

.uagb-tab-accordion .uagb-tab {
    background-color: #fff;
    padding: 1.4em 2em;
    margin: 0 !important;
}

.tabbox.uagb-tabs__wrap.uagb-tab-accordion ul.uagb-tabs__panel li::before {
    line-height: 1;
}

.uagb-tab-accordion .uagb-tab {
    background-color: #fff;
    padding: 0.9em 2em;
    margin: 0 0 2px 0 !important;
}

.uagb-tab-accordion .uagb-tabs__body-wrap {
    display: none;
}

.uagb-tab-accordion .uagb-tabs-list {
    padding: 0 !important;
    margin: 0 !important;
}

.uagb-tabs__panel>li>.wp-block-uagb-tabs-child {
    position: relative !important;
    max-height: 0 !important;
    opacity: 0 !important;
    transition-property: max-height, opacity;
    transition-delay: 0s, .5s;
    padding: 0;
}

.uagb-tabs__panel>li.uagb-tabs__active>.wp-block-uagb-tabs-child {
    max-height: 100000vh !important;
    position: relative !important;
    opacity: 1 !important;
    padding: 0.9em 0;
    pointer-events: all;
}


/**----------------- BUTTONS -------------*/
.uagb-buttons-repeater.wp-block-button__link {
    background-color: var(--main-color-content);
    font-family: var(--headlinefont);
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 2vw;
}

.uagb-buttons-repeater.wp-block-button__link .uagb-button__link {
    font-family: var(--headlinefont);
    border-radius: 0;
    display: flex;

}

.wp-block-uagb-buttons-child.wp-block-button.erwachsenenvertretung .uagb-buttons-repeater.wp-block-button__link {
    background-color: var(--color-4);
}

.wp-block-uagb-buttons-child.wp-block-button.clearing .uagb-buttons-repeater.wp-block-button__link {
    background-color: var(--color-2);
}

.wp-block-uagb-buttons-child.wp-block-button.bewohnervertretung .uagb-buttons-repeater.wp-block-button__link {
    background-color: var(--color-3);
}

.uagb-buttons-repeater.wp-block-button__link:After {
    content: '';
    display: block;
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-pfeil-down.svg);
    --my-size: 1em;
    width: var(--my-size);
    height: calc(var(--my-size) / 2.422680412371134);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    rotate: -90deg;
}

.wp-block-button__link.btn-has-icon::after {
    display: none !important;
}

.uagb-button__icon.uagb-button__icon-position-after {
    color: #fff;
}

@media (max-width: 1024px) {
    .wp-block-uagb-container.cont-img-left-klein>.wp-block-uagb-container:nth-child(1) {
        max-width: 45%;
    }

    .wp-block-uagb-container.slide-text-field {
        bottom: 11.2vw;
    }

    .wp-block-uagb-container.slide-text-field h2.uagb-heading-text {
        font-size: 1.305rem;
    }


}

@media (max-width: 990px) {

    #main .wp-block-uagb-container.unterseiten-grid,
    .unterseiten-grid>.block-editor-inner-blocks>.block-editor-block-list__layout {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-block-uagb-container.row-kontakt>.wp-block-uagb-container {
        max-width: 100%;
    }

    #bewohnervertretung *,
    #erwachsenenvertretung *,
    #clearing * {
        text-align: center;
    }

    #main>.ast-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .ast-row {
        margin-left: 0;
        margin-right: 0;
    }

    #kontaktformular {
        margin-bottom: var(--margin-bottom-row);
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #menu-footer-menu {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        text-align: center;
        gap: 15px;
    }

    #footer-menu {
        padding: 11vw 0 11vw;
    }

    .wp-block-uagb-container.slide-text-field {
        position: unset;
        bottom: 7.2vw;

        width: 100% !important;
    }

    .color-gird-slider {
        display: grid;
        width: 2.3em;
    }
}

@media (max-width: 576px) {

    .page-id-2524 #primary,
    .parent-pageid-2524 #primary,
    .page-id-224 #primary,
    .parent-pageid-224 #primary,
    .page-id-2527 #primary,
    .parent-pageid-2527 #primary,
    .page-id-2529 #primary,
    .parent-pageid-2529 #primary {
        background-size: 72vw;
    }

    .wp-block-esab-accordion .esab__icon {
        height: 1rem;
        width: 30px;
    }

    .wp-block-esab-accordion .esab__icon .esab__collapse,
    .wp-block-esab-accordion .esab__icon .esab__expand {
        margin-top: -0.4em;
    }

    .tablepress tbody td,
    .tablepress tfoot th {
        min-width: 165px;
        font-size: 0.7rem;
    }

    .home #color-bar {
        display: none;
    }

    #main>.ast-row {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr);
        gap: 14px;
    }

    #main .wp-block-uagb-container.unterseiten-grid,
    .unterseiten-grid>.block-editor-inner-blocks>.block-editor-block-list__layout {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .unterseiten-grid p a {
        font-size: 1.4rem;
    }

    .unterseiten-grid p {
        padding-bottom: 70% !important;
        background-color: var(--main-color-content);
    }
}

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

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