/* WANTED */
.fire-category--wanted{margin-bottom:110px}
.fire-wanted-table{margin-top:12px}
.fire-wanted-table>tbody>tr>td{padding:0}

.firewantedkasten{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:clamp(24px,3vw,42px);
	width:100%;
	padding:28px clamp(10px,1.5vw,20px) 20px;
	box-sizing:border-box;
	align-items:stretch
}

.fireinwant_wrap{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:0;
	height:100%;
	padding-top:10px;
	background:transparent
}

.firewanted__content{
	display:flex;
	flex:1;
	flex-direction:column;
	width:100%;
	min-width:0;
	text-align:center
}

.fireinwant_wrap+.fireinwant_wrap::before{
	content:"";
	position:absolute;
	top:68px;
	bottom:24px;
	left:calc(-1 * clamp(14px,2vw,29px));
	width:1px;
	background:linear-gradient(to bottom,transparent,var(--stecki-line),transparent)
}

.firewantimg{
	position:relative;
	display:block;
	width:clamp(82px,7vw,106px);
	aspect-ratio:1;
	flex-shrink:0;
	margin:0 auto 30px;
	overflow:hidden;
	border:1px solid var(--stecki-image-hover-border);
	transform:rotate(45deg);
	transition:border-color .25s ease,transform .25s ease
}

.firewantimg::before{
	content:"";
	position:absolute;
	z-index:2;
	inset:6px;
	border:1px solid var(--stecki-image-inner-line);
	pointer-events:none
}

.firewantimg span{
	position:absolute;
	inset:-24%;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	filter:saturate(.78) contrast(1.02) brightness(.94);
	transform:rotate(-45deg) scale(1.05);
	transition:filter .3s ease,transform .3s ease
}

.firewantimg:hover span{
	filter:saturate(.96) contrast(1.01) brightness(1);
	transform:rotate(-45deg) scale(1.1)
}

.fireinwant_wrap::after{
	content:"";
	position:absolute;
	z-index:-1;
	top:3px;
	left:50%;
	width:clamp(82px,7vw,106px);
	aspect-ratio:1;
	border:1px solid var(--stecki-line);
	transform:translateX(-50%) rotate(45deg) translate(6px,6px);
	pointer-events:none
}

.firewanted__eyebrow{
	display:block;
	margin-bottom:7px;
	color:var(--fire-accent);
	font-size:9px;
	font-weight:700;
	letter-spacing:.25em;
	line-height:1.4;
	text-transform:uppercase
}

.firewantlink{
	display:-webkit-box;
	min-height:54px;
	margin:0;
	padding:0 6px 13px;
	overflow:hidden;
	color:var(--accent)!important;
	font-family:var(--fire-display);
	font-size:clamp(22px,1.8vw,27px);
	font-weight:400;
	line-height:1.08;
	text-align:center;
	text-decoration:none;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	transition:color .2s ease,transform .2s ease
}

.firewantlink:link,.firewantlink:visited{color:var(--accent)!important}
.firewantlink:hover{color:var(--fire-accent-dark)!important;transform:translateY(-1px)}

.firewanted__facts{
	width:100%;
	margin-top:5px;
	border-top:1px solid var(--stecki-line)
}

.firewantfact{
	display:grid;
	grid-template-columns:22px minmax(0,1fr);
	align-items:center;
	gap:10px;
	width:100%;
	min-height:38px;
	padding:8px 6px;
	box-sizing:border-box;
	color:var(--stecki-muted);
	font-size:10px;
	font-weight:600;
	letter-spacing:.065em;
	line-height:1.45;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid var(--fire-border-soft)
}

.firewantfact i{width:22px;color:var(--accent);font-size:11px;text-align:center}
.firewantfact span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.firewanted__more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	align-self:center;
	margin-top:22px;
	padding-bottom:7px;
	color:var(--fire-accent-dark);
	font-size:9px;
	font-weight:700;
	letter-spacing:.17em;
	line-height:1.5;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px solid var(--stecki-link-line);
	transition:color .2s ease,gap .2s ease,border-color .2s ease
}

.firewanted__more i{color:var(--accent);font-size:9px}
.firewanted__more:hover{gap:15px;color:var(--accent);border-bottom-color:var(--accent)}

