/* --- Section Card 2 Columns ------------------------------------------------------------------------------------ */
.section-card-2columns {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
}

.section-card-2columns .wp-block-group-is-layout-constrained {
    padding: 40px;
    border-radius: 8px;
    /* card shadow blue */
    box-shadow: 0px 4px 32px 0px rgba(60, 112, 221, 0.2);
}

/*-----------------------------------------------section-card-offers--------------------------------------------------*/
summary::-webkit-details-marker {
    display: none;
}

.section-card-offers {
    background-color: var(--color--accent-1);
    /* padding-top: 6.75rem;
    padding-bottom: 6.75rem; */
}

.section-card-offers .wp-block-group.alignwide.is-layout-flex:has(.card-offers) {
    gap: 1rem;
    align-items: flex-start;
}

.section-card-offers > div:nth-child(1) {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.card-offers {
    /* padding: clamp(1rem, 1vw + 0.5rem, 1.75rem);
    box-shadow: 0px 4px 32px 0px rgba(60, 112, 221, 0.2);
    background-color: var(--color--secondary-2);
    border-radius: var(--border-radius--small);
    flex-direction: column;
    align-self: stretch;
    width: 25%; */

    padding: clamp(1rem, 1vw + 0.5rem, 1.75rem);
    box-shadow: 0px 4px 32px 0px rgba(60, 112, 221, 0.2);
    background-color: var(--color--secondary-2);
    border-radius: var(--border-radius--small);
    flex: 1;
    padding: 1rem;
    box-sizing: border-box;
}

.block-editor-block-list__block.card-offers {
    min-height: 35rem;
}

.wp-block-group p.card-offers-oberzeile {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--x-small);
    font-weight: 700;
    letter-spacing: 0.02em;
    padding-bottom: clamp(0.5rem, 1vw + 0.5rem, 1rem);
    line-height: clamp(0.5rem, 0.8vw + 0.25rem, 1rem);
}

.card-offers-oben h4.wp-block-heading {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--large);
    padding-bottom: 1rem;
    margin-bottom: 0;
    hyphens: auto;
    flex-basis: 50%;
    flex-grow: 1;
    /* min-height: 6rem; */
}

.card-offers-oben {
    /* height: 16rem; */
    padding-bottom: 2.75rem;
    /* display: flex; */
    /* flex-direction: column; */
    display: block;
}

.card-offers-oben {
    margin: 0;
}

.card-offers li {
    font-size: var(--font-size--x-small);
    hyphens: auto;
}

.card-offers-list-oberzeile {
    font-size: var(--font-size--small) !important; /* muss noch gelöst werden! */
    font-family: var(--font-family--primary) !important; /* muss noch gelöst werden! */
    font-weight: 700;
    padding-bottom: 0.5rem;
}

.section-card-offers .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 3.5rem;
}

/*-----------------------------------------------section-card-basic--------------------------------------------------*/

.section-card-basic {
    background-color: var(--color--accent-1);
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
    height: fit-content;
}

.card-basic {
    box-shadow: 0px 4px 32px 0px rgba(60, 112, 221, 0.2);
    background-color: var(--color--secondary-2);
    border-radius: var(--border-radius--small);
    padding: 2.5rem;
    width: 100%;
    height: 100%;
    align-self: stretch;
}

/*-----------------------------------------------section-card-service--------------------------------------------------*/
section.wp-block-group.section-card-service,
section.wp-block-group:has(.cards-quotes) {
    padding-top: 0;
    padding-bottom: 0;
}

.card-bild {
    padding: clamp(1rem, 1.5vw + 1rem, 2.5rem);
    border-radius: var(--border-radius--small);
    margin: 0 !important;
    align-items: end;
    aspect-ratio: 1/1;
}
div.wp-block-cover {
    min-height: unset;
}

.card-bild h3.wp-block-heading {
    color: var(--color--secondary-2);
    margin-bottom: 1rem;
}

.section-card-service {
    align-items: center;
}

.section-card-service > .wp-block-group > .wp-block-group-is-layout-constrained:has(.card-bild) {
    width: 50%;
}

.section-card-service .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 0;
}

