.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2577 .elementor-element.elementor-element-295a468{width:var( --container-widget-width, 562px );max-width:562px;--container-widget-width:562px;--container-widget-flex-grow:0;text-align:center;}.elementor-2577 .elementor-element.elementor-element-295a468 .elementor-heading-title{font-size:65px;font-weight:500;line-height:70px;color:var( --e-global-color-primary );}.elementor-2577 .elementor-element.elementor-element-75f5498{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-2577 .elementor-element.elementor-element-4b8b584 .elementor-button{background-color:#89D0BE00;font-size:40px;fill:#1C3B3B;color:#1C3B3B;border-radius:548px 548px 548px 548px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-4b8b584 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-4b8b584.elementor-element{--align-self:center;}.elementor-2577 .elementor-element.elementor-element-84a8da3 > .elementor-widget-container{margin:0px 8px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-84a8da3.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-4499abb .elementor-button{background-color:#89D0BE00;font-size:40px;fill:#1C3B3B;color:#1C3B3B;border-radius:548px 548px 548px 548px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-4499abb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-4499abb.elementor-element{--align-self:center;}.elementor-2577 .elementor-element.elementor-element-ee7c145.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-fae5593{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:8px;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:#FFFFFF;--e-filter-active-text-color:#FFFFFF;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf > .elementor-widget-container{margin:0px 0px 8px 8px;padding:0px 0px 0px 8px;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf .e-filter-item{font-family:"Wix Madefor Text", outfit;font-size:14px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-669395e{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:8px;--n-accordion-border-radius:32px 32px 32px 32px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-2577 .elementor-element.elementor-element-669395e > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-1ba0c4e );border-style:none;}.elementor-2577 .elementor-element.elementor-element-669395e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-669395e {--n-accordion-padding:8px 24px 8px 24px;}:where( .elementor-2577 .elementor-element.elementor-element-669395e > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Outfit", outfit;font-weight:400;}:where( .elementor-2577 .elementor-element.elementor-element-669395e > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-2577 .elementor-element.elementor-element-d4dc440 .elementor-button{background-color:#89D0BE00;font-size:40px;fill:#1C3B3B;color:#1C3B3B;border-radius:548px 548px 548px 548px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-d4dc440{width:auto;max-width:auto;}.elementor-2577 .elementor-element.elementor-element-d4dc440 > .elementor-widget-container{margin:0px 0px 0px 8px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-cbd3e38{width:initial;max-width:initial;}.elementor-2577 .elementor-element.elementor-element-cbd3e38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-074741c{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2577 .elementor-element.elementor-element-ad38ae5{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:24px;--e-filter-normal-text-color:var( --e-global-color-primary );}.elementor-2577 .elementor-element.elementor-element-ad38ae5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-ad38ae5 .e-filter-item{font-family:"Wix Madefor Text", outfit;font-weight:600;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-69596b8{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2577 .elementor-element.elementor-element-0c45ef8 .elementor-button{background-color:#89D0BE00;font-size:40px;fill:#1C3B3B;color:#1C3B3B;border-radius:548px 548px 548px 548px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-0c45ef8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-0c45ef8.elementor-element{--align-self:center;}.elementor-2577 .elementor-element.elementor-element-c70b900 > .elementor-widget-container{margin:0px 8px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-c70b900.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-7d72ddc .elementor-button{background-color:#89D0BE00;font-size:40px;fill:#1C3B3B;color:#1C3B3B;border-radius:548px 548px 548px 548px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-7d72ddc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-7d72ddc.elementor-element{--align-self:center;}.elementor-2577 .elementor-element.elementor-element-a1388ab.elementor-element{--align-self:flex-start;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-2577 .elementor-element.elementor-element-9832da8{--grid-columns:3;--grid-column-gap:22px;}.elementor-2577 .elementor-element.elementor-element-9832da8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2577 .elementor-element.elementor-element-9832da8 .e-loop-item > .elementor-section, .elementor-2577 .elementor-element.elementor-element-9832da8 .e-loop-item > .elementor-section > .elementor-container, .elementor-2577 .elementor-element.elementor-element-9832da8 .e-loop-item > .e-con, .elementor-2577 .elementor-element.elementor-element-9832da8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}body.elementor-page-2577{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2577 .elementor-element.elementor-element-295a468{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-2577 .elementor-element.elementor-element-295a468 .elementor-heading-title{font-size:40px;line-height:45px;}.elementor-2577 .elementor-element.elementor-element-75f5498{--justify-content:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2577 .elementor-element.elementor-element-4b8b584 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-4b8b584.elementor-element{--align-self:center;}.elementor-2577 .elementor-element.elementor-element-84a8da3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-ee7c145 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf .e-filter-item{font-size:14px;}.elementor-2577 .elementor-element.elementor-element-074741c{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2577 .elementor-element.elementor-element-ad38ae5{--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;}.elementor-2577 .elementor-element.elementor-element-ad38ae5.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-ad38ae5 .e-filter-item{font-size:14px;}.elementor-2577 .elementor-element.elementor-element-69596b8{--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2577 .elementor-element.elementor-element-c70b900 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-a1388ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-9832da8{--grid-columns:2;}}@media(max-width:767px){.elementor-2577 .elementor-element.elementor-element-295a468 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-295a468 .elementor-heading-title{font-size:32px;}.elementor-2577 .elementor-element.elementor-element-75f5498{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-2577 .elementor-element.elementor-element-c8a498c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-c8a498c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-a6ce8cf .e-filter-item{font-size:14px;line-height:18px;padding:0px 0px 8px 0px;}.elementor-2577 .elementor-element.elementor-element-cbd3e38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2577 .elementor-element.elementor-element-ad38ae5{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;}.elementor-2577 .elementor-element.elementor-element-ad38ae5 > .elementor-widget-container{padding:0px 0px 8px 0px;}.elementor-2577 .elementor-element.elementor-element-ad38ae5.elementor-element{--align-self:flex-start;}.elementor-2577 .elementor-element.elementor-element-ad38ae5 .e-filter-item{font-size:14px;line-height:18px;padding:0px 0px 8px 0px;}.elementor-2577 .elementor-element.elementor-element-69596b8{--width:33%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-2577 .elementor-element.elementor-element-9832da8{--grid-columns:1;}body.elementor-page-2577{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2577 .elementor-element.elementor-element-75f5498{--width:auto;}}@media(max-width:1024px) and (min-width:768px){.elementor-2577 .elementor-element.elementor-element-75f5498{--width:100%;}.elementor-2577 .elementor-element.elementor-element-074741c{--width:66%;}.elementor-2577 .elementor-element.elementor-element-69596b8{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-295a468 */.whiteline {
    background-image: url("https://staging.heukelbach.org/wp-content/uploads/2026/01/Linie-2.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    padding-bottom: 15px;
    display: inline-block;
}

@media (max-width: 1024px) {
    .whiteline {
        padding-bottom: 8px;
        background-position: bottom 2px center;
    }
}

@media (max-width: 767px) {
    .whiteline {
        padding-bottom: 5px;
        background-position: bottom 0px center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68116c3 */.search-wrapper {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4b8b584 */.search-toggle .elementor-button-icon svg:hover
{
    width: 48px!important;
    margin: -4px;
cursor: pointer;
}

.search-toggle .elementor-button-icon svg
{
    width: 40px!important;
    transition: 400ms;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-84a4794 */.search-wrapper {
    display: flex;
    align-items: left;
}

.search-bar {
    width: 250px!important;
    overflow: hidden;
    transition: max-width 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    margin-right: 10px;
    display: flex;
    position: relative;
    padding: 0px 0px 0px 8px!important;
}

.search-bar.active {
    max-width: 250px!important;
    opacity: 1;
        color: #1C6155!important;
    background-color: #E5FE77!important;
    
}

.search-bar input {
    text-align: left;
    width: 230px;
    height: 45px;
    padding: 8px 0px 8px 0px;
    border: 1px solid #888;
    border-radius: 4px;
    font-size: 16px;
    color: #1C6155!important;
    background-color: #E5FE77!important;
}

.clear-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #888;
    display: none;
}

.clear-button.visible {
    display: block;
}

.search-bar input::placeholder {
    color: #1C6155 !important;
    opacity: 1 !important;
}

.search-bar input::-webkit-input-placeholder {
    color: #1C6155 !important;
    opacity: 1 !important;
}

.search-bar input::-moz-placeholder {
    color: #1C6155 !important;
    opacity: 1 !important;
}

.search-bar input:-ms-input-placeholder {
    color: #1C6155 !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-84a8da3 *//* Custom Select Wrapper */
.custom-select-wrapper {
    position: relative;
    width: auto;
    background-color: #E5FE77!important;
    border-radius: 32px;
    padding: 8px 24px;
}

/* Custom Select Display */
.custom-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0;
}

.selected-option {
    color: #1C6155!important;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
}

.dropdown-arrow {
    margin-left: 12px;
    transition: transform 0.3s ease;
        color: #1C6155!important;
}

.custom-select.active .dropdown-arrow {
    transform: rotate(180deg);
}

/* Custom Options Dropdown */
.custom-options {
    position: relative;
    width: 200px;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background-color: #1C6155;
    border-radius: 0 0 32px 0;
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.custom-options.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Custom Option Items */
.custom-option {
    padding: 12px 24px;
    color: #E5FE77;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-option:hover {
    background-color: rgba(229, 254, 119, 0.1);
}

.custom-option.selected {
    background-color: rgba(229, 254, 119, 0.2);
    font-weight: 600;
}

/* Erweitere blogSortWrap um Platz für Dropdown */
#blogSortWrap {
    padding-bottom: 200px;
    margin-bottom: -200px;
}

#blogSortWrap.collapsible
{
    padding: 0px;
}


#blogSortWrap {
    position: relative;
    right: 0; /* Rechtsbündig ausrichten mit dem Filter-Button */
    top: 100%; /* Direkt unter dem Button */
    margin-top: 0px; /* Kleiner Abstand zum Button */
    z-index: 1000;
}

.custom-select-wrapper {
    position: relative;
    min-width: auto; /* Mindestbreite für das Dropdown */
}

.custom-select {
    width: 100%;
}

.custom-options {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
}


#blogSortWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0px!important;
    width: auto;
}

.elementor-element-1cb263a {
    position: relative;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4499abb */.filter-toggle .elementor-button-icon svg:hover
{
    width: 48px!important;
    margin: -4px;
cursor: pointer;
}

.filter-toggle .elementor-button-icon svg
{
    width: 40px!important;
    transition: 400ms;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8a498c */.elementor-2577 .elementor-element.elementor-element-c8a498c
{
    height: 0px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-a6ce8cf */.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]

{
    color: white!important;
    position: relative;
    z-index: 10;
    overflow: visible;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;   /* gleiche Größe wie background-size */
    height: 200px;
    background-image: url("https://staging.heukelbach.org/wp-content/uploads/2025/11/2325a7f8d1b0736167c9067f35c59eb4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    z-index: 99;
    pointer-events: none;
}


.e-filter-item[data-filter="__all"][aria-pressed="true"]::before {
    width: 150% !important;
}




.elementor-kit-6 button:hover, .elementor-kit-6 button:focus, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="button"]:focus, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 input[type="submit"]:focus, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus

{
    background-color: white;
}


.elementor-element-fae5593 {
    overflow: visible !important;
    align-items: flex-start !important;
}

.elementor-widget-taxonomy-filter {
    overflow: visible !important;
    width: 100% !important;
}

.e-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

button {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
}

e-filter-item {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
}

.e-filter-item[data-filter="lebensgeschichten-portraets"] {
    margin-left: 0px !important;
    
}


.e-filter-item[data-filter="lebensgeschichten-portraets"][aria-pressed="true"]::before {
    background-size: 70% !important;
    z-index: 100 !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-a6ce8cf */.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]

{
    color: white!important;
    position: relative;
    z-index: 10;
    overflow: visible;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;   /* gleiche Größe wie background-size */
    height: 200px;
    background-image: url("https://staging.heukelbach.org/wp-content/uploads/2025/11/2325a7f8d1b0736167c9067f35c59eb4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    z-index: 99;
    pointer-events: none;
}


.e-filter-item[data-filter="__all"][aria-pressed="true"]::before {
    width: 150% !important;
}




.elementor-kit-6 button:hover, .elementor-kit-6 button:focus, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="button"]:focus, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 input[type="submit"]:focus, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus

{
    background-color: white;
}


.elementor-element-fae5593 {
    overflow: visible !important;
    align-items: flex-start !important;
}

.elementor-widget-taxonomy-filter {
    overflow: visible !important;
    width: 100% !important;
}

.e-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

button {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
}

e-filter-item {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
}

.e-filter-item[data-filter="lebensgeschichten-portraets"] {
    margin-left: 0px !important;
    
}


.e-filter-item[data-filter="lebensgeschichten-portraets"][aria-pressed="true"]::before {
    background-size: 70% !important;
    z-index: 100 !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-669395e */.elementor-widget-n-accordion .e-n-accordion-item-title
{
    justify-content: space-between!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d4dc440 */.labels-toggle .elementor-button-icon svg:hover
{
    width: 48px!important;
    margin: -4px;
cursor: pointer;
}

.labels-toggle .elementor-button-icon svg
{
    width: 40px!important;
    transition: 400ms;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbd3e38 */.e-filter-item {
  overflow: visible !important;
  position: relative;
  z-index: 10; /* damit das BG-image über andere Elemente geht */
}
.e-filter,
.e-con,
.elementor-container,
.elementor-section {
  overflow: visible !important;
}
.e-filter-item::before,
.e-filter-item::after {
  content: '';
  position: absolute;
  overflow: visible;
  z-index: -1; /* oder höher, je nach Bedarf */
  /* dein background-image */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75f5498 *//* Search Bar Styles */
.search-bar {
    background-color: #1C6155;
    border-radius: 64px;
    padding: 0px 32px;
    margin: 0 8px 0 0; /* Kein Abstand zum Search Icon */
}

.search-bar input {
    background-color: transparent;
    border: none;
    color: #E5FE77;
    outline: none;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    width: 260px !important;
}

.search-bar input::placeholder {
    color: #E5FE77;
    opacity: 0.7;
    font-family: 'Outfit', sans-serif;
}

.search-bar .clear-button {
    background: none;
    border: none;
    color: #E5FE77;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    margin-left: 8px;
    font-family: 'Outfit', sans-serif;
}

/* Blog Filter Styles */
#blogSortWrap {
    background-color: #1C6155;
    border-radius: 64px;
    padding: 8px 24px;
    margin-left: 16px; /* 16px Abstand zum Filter Icon */
}

#blogSortSelect {
    background-color: transparent;
    border: none;
    color: #E5FE77;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    padding: 8px;
    font-family: 'Outfit', sans-serif;
}

#blogSortSelect option {
    background-color: #1C6155;
    color: #E5FE77;
    font-family: 'Outfit', sans-serif;
}

/* Für bessere Sichtbarkeit im ausgeblendeten Zustand */
.search-bar:not(.active),
#blogSortWrap[hidden] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.search-bar.active,
#blogSortWrap:not([hidden]) {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}


#blogSortSelect option {
    border-radius: 32px;
    padding: 32px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-ad38ae5 */.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]
{
    color: #1C6155;
    position: relative;
    z-index: 10;
    overflow: visible;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true]::before
{
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    background-image: url("https://staging.heukelbach.org/wp-content/uploads/2025/11/2325a7f8d1b0736167c9067f35c59eb4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    pointer-events: none;
}


.elementor-kit-6 button:hover, .elementor-kit-6 button:focus, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="button"]:focus, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 input[type="submit"]:focus, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus

{
    background-color: white;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c45ef8 */.search-toggle .elementor-button-icon svg:hover
{
    width: 48px!important;
    margin: -4px;
cursor: pointer;
}

.search-toggle .elementor-button-icon svg
{
    width: 40px!important;
    transition: 400ms;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31c2126 */.search-wrapper {
    display: flex;
    align-items: center;
}

.search-bar {
    max-width: 0;
    overflow: hidden;
    transition: max-width 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    margin-right: 10px;
    display: flex;
    position: relative;
}

.search-bar.active {
    max-width: 230px;
    opacity: 1;
}

.search-bar input {
    width: 230px;
    padding: 8px 30px 8px 16px;
    border: 1px solid #888;
    border-radius: 4px;
    font-size: 16px;
}

.clear-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #888;
    display: none;
}

.clear-button.visible {
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c70b900 *//* Custom Select Wrapper */
.custom-select-wrapper {
    position: relative;
    width: 100%;
}

/* Custom Select Display */
.custom-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0;
}

.selected-option {
    color: #E5FE77;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
}

.dropdown-arrow {
    margin-left: 12px;
    transition: transform 0.3s ease;
}

.custom-select.active .dropdown-arrow {
    transform: rotate(180deg);
}

/* Custom Options Dropdown */
.custom-options {
    position: absolute;
    width: 200px;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background-color: #1C6155;
    border-radius: 0 0 32px 0;
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.custom-options.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Custom Option Items */
.custom-option {
    padding: 12px 24px;
    color: #E5FE77;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-option:hover {
    background-color: rgba(229, 254, 119, 0.1);
}

.custom-option.selected {
    background-color: rgba(229, 254, 119, 0.2);
    font-weight: 600;
}

/* Erweitere blogSortWrap um Platz für Dropdown */
#blogSortWrap {
    padding-bottom: 200px;
    margin-bottom: -200px;
}


#blogSortWrap {
    position: absolute;
    right: 0; /* Rechtsbündig ausrichten mit dem Filter-Button */
    top: 100%; /* Direkt unter dem Button */
    margin-top: 0px; /* Kleiner Abstand zum Button */
    z-index: 1000;
}

.custom-select-wrapper {
    position: relative;
    min-width: 250px; /* Mindestbreite für das Dropdown */
}

.custom-select {
    width: 100%;
}

.custom-options {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7d72ddc */.filter-toggle .elementor-button-icon svg:hover
{
    width: 48px!important;
    margin: -4px;
cursor: pointer;
}

.filter-toggle .elementor-button-icon svg
{
    width: 40px!important;
    transition: 400ms;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69596b8 *//* Search Bar Styles */
.search-bar {
    background-color: #1C6155;
    border-radius: 64px;
    padding: 0px 32px;
    margin: 0 8px 0 0; /* Kein Abstand zum Search Icon */
}

.search-bar input {
    background-color: transparent;
    border: none;
    color: #E5FE77;
    outline: none;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    width: 260px !important;
}

.search-bar input::placeholder {
    color: #E5FE77;
    opacity: 0.7;
    font-family: 'Outfit', sans-serif;
}

.search-bar .clear-button {
    background: none;
    border: none;
    color: #E5FE77;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    margin-left: 8px;
    font-family: 'Outfit', sans-serif;
}

/* Blog Filter Styles */
#blogSortWrap {
    background-color: #1C6155;
    border-radius: 64px;
    padding: 8px 24px;
    margin-left: 16px; /* 16px Abstand zum Filter Icon */
}

#blogSortSelect {
    background-color: transparent;
    border: none;
    color: #E5FE77;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    padding: 8px;
    font-family: 'Outfit', sans-serif;
}

#blogSortSelect option {
    background-color: #1C6155;
    color: #E5FE77;
    font-family: 'Outfit', sans-serif;
}

/* Für bessere Sichtbarkeit im ausgeblendeten Zustand */
.search-bar:not(.active),
#blogSortWrap[hidden] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.search-bar.active,
#blogSortWrap:not([hidden]) {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}


#blogSortSelect option {
    border-radius: 32px;
    padding: 32px;
}/* End custom CSS */
/* Start custom CSS */.categories-dropdown-wrapper {
    width: 100%;
}

.categories-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #E5FE77;
    border-radius: 18px;
    cursor: pointer;
    font-weight: 500;
    color: #1C6155;
}

.categories-dropdown-header .dropdown-arrow {
    transition: transform 0.3s ease;
}

.categories-dropdown-wrapper.active .dropdown-arrow {
    transform: rotate(180deg);
}

.categories-dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.categories-dropdown-wrapper.active .categories-dropdown-content {
    max-height: 500px;
    padding-top: 10px;
}


.e-con, .e-con-inner {
  overflow: visible !important;
}

.e-filter-item {
  overflow: visible !important;
  position: relative;
  z-index: 10; /* damit das BG-image über andere Elemente geht */
}
.e-filter,
.e-con,
.elementor-container,
.elementor-section {
  overflow: visible !important;
}
.e-filter-item::before,
.e-filter-item::after {
  content: '';
  position: absolute;
  overflow: visible;
  z-index: -1; /* oder höher, je nach Bedarf */
  /* dein background-image */
}

.elementor-widget-taxonomy-filter,
.elementor-widget-taxonomy-filter .e-filter,
.elementor-widget-taxonomy-filter .e-filter-item {
    overflow: visible !important;
}

/* Elementor-Container drumherum */
.elementor-element-fae5593,
.elementor-element-fae5593 > .e-con-inner {
    overflow: visible !important;
}

button.e-filter-item[data-filter="uncategorized"] {
    display: none;
}/* End custom CSS */