@media (max-width:1100px){
	.firewantedkasten{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 48px}
	.fireinwant_wrap+.fireinwant_wrap::before{display:none}
	.fireinwant_wrap:nth-child(even)::before{
		content:"";
		position:absolute;
		top:68px;
		bottom:24px;
		left:-24px;
		display:block;
		width:1px;
		background:linear-gradient(to bottom,transparent,var(--stecki-line),transparent)
	}
	.firewantimg,.fireinwant_wrap::after{width:96px}
}

@media (max-width:760px),(max-device-width:760px){
	.fire-category--wanted{margin-bottom:74px}
	.firewantedkasten{

		gap:44px;
		padding:22px 18px 10px
	}
	.fireinwant_wrap{
		align-items:stretch;
		padding:0 0 34px;
		border-bottom:1px solid var(--stecki-line)
	}
	.fireinwant_wrap::before,
	.fireinwant_wrap::after,
	.fireinwant_wrap:nth-child(even)::before{display:none!important}

	.firewanted__content{max-width:none;text-align:left}

	.firewantimg{
		width:112px;
		margin:0 auto 28px
	}

	.firewanted__eyebrow{
		margin-bottom:8px;
		font-size:12px;
		letter-spacing:.18em;
		text-align:center
	}

	.firewantlink{
		display:block;
		min-height:0;
		padding:0 0 18px;
		overflow:visible;
		font-size:clamp(34px,8vw,46px);
		line-height:1.05;
		text-align:center;
		-webkit-line-clamp:initial
	}

	.firewantfact{
		grid-template-columns:28px minmax(0,1fr);
		gap:12px;
		min-height:48px;
		padding:11px 4px;
		font-size:15px;
		line-height:1.5;
		letter-spacing:.035em
	}
	.firewantfact i{width:28px;font-size:15px}
	.firewantfact span{overflow:visible;text-overflow:clip;white-space:normal}

	.firewanted__more{
		align-self:flex-start;
		margin-top:20px;
		font-size:13px;
		letter-spacing:.12em
	}
}

@media (max-width:520px),(max-device-width:520px){
	.firewantedkasten{
		gap:38px;
		padding-right:14px;
		padding-left:14px
	}
	.fireinwant_wrap{padding-bottom:30px}

	.firewantimg{display:none}

	.firewanted__eyebrow{
		margin-top:0;
		font-size:13px;
		text-align:left
	}

	.firewantlink{
		font-size:clamp(36px,10vw,48px);
		text-align:left
	}

	.firewantfact{
		min-height:52px;
		font-size:17px;
		line-height:1.5
	}
	.firewantfact i{font-size:16px}

	.firewanted__more{
		font-size:14px;
		line-height:1.5
	}
}

@media (max-width:520px),(max-device-width:520px){

	/* Mobil nur ein Gesuch anzeigen */
	.fireinwant_wrap{
		display:none!important;
	}

	.fireinwant_wrap:first-child{
		display:grid!important;
		grid-template-columns:112px minmax(0,1fr);
		grid-template-areas:
			"image content";
		align-items:center;
		gap:22px;
		padding:26px 0 30px;
		border-bottom:1px solid var(--stecki-line);
	}

	/* Raute wieder sichtbar und links neben dem Inhalt */
	.fireinwant_wrap:first-child .firewantimg{
		grid-area:image;
		display:block!important;
		width:96px;
		margin:0 auto;
	}

	.fireinwant_wrap:first-child .firewanted__content{
		grid-area:content;
		display:flex;
		flex-direction:column;
		min-width:0;
		text-align:left;
	}

	.fireinwant_wrap:first-child .firewanted__eyebrow{
		margin:0 0 7px;
		font-size:12px;
		text-align:left;
	}

	.fireinwant_wrap:first-child .firewantlink{
		padding:0 0 14px;
		font-size:clamp(30px,9vw,42px);
		line-height:1.04;
		text-align:left;
	}

	.fireinwant_wrap:first-child .firewanted__facts{
		margin-top:0;
	}

	.fireinwant_wrap:first-child .firewantfact{
		grid-template-columns:24px minmax(0,1fr);
		min-height:44px;
		padding:9px 0;
		font-size:15px;
	}

	.fireinwant_wrap:first-child .firewantfact i{
		width:24px;
		font-size:14px;
	}

	.fireinwant_wrap:first-child .firewanted__more{
		align-self:flex-start;
		margin-top:16px;
		font-size:13px;
	}

	.fireinwant_wrap:first-child::before,
	.fireinwant_wrap:first-child::after{
		display:none!important;
	}
}

