.wp-block-acf-new-detail-box,
.wp-block-acf-linked-detail-box {
    font-size: var(--wp--preset--font-size--xx-small) !important;
    position: relative;
    margin-bottom: 3rem !important;
}

.wp-block-acf-new-detail-box .detail-box-placement {
    position: absolute;
    content: "1";
    top: calc(1.8rem + 24px + 0.5rem);
    left: 0;
    min-width: 1rem;
    color:white;
    font-weight: 700;
    z-index: 9;
    padding: 0.2rem 0.6rem 0.2rem 0.2rem;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.58398 10.7245L-2.76311 17.9606C-3.38419 18.8351 -2.70983 20 -1.58398 20H9.41833C9.8933 20 10.3362 19.7783 10.598 19.4101L16.7658 10.7245C17.0781 10.2848 17.0781 9.71464 16.7658 9.27553L10.598 0.589914C10.3362 0.221685 9.8933 0 9.41833 0H-1.58398C-2.7104 0 -3.38419 1.1649 -2.76368 2.03938L-1.58398 9.99973V10.7245Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.wp-block-acf-new-detail-box > .acf-innerblocks-container > .wp-block-group > .wp-block-columns,
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > .wp-block-group > .wp-block-columns {
    position: relative;
    padding: 2.5rem 2rem 2rem 2rem;
    gap: 3rem;
}

.wp-block-acf-new-detail-box .wp-block-read-more,
.wp-block-acf-linked-detail-box .wp-block-read-more {
    margin-top: auto;
}

/* label badge */
.wp-block-acf-new-detail-box > .acf-innerblocks-container > p,
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > p {
    background-color: var(--wp--preset--color--light-green);
    padding: 0.2rem 0.7rem;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    font-size: 1rem;
    margin-left: 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
}
.wp-block-acf-new-detail-box > .acf-innerblocks-container > p + p{
    margin-left: 0.5rem;
} 

.wp-block-acf-linked-detail-box .metafield[data-metafield-name="provider_ranking_description"] {
    background-color: #dcf6e7;
    padding: 0.2rem 0.7rem;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    font-size: 1rem;
    margin-left: 1.5rem;
}

/* shadow and hover*/
.wp-block-acf-new-detail-box > .acf-innerblocks-container > .wp-block-columns:not(:has(.wp-block-details)),
.wp-block-acf-new-detail-box > .acf-innerblocks-container > .wp-block-group:not(:has(.wp-block-details)),
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > .wp-block-columns,
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > .wp-block-group {
    width: 100%;
    box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    clear: both;
    cursor: pointer;
    outline: 2px solid #EFEFEF !important;
}

.wp-block-acf-new-detail-box > .acf-innerblocks-container > .wp-block-columns:hover:not(:has(.wp-block-details:hover)),
.wp-block-acf-new-detail-box > .acf-innerblocks-container > .wp-block-group:hover:not(:has(.wp-block-details:hover)),
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > .wp-block-columns:hover:not(:has(.wp-block-details:hover)),
.wp-block-acf-linked-detail-box > .acf-innerblocks-container > .wp-block-group:hover:not(:has(.wp-block-details:hover)) {
    outline: 2px solid var(--wp--preset--color--purple) !important;
}

/* new layout for new detail boxes */
.wp-block-acf-new-detail-box .acf-innerblocks-container > .wp-block-group {
    width: 100%;
    border-radius: 24px;
    cursor: pointer;
}

.wp-block-acf-new-detail-box .acf-innerblocks-container > .wp-block-group > .wp-block-columns {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    max-width: none !important;
}

.wp-block-acf-new-detail-box .wp-block-details summary {
    background-color: var(--wp--preset--color--light-purple);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.wp-block-acf-new-detail-box .wp-block-details > .wp-block-columns {
    gap: 1rem;
    margin: 0 !important;
    padding: 1rem 0 0;
    max-width: none !important;
}

.wp-block-acf-new-detail-box .wp-block-details > .wp-block-columns .wp-block-column {
    padding-top: 0;
}

.wp-block-acf-new-detail-box .wp-block-details > .wp-block-columns .wp-block-column:not(:has(.tabs)) {
    height: fit-content;
}

/* post-image and image blocks */
.wp-block-acf-linked-detail-box .wp-block-post-featured-image {
    text-align: left !important;
}

.wp-block-acf-linked-detail-box .wp-block-post-featured-image .wp-post-image {
    max-width: 150px;
    max-height: 80px;
}

.wp-block-acf-new-detail-box .wp-block-column .wp-block-image,
.wp-block-acf-linked-detail-box .wp-block-column .wp-block-image {
    text-align: left !important;
}

.wp-block-acf-new-detail-box .wp-block-column .wp-block-image img,
.wp-block-acf-linked-detail-box .wp-block-column .wp-block-image img {
    object-fit: contain;
    max-width: 150px;
    max-height: 120px;
    vertical-align: initial !important;
}

/*
.wp-block-post.type-post .wp-block-post-featured-image .wp-post-image {
    max-width: 300px;
} */
.wp-block-acf-new-detail-box .wp-block-post-title,
.wp-block-acf-new-detail-box h2.wp-block-heading,
.wp-block-acf-linked-detail-box .wp-block-post-title,
.wp-block-acf-linked-detail-box h2.wp-block-heading {
    margin-bottom: 1rem !important;
    font-size: 1.8rem;
}
.wp-block-acf-new-detail-box .wp-block-post-title + p,
.wp-block-acf-new-detail-box h2.wp-block-heading + p,
.wp-block-acf-linked-detail-box .wp-block-post-title + p,
.wp-block-acf-linked-detail-box h2.wp-block-heading + p {
    margin-top: 0 !important;
}

.wp-block-acf-new-detail-box .wp-block-button {
    background-color: transparent;
    padding: 0;
    width: 100%;
}
.wp-block-acf-new-detail-box .wp-block-buttons {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.wp-block-acf-new-detail-box .metafield[data-metafield-name='provider_external_link'],
.wp-block-acf-linked-detail-box .metafield[data-metafield-name='provider_external_link'] {
    margin-top: 2rem;
}

.wp-block-acf-new-detail-box .wp-block-button .wp-block-button__link,
.wp-block-acf-new-detail-box .metafield[data-metafield-name='provider_external_link'] a,
.wp-block-acf-linked-detail-box .metafield[data-metafield-name='provider_external_link'] a {
    background-color: var(--wp--preset--color--purple);
    color: white !important;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    font-size: 1.2rem;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 9999px;
    display: inline-block;
}

.wp-block-acf-new-detail-box .wp-block-button .wp-block-button__link::after,
.wp-block-acf-new-detail-box .metafield[data-metafield-name='provider_external_link'] a::after,
.wp-block-acf-linked-detail-box .metafield[data-metafield-name='provider_external_link'] a::after {
    content: "";
    display: inline-block;
    margin-left: 0.5em;
    background-color: currentColor;
    width: 0.9em;
    height: 0.9em;
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
}

.wp-block-acf-new-detail-box .wp-block-button .wp-block-button__link:hover,
.wp-block-acf-new-detail-box .metafield[data-metafield-name='provider_external_link'] a:hover,
.wp-block-acf-linked-detail-box .metafield[data-metafield-name='provider_external_link'] a:hover {
    background-color: var(--wp--preset--color--dark-purple);
}

/* details */
.wp-block-acf-new-detail-box details p,
.wp-block-acf-linked-detail-box details p {
    padding: 0 !important;
}

.wp-block-acf-new-detail-box .wp-block-details,
.wp-block-acf-linked-detail-box .wp-block-details {
    padding: 0;
    border-radius: 0 0 24px 24px;
    border: none;
    max-width: none;
}

.wp-block-acf-linked-detail-box .wp-block-details {
    background-color: var(--wp--preset--color--light-purple);
}

.wp-block-acf-new-detail-box .wp-block-details summary,
.wp-block-acf-linked-detail-box .wp-block-details summary {
    padding: 0.8rem 2rem;
    text-align: center;
    font-size: 1.2rem;
    text-decoration: underline;
}

.wp-block-acf-new-detail-box .wp-block-details summary::after,
.wp-block-acf-linked-detail-box .wp-block-details summary::after {
    position: relative;
    display: inline-block;
    margin-left: 0.5rem;
}

/* .wp-block-acf-new-detail-box .wp-block-details > *, */
.wp-block-acf-linked-detail-box .wp-block-details > * {
    width: calc(100% - 4rem);
    margin: 0 auto !important;
    padding: 0;
}

/* .wp-block-acf-new-detail-box .wp-block-details > *:last-child, */
.wp-block-acf-linked-detail-box .wp-block-details > *:last-child {
    margin-bottom: 2rem !important;
}

/* finanzfuchs-score */
.wp-block-acf-new-detail-box .score-box,
.wp-block-acf-linked-detail-box .score-box {
    text-align: left;
}
.wp-block-acf-new-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"],
.wp-block-acf-linked-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] {
    display: flex;
    align-items: center;
    justify-self: center;
    gap: 1rem;
}

.wp-block-acf-new-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] span[data-key="provider_finanzfuchs_score"],
.wp-block-acf-linked-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] span[data-key="provider_finanzfuchs_score"] {
    color: #000;
    font-weight: 700;
    width: fit-content;
    margin: 0;
    padding: 0.25rem 1rem;
    border-radius: 0.25rem;
    background-color: var(--wp--preset--color--light-green);
    display: flex;
    align-items: center;
    justify-self: center;
}

