/* ============================================================================================================================================================================== */
/*                                                                          Stylesheets für Block: Show-More                                                                */
/* ============================================================================================================================================================================== */

/* Block initial verstecken */
:not(.editor-styles-wrapper ) .wp-block-group.show-more>div{
    display: none;
    box-sizing: border-box;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
/* im Editor nicht verstecken */
.editor-styles-wrapper .wp-block-group.show-more>div{
    display: block;
}
/* Animation: Block verstecken */
.wp-block-group.show-more.show-more-hide>div{
    max-height: 0;
    display: block;
    overflow: hidden;
    animation-name: hide;
}
/* Block anzeigen */
.wp-block-group.show-more.show-more-show>div{
    display: block;
    overflow: initial;
    animation-name: show;
}
/* mehr-/weniger-Link formatieren */
.wp-block-group.show-more .more-link,
.wp-block-group.show-more .less-link{
    display: none;
    font-size: 100%;
    border-bottom: 1px dotted var(--color-link);
    cursor: pointer;
}
/* mehr-Link anzeigen */
.wp-block-group.show-more:not(.show-more-show) .more-link{
    display: inline;
}
/* weniger-Link anzeigen */
.wp-block-group.show-more.show-more-show .less-link{
    display: inline;
}
/* mehr-/weniger-Link bei hover formatieren */
.wp-block-group.show-more .more-link:hover,
.wp-block-group.show-more .less-link:hover{
    border-bottom: 0;
    background-color: var(--color-link);

}
/* Gutenberg-Formatierungen */
body.block-editor-page .wp-block-group.show-more>div{
    display: block;
    max-height: inherit;
    border: 1px dashed rgba(128,128,128,0.6);
    border-radius: 10px;
    opacity: 0.6;
    padding: 0.5em;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@keyframes show {
    0% { 
	display: block;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
    }
    100% { 
	display: block;
	overflow: initial;
	opacity: 1;
    }
}
@keyframes hide {
    0% { 
	display: block;
	overflow: initial;
	opacity: 1;
    }
    100% { 
	display: block;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
    }
}

/* ============================================================================================================================================================================== */