@media (max-width:380px),(max-device-width:380px){
	.fireinwant_wrap:first-child{
		grid-template-columns:86px minmax(0,1fr);
		gap:16px;
	}

	.fireinwant_wrap:first-child .firewantimg{
		width:76px;
	}

	.fireinwant_wrap:first-child .firewantlink{
		font-size:clamp(28px,9vw,36px);
	}

	.fireinwant_wrap:first-child .firewantfact{
		font-size:14px;
	}
}

@media (max-width:520px),(max-device-width:520px){

	/* Mobil zwei Gesuche anzeigen */
	.fireinwant_wrap{
		display:none!important;
	}

	.fireinwant_wrap:nth-child(1),
	.fireinwant_wrap:nth-child(2){
		display:grid!important;
		grid-template-columns:86px minmax(0,1fr);
		grid-template-areas:"image content";
		align-items:center;
		gap:16px;

		padding:22px 0 26px;
		border-bottom:1px solid var(--stecki-line);
	}

	.fireinwant_wrap:nth-child(1) .firewantimg,
	.fireinwant_wrap:nth-child(2) .firewantimg{
		grid-area:image;
		display:block!important;
		width:76px;
		margin:0 auto;
	}

	.fireinwant_wrap:nth-child(1) .firewanted__content,
	.fireinwant_wrap:nth-child(2) .firewanted__content{
		grid-area:content;
		display:flex;
		flex-direction:column;
		min-width:0;
		text-align:left;
	}

	.fireinwant_wrap:nth-child(1) .firewanted__eyebrow,
	.fireinwant_wrap:nth-child(2) .firewanted__eyebrow{
		margin:0 0 6px;
		font-size:11px;
		text-align:left;
	}

	.fireinwant_wrap:nth-child(1) .firewantlink,
	.fireinwant_wrap:nth-child(2) .firewantlink{
		padding:0 0 12px;
		font-size:clamp(28px,8vw,36px);
		line-height:1.03;
		text-align:left;
	}

	.fireinwant_wrap:nth-child(1) .firewanted__facts,
	.fireinwant_wrap:nth-child(2) .firewanted__facts{
		margin-top:0;
	}

	.fireinwant_wrap:nth-child(1) .firewantfact,
	.fireinwant_wrap:nth-child(2) .firewantfact{
		grid-template-columns:22px minmax(0,1fr);
		min-height:40px;
		padding:8px 0;
		font-size:14px;
	}

	.fireinwant_wrap:nth-child(1) .firewantfact i,
	.fireinwant_wrap:nth-child(2) .firewantfact i{
		width:22px;
		font-size:13px;
	}

	.fireinwant_wrap:nth-child(1) .firewanted__more,
	.fireinwant_wrap:nth-child(2) .firewanted__more{
		align-self:flex-start;
		margin-top:14px;
		font-size:12px;
	}

	.fireinwant_wrap:nth-child(1)::before,
	.fireinwant_wrap:nth-child(1)::after,
	.fireinwant_wrap:nth-child(2)::before,
	.fireinwant_wrap:nth-child(2)::after{
		display:none!important;
	}
}

@media (max-width:380px),(max-device-width:380px){

	.fireinwant_wrap:nth-child(1),
	.fireinwant_wrap:nth-child(2){
		grid-template-columns:74px minmax(0,1fr);
		gap:14px;
	}

	.fireinwant_wrap:nth-child(1) .firewantimg,
	.fireinwant_wrap:nth-child(2) .firewantimg{
		width:66px;
	}

	.fireinwant_wrap:nth-child(1) .firewantlink,
	.fireinwant_wrap:nth-child(2) .firewantlink{
		font-size:clamp(26px,8vw,32px);
	}

	.fireinwant_wrap:nth-child(1) .firewantfact,
	.fireinwant_wrap:nth-child(2) .firewantfact{
		font-size:13px;
	}
}