.section-card-service .wp-block-cover .wp-block-cover__background {
    opacity: 0.3;
    background-blend-mode: multiply, normal;
    background:
        linear-gradient(180deg, rgba(239, 125, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%),
        url(<path-to-image>) lightgray 50% / cover no-repeat;
}

/*-----------------------------------------------section-card-business--------------------------------------------------*/
section.wp-block-group.alignfull.section-card-business {
    background-color: var(--color--accent-1);
}

.section-card-business .wp-block-group {
    width: 100%;
    font-size: var(--font-size--large);
    gap: 1rem;
}

.section-card-business .wp-block-cover {
    width: 100%;
    padding-bottom: 2rem;
    align-items: end;
    aspect-ratio: 0.7/1;
    position: relative;
}

.section-card-business div h3.wp-block-heading {
    font-size: clamp(1.75rem, 1vw + 1rem, 2.5rem);
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
    color: var(--color--secondary-2);
}

.section-card-business .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: unset;
}

.section-card-business .wp-block-cover .wp-block-cover__background {
    opacity: 0.5;
    background-blend-mode: multiply, normal;
    background:
        linear-gradient(180deg, rgba(239, 125, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%),
        url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.section-card-business .wp-block-cover:hover img,
.section-card-service .wp-block-cover:hover img {
    scale: 1.05;
    transition: all 1s ease-out;
}
.section-card-business .wp-block-cover img,
.section-card-service .wp-block-cover img {
    transition: all 1s ease-out;
}

.section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex:has(> div.wp-block-group .wp-block-cover) {
    gap: 1rem;
    justify-content: center;
}

.section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex > div.wp-block-group:has(.wp-block-cover) {
    width: calc(25% - 1rem);
}

/*--------section-card-quotes---------------------------------------------------------------------------*/

.cards-quotes {
    background-color: var(--color--accent-2);
    border-radius: var(--border-radius--medium);
    padding: 4rem 2rem;
    gap: 4rem;
    margin-bottom: 0;
}

.cards-quotes h2.block-editor-block-list__block{
    min-width: auto !important;
}

.cards-quotes .wp-block-columns.is-layout-flex {
    gap: 1rem;
}

.wp-block-cover__inner-container .wp-block-quote p {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--small);
    line-height: 1.2em;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-bottom: 1rem;
    color: var(--color--secondary-2);
}

.wp-block-cover__inner-container .wp-block-quote cite {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--xx-s);
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: var(--color--secondary-2);
}

.wp-block-cover,
div.wp-block-cover img {
    border-radius: var(--border-radius--small);
}

.cards-quotes img.wp-block-cover__image-background {
    object-position: center 22%;
}

.cards-quotes .wp-block-cover {
    min-height: clamp(26rem, 5vw + 1.5rem, 32rem);
}

/*--------section-card-locations---------------------------------------------------------------------------*/

.cards-location {
    background-color: white;
    box-shadow: var(--shadow--cards);
    padding: 2rem;
    border-radius: var(--border-radius--medium);
    gap: clamp(2rem, 3vw + 1rem, 4rem);
}

.cards-location h3 {
    font-size: clamp(1.75rem, 1.75vw + 1rem, 2.5rem);
}

.cards-location .wp-block-group p {
    font-family: var(--font-family--primary);
    line-height: 1.2em;
    letter-spacing: 0.0125em;
}

.cards-location .wp-block-group.is-vertical.is-layout-flex {
    min-width: 33%;
}

/*--------section-card-location-contact -------------------------------------------------------*/

.section-card-location-contact .is-style-card-xl-grey > .wp-block-columns,
.section-card-2-contacts .is-style-card-xl-grey > .wp-block-columns {
    gap: 4rem;
}

/*--------section-card-partners---------------------------------------------------------------------------*/
.section-card-partners h4.wp-block-heading {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.section-card-partners p {
    hyphens: auto;
}

.section-card-partners figure {
    width: 90%;
    height: 5.5rem;
    text-align: center;
}

.section-card-partners .wp-block-image img {
    border-radius: unset;
    height: 100%;
    width: auto;
    max-width: 100%;
}

.section-card-partners .wp-block-group:has(> h4) {
    margin-bottom: 1rem;
}

.section-card-partners .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: auto;
}

.section-card-partners .is-layout-grid {
    gap: 1rem;
}
/*--------section-card-blog-slider / section-card-blog-archive---------------------------------------------------------------------------*/

.section-card-blog-archive {
    padding-top: clamp(8rem, 8.5vw + 1rem, 10rem) !important;
}

.section-card-blog-slider,
.section-card-blog-archive {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    hyphenate-limit-chars: 8 4 4;
}

