.block-9-prozess{
	color: var(--block-font-color);
	background: var(--block-bg-color);
	position: relative;
}

.block-9-prozess a{
	color: var(--block-link-color);
}

.block-9-prozess .textLinkStyle1, .block-9-prozess .textLinkStyle2 {
 	color: var(--linkColor);
	position: relative;
}

.block-9-prozess .textLinkStyle1:hover, .block-9-prozess .textLinkStyle2:hover {
 	color: var(--linkColorHover);
}

.block-9-prozess .textLinkStyle1:after, .block-9-prozess .textLinkStyle2:after {
 	color: var(--linkColor);
}

.block-9-prozess .textLinkStyle1:hover:after, .block-9-prozess .textLinkStyle2:hover:after {
 	color: var(--linkColorHover);
}

.block-9-prozess .textLinkStyle2:before {
 	background-color: var(--linkColor);
}

.block-9-prozess .textLinkStyle2:hover:before {
 	background-color: var(--linkColorHover);
}

.block-9-prozess a:hover{
	color: var(--block-link-hover);
}

.block-9-prozess a:before{
	background-color: var(--block-link-color);
}

.block-9-prozess h1{
	color: var(--block-h1);
}

.block-9-prozess h2{
	color: var(--block-h2);
}

.block-9-prozess h3{
	color: var(--block-h3);
}

.block-9-prozess h4{
	color: var(--block-h4);
}	

.block-9-prozess .akkordeonContent{
    overflow: hidden;
    display: none;
}

.block-9-prozess .akkordeonContent.openAkkordeon{
    display: block;
}

.block-9-prozess .akkordeonHeadline{
    cursor: pointer;
	position: relative;
	padding-left: 2rem;
	padding-right: 4rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.block-9-prozess .akkordeonHeadline >*{
    margin-bottom: 0;
}

.block-9-prozess .akkordeonContent .innerContent{
	padding: 1.5rem 2rem;
}

.block-9-prozess .innerFlexRow{
	row-gap: 3rem;
}

.block-9-prozess .prozessNumber{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: var(--block-bg-color);
	border: 2px solid var(--numberBorderColor);
	font-weight: 700;
	margin-top: 1.5rem;
	margin-right: 2rem;
	color: var(--numberColor);
	position: relative;
    z-index: 2;
}

.block-9-prozess .singleAkkordeon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.block-9-prozess .akkordeonInner{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-bottom: 2rem;
}

.block-9-prozess .akkordeonHeadline >*:after{
	position: absolute;
	top: 1.5rem;
	right: 0;
    content: '\276F';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 2rem;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.block-9-prozess .akkordeonHeadline.isOpen >*:after{
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}

.block-9-prozess .akkordeonWrap{
	position: relative;
}

.block-9-prozess .akkordeonWrap:before,
.block-9-prozess .akkordeonWrap:after{
    top: 5.4rem;
    left: 1.9rem;
    bottom: 0;
}

.block-9-prozess .akkordeonWrap:before{
	content: "";
	position: absolute;
	border: 1px solid rgb(156, 156, 156);
	width: 4px;
	opacity: 0.4;
}

.block-9-prozess .akkordeonWrap:after{
	content: "";
	position: absolute;
	border-left: 4px solid var(--numberBorderColor); /* „Füllfarbe“ */
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
	-webkit-transform: scaleY(var(--timeline-progress, 0));
	    -ms-transform: scaleY(var(--timeline-progress, 0));
	        transform: scaleY(var(--timeline-progress, 0));
}

@media(max-width: 991px){
	.block-9-prozess.noBackImg .bgImgWrap{
		display: none !important;
	}
	.block-9-prozess.mobileTextCenter .textWrap{
		text-align: center!important;
	}	
	.block-9-prozess.mobileTextCenter .textWrap .multipleCtaWrap{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}