.wp-block-acf-new-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] {}

.wp-block-acf-new-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] span[data-key="provider_finanzfuchs_score"]::before,
.wp-block-acf-linked-detail-box .metafield[data-metafield-name="provider_finanzfuchs_score"] span[data-key="provider_finanzfuchs_score"]::before {
    content: "";
    display: inline-block;
    width: 1.11em;
    height: 1.11em;
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70958L2.10743 0.496921C1.24041 -0.0758054 0.0854492 0.546057 0.0854492 1.58426V11.7301C0.0854492 12.1681 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.1681 19.9148 11.7301V1.58426C19.9148 0.545529 18.7598 -0.0758054 17.8928 0.496393L9.99933 5.70958H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.1216C4.74431 9.62723 4.39982 10.8049 5.10411 11.4363C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0184 7.35645 10.2274 6.97551 9.67266C6.65639 9.16545 6.04404 8.68096 5.47289 9.0936L5.43274 9.1216Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1045 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7875 12.1264 10.444 12.3377 10.2327C12.79 9.78044 13.3907 9.53159 14.0289 9.53159C14.6672 9.53159 15.2684 9.78044 15.7202 10.2327C15.9315 10.444 15.9315 10.7875 15.7202 10.9988C15.6145 11.1045 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* tabs */
.wp-block-acf-new-detail-box .tabs-navigation-list,
.wp-block-acf-linked-detail-box .tabs-navigation-list {
    justify-content: flex-start !important;
    gap: 0;
}

.wp-block-acf-new-detail-box .tabs .tab,
.wp-block-acf-linked-detail-box .tabs .tab {
    padding: 1rem 0;
}

.wp-block-acf-new-detail-box .tabs .tabs-navigation ul li,
.wp-block-acf-linked-detail-box .tabs .tabs-navigation ul li {
    padding: 0.5rem;
}

.wp-block-acf-new-detail-box .tabs .tabs-navigation ul li:first-child,
.wp-block-acf-linked-detail-box .tabs .tabs-navigation ul li:first-child {
    padding-left: 0 !important;
}

.wp-block-acf-new-detail-box .tabs .tabs-navigation ul li:last-child,
.wp-block-acf-linked-detail-box .tabs .tabs-navigation ul li:last-child {
    padding-right: 0 !important;
}

.wp-block-acf-new-detail-box .tabs .tabs-navigation ul li button,
.wp-block-acf-linked-detail-box .tabs .tabs-navigation ul li button {
    padding: 0;
}

/* new main tabs */
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs {
    margin-top:0;
    border-radius: 0 0 24px 24px;
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation {
    border-bottom:none;
    padding: 0 2rem;
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul {
    border-top:2px solid #EFEFEF;
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul > li {
    padding-bottom: 1rem;
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul li button,
.wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button{
    color:black;
    font-weight: 700;
    position: relative;
    padding-right: 1.5rem;
    font-size: var(--wp--preset--font-size--xx-small) !important;
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul li button::after,
.wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button::after {
    content: "";
    position: absolute;
    right: 5px;
    top: calc(50% - 5px);
    background-color: #000;
    width: 10px;
    height: 10px;
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M11.7,17.9l8-13.9c.8-1.3-.2-3-1.7-3H2C.5,1.1-.5,2.7.3,4l8,13.9c.8,1.3,2.7,1.3,3.4,0h0Z'/%3E%3C/svg%3E");
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul li button.active,
.wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button.active {
    color:var(--wp--preset--color--dark-purple);
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .tabs-navigation > ul li button.active::after,
.wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button.active::after {
    transform: rotate(180deg);
    background-color: var(--wp--preset--color--dark-purple);
}
.wp-block-acf-new-detail-box .wp-block-group > .wp-block-columns + .tabs > .acf-innerblocks-container > .tab {
    padding: 1rem 2rem 2rem 2rem;
}
.wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation {
    
    border:none;
    border-top: 2px solid #EFEFEF;
}

@media only screen and (min-width: 990px) {
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation{
        background-color: transparent !important;
        min-width: 150px;
        width: 20%;
        border:none;
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list {
        padding:0;
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li {
        padding: 0 !important;
        width: 100%;
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button {
        width: 100%;
        text-align: left;
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tab {
        padding:0 2rem;
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button::after {
        transform: rotate(270deg);
    }
    .wp-block-acf-new-detail-box .tabs[data-vertical="1"] .tabs-navigation .tabs-navigation-list li button.active::after {
        transform: rotate(90deg);
    }
}