.section-card-category .wp-block-group {
    position: relative;
}

.section-card-category .is-style-group-circle1 {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    align-items: center;
    transform: rotate(0deg);
    transition: transform 1s ease-out;
    padding: 0rem 1rem;
    position: relative;
}

/* Erstes Element (links) */
.section-card-category .is-style-group-circle1:first-child {
    z-index: 1; /* Oberstes Element */
    margin-right: -30px; /* Schiebt das Element nach links */
}

/* Zweites Element (zentriert) */
.section-card-category .is-style-group-circle1:nth-child(2) {
    z-index: 2; /* Mittleres Element */
    margin: 0; /* Bleibt an der Position */
}

/* Drittes Element (rechts) */
.section-card-category .is-style-group-circle1:last-child {
    z-index: 3; /* Unterstes Element */
    margin-left: -30px; /* Schiebt das Element nach rechts */
}

.section-card-category .is-style-group-circle1 .wp-block-buttons .wp-block-button a {
    margin: 0;
}

.section-card-category .is-style-group-circle1 .wp-block-buttons .wp-block-button a::before {
    content: url('data:image/svg+xml,<svg width="50" height="48" viewBox="0 0 50 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M37.8732 27.0856H0.314986V20.9144H37.8732L21.3219 4.36308L25.685 0L49.685 24L25.685 48L21.3219 43.6369L37.8732 27.0856Z" fill="black"/></svg>');
}

.section-card-category .is-style-group-circle1 p {
    opacity: 0;
    max-height: 0;
    overflow: hidden; /* Verhindert, dass der Text außerhalb der Box angezeigt wird */
    transition: opacity 1s ease-out, max-height 1s ease-out;
    line-height: 1.125;
}

.section-card-category .is-style-group-circle1 h3 {
    font-size: 3rem;
    transition: font-size 0.75s ease-out;
    font-weight: 500;
}

.section-card-category .is-style-group-circle1:hover h3 {
    font-size: 2rem;
}

.section-card-category .is-style-group-circle1 figure a img {
    transform: scale(1);
}

.section-card-category .is-style-group-circle1:hover figure a img {
    transform: scale(0.85);
}

.section-card-category .is-style-group-circle1:hover{
    transform: rotate(15deg);
}

.section-card-category .is-style-group-circle1:hover p {
    opacity: 1;
    max-height: 200px; /* Stelle sicher, dass dieser Wert groß genug ist, um den gesamten Text darzustellen */
}   

.section-card-category .is-style-group-card2{
    margin-top: -10%;
    padding-top: 15%;
}

.section-card-category .is-style-group-card2 p,
.section-card-category .is-style-group-card2 h2{
    hyphens: auto;
    /* hyphenate-character: "\2011";   */
}