.section-card-blog-archive div.wp-block-group-is-layout-grid div.wp-block-query,
.section-card-blog-slider div.wp-block-group-is-layout-grid div.wp-block-query {
    grid-column: 2 / span 10;
    grid-row: 1;
}

.section-card-blog-archive .wp-block-post-excerpt__excerpt,
.section-card-blog-slider .wp-block-post-excerpt__excerpt {
    font-size: var(--font-size--small);
    font-family: var(--font-family--secondary);
    line-height: 1.4em;
}

.section-card-blog-archive .wp-block-post-date,
.section-card-blog-slider .wp-block-post-date {
    font-size: var(--font-size--xx-small);
    font-family: var(--font-family--primary);
    font-weight: 500;
}

.section-card-blog-archive li > div,
.section-card-blog-archive li,
.section-card-blog-slider li > div,
.section-card-blog-slider li {
    height: 100%;
}

.section-card-blog-archive li > div:has(> h4),
.section-card-blog-slider li > div:has(> h4) {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.section-card-blog-archive .wp-block-columns.is-layout-flex,
.section-card-blog-slider .wp-block-columns.is-layout-flex {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    gap: 0rem !important;
    justify-content: space-between;
}

.section-card-blog-slider .wp-block-post-template div.wp-block-column:has(.is-style-button-underline) {
    flex-grow: unset;
    flex-basis: unset !important;
}

.wp-block-post-date {
    padding-top: 0.15rem;
}

body
    .wp-site-blocks
    .section-card-blog-archive
    li
    > div
    > div.is-layout-flex
    div.wp-block-column:has(.wp-block-button__link)
    > div,
body
    .wp-site-blocks
    .section-card-blog-slider
    li
    > div
    > div.is-layout-flex
    div.wp-block-column:has(.wp-block-button__link)
    > div,
body
    .entry-content
    .section-card-blog-archive
    li
    > div
    > div.is-layout-flex
    div.wp-block-column:has(.wp-block-button__link)
    > div,
body
    .entry-content
    .section-card-blog-slider
    li
    > div
    > div.is-layout-flex
    div.wp-block-column:has(.wp-block-button__link)
    > div {
    width: fit-content !important;
    margin-left: auto !important;
}

.section-card-blog-archive li > div > div.is-layout-flex div.wp-block-button a,
.section-card-blog-slider li > div > div.is-layout-flex div.wp-block-button a {
    margin-right: 0 !important;
}

.section-card-blog-archive li > div:has(> h4) *,
.section-card-blog-slider li > div:has(> h4) * {
    margin: 0;
}

.section-card-blog-archive .wp-block-post-excerpt,
.section-card-blog-slider .wp-block-post-excerpt {
    margin-bottom: auto;
}

.section-card-blog-archive nav.wp-block-query-pagination {
    margin-top: 4rem;
    gap: 2rem;
}

.section-card-blog-archive nav.wp-block-query-pagination .wp-block-query-pagination-next,
.section-card-blog-archive nav.wp-block-query-pagination .wp-block-query-pagination-previous {
    position: relative;
    display: inline-block;
}

.section-card-blog-archive nav.wp-block-query-pagination .wp-block-query-pagination-next::after {
    content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="24" fill="%23EE7E04"/><path d="M36 24L26 14L24.59 15.41L32.17 23L12 23L12 25L32.17 25L24.59 32.59L26 34L36 24Z" fill="white"/></svg>');
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-40%, -50%) scale(0.66);
}

.section-card-blog-archive nav.wp-block-query-pagination .wp-block-query-pagination-previous::after {
    content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="48" y="48" width="48" height="48" rx="24" transform="rotate(-180 48 48)" fill="%23EE7E04"/><path d="M12 24L22 34L23.41 32.59L15.83 25L36 25L36 23L15.83 23L23.41 15.41L22 14L12 24Z" fill="white"/></svg>');
    position: absolute;
    left: 50%;
    top: 55%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: translate(-40%, -50%) scale(0.65);
}

.section-card-blog-archive .wp-block-query-pagination-numbers {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--small);
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    letter-spacing: 0.72px;
    color: var(--color--secondary-1);
    margin-left: 1rem;
    margin-right: 1rem;
    gap: 1rem;
    display: flex;
    align-items: center;
}

