.static_page {
	container-name: static_pageContainer;
	container-type: inline-size;
	padding:30px;
	/* SUCHCONTAINER VARS */
	--bottomGap: .5vh;	
}


.static_page .homepage-link-box .text-link,
.text-link  {
	max-width: none;
	text-transform:uppercase;
	font-size: calc(var(--link-box) * .7);
	padding-right: 50px;
}
.grid_2_3 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap:2rem;
}
.grid_3 {
	container-name: grid_3;
	_container-type: inline-size;
    display: grid;
    margin-bottom: 30px;
	grid-template-columns: auto auto auto ;
	gap:2rem;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.grid_3 .ce_text {
	margin-bottom: 2vh;
}

@media screen and (max-width: 1200px) {
	.grid_3 {
		_grid-template-columns: auto auto ;
	}
}

@media screen and (max-width: 900px) {
	.grid_3 {
		_grid-template-columns: auto;
	}
}

@container static_pageContainer ( min-width: 200px ) {
	.grid_3 {
		gap:0em;
	}
	.grid_3 .ce_text {
		margin-bottom:3vh;
		padding-botttom:1vh;
		border-bottom:1px solid var(--lightlineColor);
	}
	.grid_3 .ce_text:last-child {
		border:0px;
	}
	.grid_2_3 {
		grid-template-columns: 1fr;
	}
}

@container static_pageContainer ( min-width: 700px ) {
	.grid_3 {
		gap:4em;
	}
	.grid_3 .ce_text {
		margin-bottom:0vh;
		padding-botttom:0vh;
		border-bottom:0px solid var(--lightlineColor);
	}
	.grid_2_3 {
		grid-template-columns: 2fr 1fr;
	}
}

.grid_4 {
	container-name: grid_4;
	_container-type: inline-size;
    display: grid;
    margin-bottom: 30px;
	grid-template-columns: auto auto auto auto;
}

.grid_4 .ce_text {
	margin-bottom: 30px;
}

@media screen and (max-width: 1900px) {
	.grid_4 {
		grid-template-columns: auto auto auto;
	}
}

@media screen and (max-width: 1200px) {
	.grid_4 {
		grid-template-columns: auto auto ;
	}
}

@media screen and (max-width: 900px) {
	.grid_4 {
		grid-template-columns: auto;
	}
}




.blank {
	display:grid;
	gap:1rem;
	grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
	height: auto;
}
.blank .image_container img {
	width:100%;
	height:auto;
	aspect-ratio: 1/1;
}
.grid_liste.custom_grid {
	display:grid;
	gap:1rem;
	grid-template-columns: repeat(1, minmax(300px, 1fr));
	height: auto;
}

.ce_accordionStart {
	transition: all .1s cubic-bezier(0.25,0.1,0.25,1);	

}

.ce_accordionStart .toggler{
	font-size: clamp(.8rem, .7vw + .8em, 1.3em);	
	line-height:1.1rem;
	_margin: 0;
	_padding:0;
	cursor: pointer;
	_width:100%;
	padding-right: 50px;
	display: flex;
	flex-direction: row;
	transition: all .1s cubic-bezier(0.25,0.1,0.25,1);	
	overflow-wrap: anywhere;
}
.ce_accordionStart .toggler.active {
	color:var(--semmel-red);
	overflow-wrap: anywhere;
	transition: all .1s cubic-bezier(0.25,0.1,0.25,1);
}
.ce_accordionStart .toggler:after {
	width: calc(var(--button-size) * .7);	
	position: absolute;
	right:0px;
	margin-right:0px;
	height: auto;
	aspect-ratio: 1/1;
	content: '';
	background-repeat: no-repeat;
	background-color: black;
	transition: all .1s cubic-bezier(0.25,0.1,0.25,1);
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg id="pfeil-icon" class="pfeil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><polygon display="inline" style="enable-background:accumulate; fill:white;" points="70.6,47.6 47.6,24.6 36.1,36.1 59.1,59.1 36.1,82.1 47.6,93.6 70.6,70.6 82.1,59.1"/></svg>');
}
.ce_accordionStart .toggler.active:after {
	transform:	rotate(90deg);
	background-color:var(--semmel-red);
	margin-right:0px;
}

.ce_accordionStart:has(> .toggler.active) {
	border-top:1px solid red;
	border-bottom:1px solid red;
	padding:10px 0;
	_padding-right:30px;
}
.ui-accordion-header {
	font-size: var(--titelSize);
	font-weight:600;
	border-bottom:1px solid #ddd;
	margin-bottom:1vh;
	padding-bottom:1vh;
}
.ui-accordion-content {
	padding-bottom:2vh;
}

.ce_accordion .accordion p{
	font-size: calc(var(--fliesstext-size) * .9);
	line-height:1.2em;
}