.faqsub .navcta { font-size: 17.5px; padding: 19px 42px; }
.faqsub .navcta svg { width: 18px; height: 18px; vertical-align: -3px; margin-left: 6px; }

.faqsec { padding-top: 40px; }

.wrap.faqwrap { max-width: 920px; }

.faq-versteckt {
	position: absolute; width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}

.faqsearch input { min-width: 0; }

.fcats {
	display: flex; flex-wrap: wrap; gap: 10px;
	justify-content: center; margin-bottom: 30px;
}

.fcat {
	font: inherit; font-size: 13.5px; font-weight: 900; line-height: 1.2;
	appearance: none; -webkit-appearance: none;
	border: 1.5px solid var(--wp--custom--ui--line-strong);
	background: var(--wp--preset--color--white);
	border-radius: 30px; padding: 9px 20px;
	color: var(--ink); cursor: pointer;
}

@media (hover: hover) {
	.fcat:not(.on):hover {
		background: var(--wp--custom--ui--hover-soft);
		border-color: var(--blue); color: var(--blue);
	}
}
.fcat.on {
	background: var(--blue); border-color: var(--blue);
	color: var(--wp--preset--color--white);
}

.faqmore { display: flex; justify-content: center; margin-top: 26px; }

.faqmore[hidden] { display: none; }

.faqleer {
	margin: 8px 0 0;
	padding: 26px 24px;
	background: var(--card);
	border: 1px solid var(--line);
	color: var(--mut);
	font-size: 15.5px;
	line-height: 1.6;
}
.faqleer a { color: var(--blue); font-weight: 900; }
.faqleer[hidden] { display: none; }
.faqmore button {
	font: inherit; font-size: 15px; font-weight: 900;
	appearance: none; -webkit-appearance: none;
	background: var(--wp--preset--color--white); color: var(--blue);
	border: 1.5px solid var(--wp--custom--ui--line-strong);
	border-radius: 40px; padding: 14px 32px; cursor: pointer;
}

.faq .a ul { margin: 10px 0 0 20px; padding-left: 0; }
.faq .a li { margin-top: 4px; }

.faq details.hid { display: none; }

.schaden h2 { font-size: 28px; font-weight: 900; letter-spacing: -.5px; }
.modalin h2 { font-size: 24px; font-weight: 900; letter-spacing: -.5px; }

.modal:target { display: flex; }

#schaden-modal .popx {
	display: flex; align-items: center; justify-content: center;
	line-height: 1;
}

.form.faqform { background: none; border: none; padding: 0; margin-top: 10px; }

@media (max-width: 700px) {
	.faqsub .navcta { font-size: 15px; padding: 14px 28px; }

	.faqsearch { padding-left: 16px; }
	.faqsearch input { padding: 13px 10px; font-size: 15px; }
	.faqsearch button { padding: 13px 18px; }

	.schaden { padding: 36px 24px; }
	.schaden h2 { font-size: 22px; }

	.modalin { padding: 28px 22px; }
}
