/**
 * FSV63 FontAwesome Icon-Basis.
 * Diese Datei sorgt dafür, dass alle Template-Icons gleichmäßig gerendert werden.
 */
.fsv63-fa-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-style: normal;
	text-rendering: auto;
}

.fsv63-fa-icon::before {
	line-height: 1;
}

/* Alte SVG-Container bekommen dieselbe Icon-Größe auch mit FontAwesome-i-Tags. */
.fsv-build-button__icon .fsv63-fa-icon,
.fsv-build-card__icon .fsv63-fa-icon,
.fsv-build-status__icon .fsv63-fa-icon,
.fsv-build-contact__icon .fsv63-fa-icon,
.fsv-build-contact__item-icon .fsv63-fa-icon,
.fsv-youth-panel h2 .fsv63-fa-icon,
.fsv-youth-contact__avatar .fsv63-fa-icon,
.fsv-youth-contact__row a .fsv63-fa-icon,
.fsv-imp-contact__icon .fsv63-fa-icon,
.fsv-imp-info-card__icon .fsv63-fa-icon,
.fsv-imp-legal-card__icon .fsv63-fa-icon,
.fsv63-vh-icon,
.stadion-fact__icon .fsv63-fa-icon,
.stadion-history-card__icon .fsv63-fa-icon,
.stadion-ticket-card__icon .fsv63-fa-icon,
.stadion-info-card__icon .fsv63-fa-icon,
.stadion-venue-card__icon .fsv63-fa-icon,
.fsv-media-btn__icon .fsv63-fa-icon,
.fsv-info-card__icon .fsv63-fa-icon,
.fsv-stat-card__icon .fsv63-fa-icon,
.fsv-contact-person__location .fsv63-fa-icon,
.fsv-btn__icon .fsv63-fa-icon,
.fsv-contact-icon .fsv63-fa-icon,
.fsv-contact-button-icon .fsv63-fa-icon,
.fsv-benefit-icon .fsv63-fa-icon,
.fsv-main-sponsor__feature-icon .fsv63-fa-icon,
.fsv-stat-icon .fsv63-fa-icon,
.fsv-firstteam-fact__icon .fsv63-fa-icon,
.fsv-firstteam-contact__icon .fsv63-fa-icon,
.fsv-firstteam-contact__mail .fsv63-fa-icon,
.fsv-member-svg,
.fsv-ticket-badge__icon,
.fsv-ticket-title-icon,
.fsv-ticket-th-icon,
.fsv-ticket-row-icon,
.fsv-ticket-list__icon,
.fsv-ticket-cta-icon,
.fsv-ticket-button__icon,
.fsv-ticket-contact__icon,
.fsv63-mobile-nav__close-icon,
.fsv63-mobile-nav__quicklink-icon .fsv63-fa-icon {
	width: 1em;
	height: 1em;
	line-height: 1;
	flex: 0 0 auto;
}

/* Ticketpreise: alte per CSS generierte Icons abschalten, weil die Icons jetzt aus PHP/FontAwesome kommen. */
.fsv-ticket-badge::before,
.fsv-ticket-title::before,
.fsv-ticket-table thead th::before,
.fsv-ticket-table tbody td:first-child::before,
.fsv-ticket-list li::before,
.fsv-ticket-button::before,
.fsv-ticket-contact a::before,
.fsv-ticket-panel--cta::before {
	content: none !important;
	display: none !important;
}

.fsv-ticket-title {
	padding-left: 0 !important;
}

.fsv-ticket-title-row {
	display: flex;
	align-items: center;
	gap: 18px;
}

.fsv-ticket-title-icon,
.fsv-ticket-cta-icon {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	font-size: 30px;
	color: #59b8ff;
	background: linear-gradient(180deg, rgba(32,84,180,0.95) 0%, rgba(15,42,105,0.95) 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px rgba(0,0,0,0.22);
}

.fsv-ticket-table tbody td:first-child {
	padding-left: 22px !important;
}

.fsv-ticket-row-icon,
.fsv-ticket-list__icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	margin-right: 12px;
	font-size: 15px;
	color: #8ecaff;
	background: rgba(255,255,255,0.06);
}

.fsv-ticket-list li {
	padding-left: 0 !important;
	gap: 12px;
}

.fsv-ticket-list__icon {
	color: #ffffff;
	background: linear-gradient(180deg, #39a8ff 0%, #1f6fff 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px rgba(19,86,201,0.22);
}

.fsv-ticket-button__icon,
.fsv-ticket-contact__icon {
	margin-right: 8px;
}

.fsv-ticket-contact a {
	padding-left: 0 !important;
}

.fsv-ticket-panel--cta .fsv-ticket-panel__title,
.fsv-ticket-panel--cta .fsv-ticket-panel__text,
.fsv-ticket-panel--cta .fsv-ticket-button {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* Sponsoring/Home Social Icons nach SVG-Austausch. */
.fsv-whatsapp__icon .fsv63-fa-icon,
.fsv-social__link .fsv63-fa-icon {
	width: 1em;
	height: 1em;
	font-size: inherit;
}