.readMoreTrigger
{
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

body.fix {overflow: hidden}

.readMoreOrLess {padding: 2px}
.readMoreOrLess.noactive {height: 54px}

.readMoreTrigger {width: 50px; height: 50px; border-radius: 50%; background-color: var(--red); margin: 0 auto; text-align: center; color: #fff; padding: 7px; font-size: 2em; cursor: pointer;display: flex;justify-content: center;align-items: center;}
.readMoreTrigger i {padding: 0}
.readMoreTrigger.active {transform:rotate(90deg); background-color: var(--red-active)}
.readMoreTrigger:hover {background-color: var(--red-hover)}

.readMoreContent, .readMoreContent .readMoreContentClose {display: none}
.readMoreContent.active, .readMoreContent.active .readMoreContentClose {display: block}

.readMoreTriggerText {color: #ec0016; display: block; margin: 0 auto}
.readMoreTriggerText span:hover {text-decoration: underline;cursor: pointer}
button.readMoreTrigger:focus-visible {display: flex}


/*LIGHTBOX*/
.lightbox .readMoreContentLBBack {position: fixed; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 999999999; top: 0; left: 0; height: 100%}
.lightbox .readMoreContentLBInner {position: fixed; top: 5%; left: 10%; width: 80%; bottom: 10%; background-color: #fff; padding: 50px;z-index: 99999999999; overflow-y: scroll; overflow-x: hidden}
.lightbox .readMoreContentClose {position: fixed;z-index: 99999999999;color: #fff;right: 2%;top: 2%;font-size: 2em;cursor: pointer}
.lightbox .readMoreContentClose:focus-visible {outline: 2px dashed currentColor !important;}

/*AUFKLAPPTEXT*/
.unfold .readMoreContentInner {padding: 50px 0}
.unfold .readMoreContentClose {display: none !important; font-size: 2em;cursor: pointer;text-align: center}

@media (max-width: 860px)
{
	.unfold .readMoreContentInner {padding: 0 !important}
	.readMoreContentClose {top: 1%; right: 1%; color: #ec0016}
	.lightbox .readMoreContentLBInner {top: 5%; bottom: 5%}
	.lightbox .readMoreContentClose {right: 1%; top: 1%}
}