/* circle-animation */
.is-style-circle-animation {
    position: relative;
    overflow: hidden;
}
.is-style-circle-animation::after {
    content:'';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='hth_narrative_carousel_head_circles' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 262 262'%3E%3Cg%3E%3Cpath fill='%23053a5d' d='M131,261.3C59.2,261.3.7,202.8.7,131S59.2.7,131,.7s130.3,58.4,130.3,130.3-58.4,130.3-130.3,130.3ZM131,3.3C60.6,3.3,3.3,60.6,3.3,131s57.3,127.7,127.7,127.7,127.7-57.3,127.7-127.7S201.4,3.3,131,3.3Z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath fill='%234e9dc1' d='M131,236.7c-58.3,0-105.7-47.4-105.7-105.7S72.7,25.3,131,25.3s105.7,47.4,105.7,105.7-47.4,105.7-105.7,105.7ZM131,27.8c-56.9,0-103.2,46.3-103.2,103.2s46.3,103.2,103.2,103.2,103.2-46.3,103.2-103.2S187.9,27.8,131,27.8Z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath fill='%2370a89c' d='M131,213c-45.2,0-82-36.8-82-82s36.8-82,82-82,82,36.8,82,82-36.8,82-82,82ZM131,51.5c-43.8,0-79.5,35.6-79.5,79.5s35.6,79.5,79.5,79.5,79.5-35.6,79.5-79.5-35.6-79.5-79.5-79.5Z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23a5dabe' d='M131,190.1c-32.6,0-59.1-26.5-59.1-59.1s26.5-59.1,59.1-59.1,59.1,26.5,59.1,59.1-26.5,59.1-59.1,59.1ZM131,74.5c-31.2,0-56.5,25.4-56.5,56.5s25.4,56.5,56.5,56.5,56.5-25.4,56.5-56.5-25.4-56.5-56.5-56.5Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-position: left 50px center;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.03;
    animation: 5s infinite bubble;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
@keyframes bubble {
    0% {
        opacity: 0.03;
        background-size: 100%;
    }
    50% {
        opacity: 0.2;
        background-size: 110%;
        background-position: left 0 center;
    }
}

/* label group */
.wp-block-group.is-style-label {
    position: absolute;
    left: 0;
    z-index: 1;
}
.wp-block-group.is-style-label.is-content-justification-right {
    left:auto;
    right:0;
}
.wp-block-group.is-style-label.has-background {
    padding:.3rem 1rem !important;
    width: auto !important;
    max-width: none !important;
}
.videoohnecookie .wp-block-group.is-style-label,
.wp-block-group.has-background.alignfull > .wp-block-group.is-style-label {
    top:2rem;
}
.swiper-slide:has(> .wp-block-group.is-style-label) {
    position: relative;
}
.wp-block-group.is-style-label .taxonomy-category a{
    text-decoration: none !important;
    pointer-events: none !important;
}
.wp-block-group.is-style-label:has(>.taxonomy-category > a[href*="publikationen"]){
    background-color: var(--wp--preset--color--blue-dark) !important;
}
.wp-block-group.is-style-label .icon:has(+.taxonomy-category > a[href*="publikationen"])::before {
    content:'\e900' !important;
}
.wp-block-group.is-style-label:has(>.taxonomy-category > a[href*="pressemitteilungen"]){
    background-color: var(--wp--preset--color--turquoise) !important;
    color:var(--wp--preset--color--blue-dark) !important;
}
.wp-block-group.is-style-label  a[href*="pressemitteilungen"]{
    color:var(--wp--preset--color--blue-dark) !important;
}
.wp-block-group.is-style-label .icon:has(+.taxonomy-category > a[href*="pressemitteilungen"])::before {
    content:'\e901' !important;
}

.single-post .wp-block-group.is-style-label {
    position: relative;
    left: auto;
    right: auto;
    top:auto;
    bottom:auto;
    max-width: 900px !important;
    width:90%;
    display: inline-flex;
    margin:0 auto;
    margin-left: 5vw !important;
}

@media only screen and (min-width: calc(900px + 10vw)) {
    .single-post .wp-block-group.is-style-label {
        margin-left:calc(50vw - 450px) !important;
    }
}