.section-card-blog-archive .page-numbers {
    border-bottom: none;
    font-size: var(--font-size--medium);
    letter-spacing: 6%;
}

.section-card-blog-archive .page-numbers.current {
    /* border-bottom: 2px solid var(--color--primary-1); */
    color: var(--color--primary-1);
}

.block-editor-block-list__block.is-style-card-standard:has(ul.wp-block-list){
    height: 100%;
} 


.section-card-blog-archive ul li > div > div.is-layout-flex div:last-child,
.section-card-blog-slider ul li > div > div.is-layout-flex div:last-child {
    /* flex-basis: 30% !important; */
    flex-grow: unset;
    flex-basis: unset !important;
}

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

@media screen and (max-width: 1024px) {
    .cards-quotes {
        flex-direction: column;
        gap: 0;
        padding: 2rem;
    }

    .section-card-offers .wp-block-group.alignwide.is-nowrap.is-layout-flex {
        flex-wrap: wrap;
    }

    .card-offers {
        flex: unset;
        width: calc(50% - 0.5rem);
    }

    .section-card-partners .is-layout-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .section-card-business .wp-block-group {
        flex-direction: column;
    }

    .section-card-business .wp-block-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-card-business .wp-block-cover {
        aspect-ratio: 4/5;
    }

    .section-card-service {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .cards-location figure {
        aspect-ratio: 5 / 4;
        width: 60%;
    }

    .cards-location figure img {
        object-fit: cover;
        height: 100%;
    }

    .section-card-blog-archive ul li,
    .section-card-blog-slider ul li {
        grid-column: 1 / span 3;
    }

    .section-card-blog-archive ul li > div > div.is-layout-flex div:first-child,
    .section-card-blog-slider ul li > div > div.is-layout-flex div:first-child {
        flex-basis: 30% !important;
    }

   

    .section-card-location-contact .is-style-card-xl-grey .wp-block-column > .wp-block-group.is-vertical {
        align-items: center;
    }

    .section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex:has(> div.wp-block-group .wp-block-cover) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex > div.wp-block-group:has(.wp-block-cover) {
        width: calc(50% - 1rem);
    }
}

@media screen and (max-width: 1024px) and (min-width: 782px) {
    .section-card-location-offers .is-style-card-xl-grey .wp-block-column.slide-in-right {
        flex-basis: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (max-width: 781px) {
    .cards-location {
        padding: 1rem;
    }

    .cards-location .wp-block-group.is-vertical.is-layout-flex {
        min-width: 50%;
    }

    .cards-location figure {
        aspect-ratio: 1 / 1;
    }

    .section-card-partners .is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .section-card-business .wp-block-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card-bild {
        aspect-ratio: 3 / 2;
    }

    .section-card-location-contact .wp-block-column .wp-block-group.is-vertical.is-layout-flex:has(p) p {
        width: 100%;
    }

    .section-card-location-contact .is-style-card-xl-grey .wp-block-columns.is-layout-flex {
        gap: 6.5rem;
    }

    .section-card-location-contact .is-style-card-xl-grey .wp-block-column > .wp-block-group.is-vertical {
        align-items: flex-start;
    }
}

@media screen and (max-width: 600px) {
    .cards-quotes {
        padding: 2rem 1rem;
    }

    .cards-location {
        padding: 1rem;
        padding-bottom: 2rem;
    }

    .cards-location {
        flex-direction: column;
    }

    .cards-location figure {
        aspect-ratio: unset;
        width: 100%;
    }

    .cards-location .wp-block-group.is-vertical.is-layout-flex {
        align-items: flex-start;
        margin-right: auto !important;
    }

    .card-offers {
        width: 100%;
    }

    .section-card-partners .is-layout-grid {
        grid-template-columns: 1fr;
    }

    .section-card-partners figure {
        width: 45%;
        height: 4.5rem;
    }

    .section-card-business .wp-block-group {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .cards-quotes .wp-block-columns.is-layout-flex {
        gap: 1rem;
    }

    .section-card-business .wp-block-cover {
        aspect-ratio: 3 / 2;
    }

    .section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex:has(> div.wp-block-group .wp-block-cover) {
        flex-direction: column;
    }

    .section-card-business > div.wp-block-group.alignwide.is-nowrap.is-layout-flex > div.wp-block-group:has(.wp-block-cover) {
        width: 100%;
    }

    .publications .jahresberichte {
        flex-direction: row;
    }
}