/* --- Section Text ------------------------------------------------------------------------------------ */
.section-text {
    padding-top: clamp(1.75rem, 3vw + 1rem, 6.75rem);
    padding-bottom: clamp(1.75rem, 3vw + 1rem, 6.75rem);  
}

.section-text .wp-block-group .wp-block-group {
    width: 55%;
}

.section-text-media-classic-m .wp-block-columns.is-layout-flex:has(h3),
.section-text-media-classic-m .wp-block-columns.is-layout-flex:has(h2), 
.section-text-media-details .wp-block-columns.is-layout-flex:has(p) {
    gap: clamp(2rem, 2vw + 1rem, 4rem);
}


/* --- Section Text Media Complex ------------------------------------------------------------------------------------ */
.section-text-media-complex .wp-block-columns.is-layout-flex:not(:has(.is-style-card-standard)) {
    gap: calc(8% + 1rem);
}

.section-text-media-complex h2 {
    margin-bottom: 0;
}

.section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(h2) figure {
    padding-left: 20%;
}

.section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(p) figure {
    width: 80%;
}

.section-text-media-complex .wp-block-columns .wp-block-group.is-style-card-standard .wp-block-details {
    margin-top: auto;
    display: flex;
    flex-direction: column-reverse;
}

.section-text-media-complex details .wp-block-buttons {
    margin-bottom: clamp(1.13rem, 1vw + 1rem, 2.25rem);
}

.section-text-media-complex .block-editor-block-list__block.is-style-card-standard {
    height: 100%;
}

.block-editor-block-list__block.section-text-media-complex figure.block-editor-block-list__block {
    max-width: fit-content;
}

/* --- Section Text Media Gallery ------------------------------------------------------------------------------------ */

.image-composition .wp-block-group.is-vertical.is-layout-flex {
    gap: 2rem;
}

.wp-block-columns.image-composition figure {
    margin-bottom: 0;
}

.image-composition > .wp-block-column > figure.wp-block-image {
    height: 100%;
}

.image-composition > .wp-block-column > figure.wp-block-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}




/* --- Section Text Media Details ------------------------------------------------------------------------------------ */

.icon-list .wp-block-image img {
    border-radius: unset;
    /* width: 20px;
    height: 20px; */
}

.icon-list figure.wp-block-image {
    width: 24px;
}

/* .section-text-media-details .wp-block-group-is-layout-constrained p:first-of-type {
    position: relative;
    max-height: 4.5em; 
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

.section-text-media-details .wp-block-group-is-layout-constrained p:first-of-type::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2em; 
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.section-text-media-details .wp-block-details[open] ~ p:first-of-type {
    max-height: none; 
}

.section-text-media-details .wp-block-details[open] ~ p:first-of-type::after {
    display: none;
}

.section-text-media-details .wp-block-details.is-style-accordion-button-underline summary::before {
    content: "weiter lesen";
}

.section-text-media-details .wp-block-details[open].is-style-accordion-button-underline summary::before {
    content: "weniger lesen";
} */

/* Apply the styles only on the front-end */
body:not(.block-editor-page) .hidden-text {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 1s ease-in-out, max-height 1s ease-in-out, padding-bottom 1s ease-in-out;
    padding-bottom: 0;
}

body:not(.block-editor-page) .hidden-text.show {
    opacity: 1;
    max-height: 1000px;
    padding-bottom: 0.75em;
}


  .hidden-text + .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 0;
}

.is-style-button-underline.toggle-button .wp-block-button__link.wp-element-button {
    border-bottom: unset;
}

/* div.wp-block-button.is-style-button-underline.toggle-button{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
} */

.is-style-button-underline.toggle-button:hover::before {
    z-index: -1;
}

.section-text-media-complex .is-style-card-standard > p {
  margin-bottom: auto;
}

/* ------ Media Queries -------------------------------------------------------------------------------- */

@media screen and (max-width: 1279px)  {
   
}

@media screen and (max-width: 1200px) and (min-width: 782px) {
    .section-text-media-complex h2.wp-block-heading {
        font-size: clamp(2.25rem, 2.9787vw + 1.3191rem, 4rem);
    }
   
}

@media screen and (max-width: 1024px)  {
    .section-text .wp-block-group .wp-block-group {
        width: 65%;
    }

    .section-text-media-complex .wp-block-columns.is-layout-flex:not(:has(.is-style-card-standard)) {
        gap: 6%;
    }

    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:not(.is-style-card-standard):has(p){
        flex-direction: column-reverse;
    }

    /* .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(.is-style-card-standard) {
        flex-direction: row; 
    } */
    
    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(p) figure {
        width: 60%;
        margin-left: auto;
    }    
}



@media screen and (max-width: 781px)  {
    .section-text .wp-block-group .wp-block-group,
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow > .wp-block-group.is-layout-constrained,
    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(p) p {
        width: 80%;
        margin-left: 0 !important;
    }

    .wp-block-column .wp-block-group.is-vertical.is-layout-flex:has(p) p {
        width: 80%;
        margin-left: 0 !important;
    }

    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(h2) figure {
        padding-right: 20%;
        padding-left: 0;
    }

    .section-text-media-complex .wp-block-columns.is-layout-flex:not(:has(.is-style-card-standard)) {
        gap: clamp(3rem, 5vw + 1rem, 5rem);
    }

    .section-text-media-details > .wp-block-columns {
        flex-direction: column-reverse;
    }

    .section-text-2columns .wp-block-columns.is-layout-flex {
        gap: 3.5rem;
    }

    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow > .wp-block-group.is-layout-constrained {
        width: 100%;
    }

     .text-media-complex-gap .wp-block-spacer.is-style-spacer-small {
        display: none;
    }

}

@media screen and (max-width: 600px)  {
    .section-text .wp-block-group .wp-block-group,
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow > .wp-block-group.is-layout-constrained,
    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(p) p,
    .wp-block-column .wp-block-group.is-vertical.is-layout-flex:has(p) {
        width: 100%;
    }

    .section-text-media-complex .wp-block-columns .wp-block-column .wp-block-group:has(p) figure {
        width: 100%;
    } 

    .image-composition .wp-block-group.is-vertical.is-layout-flex {
        gap: 1rem;
    }
    
    .wp-block-column .wp-block-group.is-vertical.is-layout-flex:has(p) p {
        width: 100%;
    }

}