/* ---------------------------------
	
	BLOCK: GENERELL
	
-----------------------------------*/

.block{
	margin-bottom:var(--abstand-block);
	padding:var(--block-padding);
}
.block.full-width{
	max-width: 100%;
	margin:0;
	padding-left:0;
	padding-right:0;
}
.block:first-child{
	padding-top: var(--block-padding);
}
.block__inner{
	/*margin: 0 auto;*/
	max-width:var(--content-maxwidth);
}
.block.full-width .block__inner{
	max-width:100%;
}
.block:last-of-type{
	
}


/* ---------------------------------
	
	BLOCK: AKKORDEON 
	
-----------------------------------*/

body.content-layer-drei{
	--accordion-pb: 76px;
}
body.content-layer-vier{
	--accordion-pb: 56px;
}
@media screen and (max-width:700px){
	body.content-layer-drei,
	body.content-layer-vier{
		--accordion-pb: 88px;
	}
}


.block-accordion{
	padding-top:0;
}
.block-accordion:last-child{
	padding-bottom:var(--accordion-pb);
}


.block-accordion__box{
	background-color:var(--lila);
	border-radius: var(--border-radius--box);
	background-color:var(--grau);
	border-bottom: var(--border);
}
.block-accordion__box:first-child{
	border-top: var(--border);
}

.block-accordion__header{
	padding:var(--padding);
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
	color:black;
	font-family: 'SuisseIntl-SemiBold-WebS';
	font-weight:600;
}
.block-accordion__header i{
	display:block;
	width:27px;
	height:13px;
	transform:rotate(0deg);
	background-image:url(/assets/bilder/icons/arrow_down_accordion.svg);
	background-size:contain;
	background-repeat:no-repeat;
	transition:transform .2s ease;
}

.block-accordion__content{
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 0.3s ease-out, opacity 0.3s ease .3s;
	overflow:hidden;
	max-width: var(--content-maxwidth);
}
.block-accordion__content div.text{
	overflow:hidden;
	transition: all .2s ease;
	padding:var(--padding);
	padding-top:0px;
	padding-bottom:0px;	

	display:flex;
	flex-direction: column;
	gap: var(--block-padding);
}
.block-accordion__content div.text.alternate{
	flex-direction: column-reverse;
}
.block-accordion__content strong{
	font-weight:600;
	font-family: 'SuisseIntl-SemiBold-WebS','Arial',sans-serif;
	color:black;
}
.accordion-content__image img{
	max-width: 870px;
}


/* ACTIVE */
.is-active .block-accordion__content{
	opacity: 1;
	grid-template-rows: 1fr;
}
.is-active .block-accordion__content div.text{
	padding-bottom:20px;
}

.is-active .block-accordion__header i{
	transform:rotate(180deg);
}

/* ---------------------------------
	
	BLOCK: IMAGE 
	
-----------------------------------*/

.block-image{
	text-align: left;
}
.block-image img{
	display: inline-block;
	border-radius: var(--border-radius--image);
	max-width:870px;
}

/* ---------------------------------
	
	BLOCK: TABLE 
	
-----------------------------------*/

.block-table tr td:last-child{
	text-align: right;
}

/* ---------------------------------
	
	BLOCK: LINIE 
	
-----------------------------------*/

hr{
	border:0;
	border-bottom:var(--border);
	margin:0;
	padding:0;
}

/* ---------------------------------
	
	BLOCK: ABSTAND 
	
-----------------------------------*/

.block-gap{
	height:50px;
}


/* ---------------------------------
	
	BLOCK: TEXT 
	
-----------------------------------*/

.block-text{
	
}
.block-text .block__inner{
	display:flex;
	gap:var(--page-margin);
	flex-direction: column;
}
.block-text.alternate .block__inner{
	flex-direction: column-reverse;
}



.block-text__buttons .btn:not(:first-child){
	margin-top:var(--page-margin);
}


@media screen and (max-width: 700px) {

	.block-text__buttons .btn:not(:first-child){
		margin-top:var(--block-padding);
	}
	.block-text .block__inner{
		gap:var(--block-padding);
	}

}