/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

		*,
		:before,
		:after,
		::backdrop {
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-pan-x: initial;
			--tw-pan-y: initial;
			--tw-pinch-zoom: initial;
			--tw-scroll-snap-strictness: proximity;
			--tw-space-y-reverse: 0;
			--tw-space-x-reverse: 0;
			--tw-divide-x-reverse: 0;
			--tw-border-style: solid;
			--tw-divide-y-reverse: 0;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-ordinal: initial;
			--tw-slashed-zero: initial;
			--tw-numeric-figure: initial;
			--tw-numeric-spacing: initial;
			--tw-numeric-fraction: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-outline-style: solid;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial
		}
	}
}

@font-face {
	font-family: Söhne-Leicht;
	font-style: normal;
	font-weight: 200 700;
	font-display: swap;
	src: url(/wp-content/themes/fespa/assets/css/fonts/Söhne-Leicht.otf)format("opentype")
}

@font-face {
	font-family: SöhneBreit-Fett\.otf;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url(/wp-content/themes/fespa/assets/css/fonts/SöhneBreit-Fett.otf)format("opentype")
}

@font-face {
	font-family: SöhneBreit-Dreiviertelfett;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url(/wp-content/themes/fespa/assets/css/fonts/SöhneBreit-Dreiviertelfett.otf)format("opentype")
}

@font-face {
	font-family: Söhne-Dreiviertelfett;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url(/wp-content/themes/fespa/assets/css/fonts/Söhne-Dreiviertelfett.otf)format("opentype")
}

@font-face {
	font-family: SöhneBreit-Leicht;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url(/wp-content/themes/fespa/assets/css/fonts/SöhneBreit-Leicht.otf)format("opentype")
}

@layer theme {

	:root,
	:host {
		--color-red-400: oklch(70.4% .191 22.216);
		--color-red-500: oklch(63.7% .237 25.331);
		--color-lime-600: oklch(64.8% .2 131.684);
		--color-green-300: oklch(87.1% .15 154.449);
		--color-green-500: oklch(72.3% .219 149.579);
		--color-green-600: oklch(62.7% .194 149.214);
		--color-green-800: oklch(44.8% .119 151.328);
		--color-blue-500: oklch(62.3% .214 259.815);
		--color-slate-200: oklch(92.9% .013 255.508);
		--color-gray-100: oklch(96.7% .003 264.542);
		--color-gray-200: oklch(92.8% .006 264.531);
		--color-gray-300: oklch(87.2% .01 258.338);
		--color-gray-400: oklch(70.7% .022 261.325);
		--color-gray-500: oklch(55.1% .027 264.364);
		--color-gray-600: oklch(44.6% .03 256.802);
		--color-gray-700: oklch(37.3% .034 259.733);
		--color-neutral-100: oklch(97% 0 0);
		--color-neutral-200: oklch(92.2% 0 0);
		--color-black: #000;
		--color-white: #fff;
		--spacing: .25rem;
		--breakpoint-xl: 80rem;
		--breakpoint-2xl: 96rem;
		--container-md: 28rem;
		--container-5xl: 64rem;
		--container-7xl: 80rem;
		--text-xs: .75rem;
		--text-xs--line-height: calc(1/.75);
		--text-sm: .875rem;
		--text-sm--line-height: calc(1.25/.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5/1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75/1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75/1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2/1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25/1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5/2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--font-weight-thin: 100;
		--font-weight-light: 300;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--font-weight-extrabold: 800;
		--tracking-wide: .025em;
		--tracking-widest: .1em;
		--radius-sm: .25rem;
		--radius-md: .375rem;
		--radius-xl: .75rem;
		--radius-3xl: 1.5rem;
		--radius-4xl: 2rem;
		--ease-in: cubic-bezier(.4, 0, 1, 1);
		--ease-out: cubic-bezier(0, 0, .2, 1);
		--ease-in-out: cubic-bezier(.4, 0, .2, 1);
		--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
		--aspect-video: 16/9;
		--default-transition-duration: .15s;
		--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		--font-soehne-dreiviertelfett: "Söhne-Dreiviertelfett", system-ui;
		--font-soehne-breit-dreiviertelfett: "SöhneBreit-Dreiviertelfett", system-ui;
		--color-fespa-blue: #14007e;
		--color-fespa-accent-blue: #00a4f4
	}

	:root {
		--font-family-base: "Söhne-Leicht", system-ui;
		--font-family-heading: "SöhneBreit-Dreiviertelfett", system-ui;
		--font-family-subheading: "Söhne-Dreiviertelfett", system-ui;
		--font-soehne-dreiviertelfett: "Söhne-Dreiviertelfett", system-ui;
		--font-family-light: "Söhne-Leicht", system-ui;
		--fespa-blue: #140088;
		--fespa-accent-blue: #00a4f4
	}

	body {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: Söhne-Light, system-ui
	}

	#page-content>ol,
	#page-content>ul {
		margin-left: 19px;
		list-style: auto
	}

	a {
		text-underline-offset: .25ch;
		text-decoration-thickness: 1px
	}

	a:hover,
	a:focus {
		text-decoration-style: dashed
	}

	a:active {
		text-decoration: none
	}

	#page-content a::not(.wp-element-button) {
		color: var(--fespa-blue) !important
	}

	#page-content a:hover::not(.wp-element-button) {
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: .3s;
		--tw-ease: var(--ease-in-out);
		transition-duration: .3s;
		transition-timing-function: var(--ease-in-out);
		color: var(--fespa-accent-blue) !important;
		text-decoration: underline !important
	}

	.wp-block-heading {
		margin-top: 8px;
		margin-bottom: 8px
	}

	p {
		font-size: 16px;
		line-height: 1.6
	}

	#page-content p {
		padding-bottom: 12px
	}

	h1,
	h1.wp-block-heading {
		font-size: 3rem;
		line-height: 2
	}

	h2,
	h2 .wp-block-heading {
		font-size: 28px;
		line-height: 2
	}

	h3,
	h3.wp-block-heading {
		font-size: 22px;
		line-height: 2
	}

	#page-content h1,
	#page-content h2,
	#page-content h3,
	#page-content h4 {
		font-family: Söhne-Dreiviertelfett
	}

	.wp-block-embed__wrapper {
		aspect-ratio: 16/9;
		width: 100%;
		margin: 12px 0
	}

	.wp-block-embed__wrapper iframe {
		aspect-ratio: 16/9;
		width: 100%;
		height: auto;
		margin: 12px 0
	}

	.wp-block-separator {
		margin-block: calc(var(--spacing)*6) !important
	}

	.figure {
		margin-block: calc(var(--spacing)*3)
	}

	#page-content li::marker {
		color: var(--color-fespa-blue);
		font-size: 18px
	}

	#page-content ul {
		line-height: 2;
		list-style: inside
	}

	.wp-block-quote {
		margin-block: calc(var(--spacing)*4);
		border-color: var(--color-lime-600);
		font-style: italic
	}

	a.mega-menu-link:hover,
	a.mega-menu-link:focus {
		color: var(--fespa-accent-blue) !important
	}

	li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
	li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
	li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
		color: var(--fespa-blue) !important
	}

	.timeline {
		--tw-text-opacity: 1;
		color: var(--fespa-blue) !important
	}

	.event-graph {
		align-self: stretch;
		min-width: 100px;
		display: flex
	}

	.event-line-left {
		background-color: var(--fespa-blue);
		width: 7px;
		height: 100%;
		position: relative;
		margin-left: 20px !important
	}

	.event-line-left-first {
		height: 50%
	}

	.event-line-left-last {
		height: 50%;
		transform: translateY(100%)
	}

	.event-line-center {
		background-color: var(--fespa-blue);
		align-self: center;
		width: 100%;
		height: 5px;
		display: flex
	}

	.event-circles {
		height: 100%;
		position: relative
	}

	.circle {
		background-color: var(--color-gray-100);
		z-index: 2;
		border-radius: 100%;
		align-self: center;
		width: 45px;
		height: 45px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border: 4px solid var(--fespa-blue) !important
	}

	@media only screen and (max-width:767px) {
		.circle {
			border: 4px solid var(--fespa-blue);
			width: 30px;
			height: 30px;
			position: absolute;
			left: 7px
		}

		.event-graph {
			min-width: 80px
		}
	}

	.bg-fespa-blue {
		background: var(--fespa-blue)
	}

	.menu-box-header {
		padding-block: calc(var(--spacing)*2);
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold);
		color: var(--color-white);
		text-shadow: 1px 1px 2px #a0a0a0;
		margin-inline: auto
	}

	.menu-box-content {
		text-align: center;
		color: var(--color-white)
	}

	.menu-box-button {
		margin-inline: auto;
		margin-block: calc(var(--spacing)*3);
		width: calc(var(--spacing)*32);
		border-radius: var(--radius-sm);
		background-color: var(--color-white);
		padding-inline: calc(var(--spacing)*4);
		padding-block: calc(var(--spacing)*3);
		text-align: center;
		color: var(--color-black)
	}

	@media (hover:hover) {
		.menu-box-button:hover {
			background-color: var(--color-gray-200)
		}
	}

	.join-form {
		border-style: var(--tw-border-style);
		background-color: var(--color-gray-300);
		--tw-font-weight: var(--font-weight-thin);
		max-width: 600px;
		font-weight: var(--font-weight-thin);
		color: var(--color-black);
		border-width: 1px;
		margin-inline: auto;
		overflow: hidden;
		border-color: #0000 !important
	}

	.join-form-wrapper {
		margin-inline: auto;
		margin-block: calc(var(--spacing)*12);
		--tw-font-weight: var(--font-weight-thin);
		max-width: 600px;
		font-weight: var(--font-weight-thin)
	}

	a.join-form-mail-link {
		color: var(--color-fespa-accent-blue) !important
	}

	@media (hover:hover) {
		a.join-form-mail-link:hover {
			text-decoration-line: underline;
			color: var(--color-fespa-blue) !important
		}
	}

	a.join-form-mail-link {
		font-family: SöhneBreit-Dreiviertelfett, system-ui !important;
		text-decoration: none !important
	}

	.join-form label {
		--tw-font-weight: var(--font-weight-thin);
		font-weight: var(--font-weight-thin);
		color: var(--color-black)
	}

	.join-form p {
		margin-top: calc(var(--spacing)*3) !important;
		padding-top: calc(var(--spacing)*3) !important
	}

	.join-form input[type=text],
	.join-form input[type=email],
	.join-form input[type=tel],
	.join-form input[type=url],
	.join-form textarea {
		border-style: var(--tw-border-style);
		--tw-font-weight: var(--font-weight-thin);
		font-weight: var(--font-weight-thin);
		color: var(--color-black);
		border-width: 1px;
		border-radius: var(--radius-md) !important;
		background-color: var(--color-white) !important;
		padding: calc(var(--spacing)*2) !important
	}

	.join-form .wpcf7-not-valid-tip {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		margin-top: 0
	}

	.wpcf7-not-valid {
		border-color: var(--color-red-400)
	}

	.wpcf7-submit {
		cursor: pointer;
		min-width: 300px;
		border-radius: var(--radius-md) !important;
		background-color: var(--color-fespa-accent-blue) !important;
		padding: calc(var(--spacing)*2) !important;
		--tw-font-weight: var(--font-weight-bold) !important;
		font-family: SöhneBreit-Dreiviertelfett, system-ui !important;
		font-weight: var(--font-weight-bold) !important;
		color: var(--color-white) !important;
		text-transform: uppercase !important
	}

	@media (hover:hover) {
		.wpcf7-submit:hover {
			opacity: .75 !important
		}
	}

	.join-form input[type=text],
	.join-form input[type=email],
	.join-form input[type=tel],
	.join-form input[type=url] {
		margin-bottom: calc(var(--spacing)*4);
		border-radius: var(--radius-md);
		border-style: var(--tw-border-style);
		width: 100%;
		padding: calc(var(--spacing)*2);
		color: var(--color-black);
		border-width: 1px
	}

	.wpcf7-response-output {
		border-radius: var(--radius-md);
		max-width: 600px;
		margin-inline: auto !important
	}

	input[type=checkbox],
	input[type=radio] {
		cursor: pointer
	}

	.wp-block-latest-posts__list .wp-block-latest-posts li {
		padding-block: calc(var(--spacing)*2)
	}

	a.wp-block-latest-posts__post-title:hover {
		color: var(--fespa-blue);
		text-underline-offset: 2px;
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: .3s;
		--tw-ease: var(--ease-in-out);
		transition-duration: .3s;
		transition-timing-function: var(--ease-in-out);
		text-decoration-line: underline
	}

	.is-style-button-fespa-green .wp-element-button {
		background-color: var(--fespa-blue);
		color: #000
	}

	.wp-block-latest-posts.wp-block-latest-posts__list li {
		padding-bottom: 8px
	}

	.wp-block-button:hover {
		opacity: .85;
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: .3s;
		--tw-ease: var(--ease-in-out);
		transition-duration: .3s;
		transition-timing-function: var(--ease-in-out)
	}

	.section {
		max-width: var(--container-7xl);
		margin-inline: auto !important
	}

	.section-inner {
		max-width: var(--container-5xl);
		margin-inline: auto !important
	}

	.blue-fespa-line {
		background-color: var(--fespa-blue);
		height: 1px;
		margin-left: 15px
	}

	.folding-page-header {
		background-image: url(/wp-content/themes/fespa/assets/css/img/folding-header.png);
		background-color: var(--fespa-blue);
		padding-inline: calc(var(--spacing)*4);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: calc(var(--spacing)*12) !important;
		padding-bottom: calc(var(--spacing)*2) !important;
		padding-left: calc(var(--spacing)*36) !important
	}

	@media (min-width:80rem) {
		.folding-page-header {
			padding-left: calc(var(--spacing)*0) !important
		}
	}
}

@layer base {

	*,
	:after,
	:before,
	::backdrop {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	html,
	:host {
		-webkit-text-size-adjust: 100%;
		tab-size: 4;
		line-height: 1.5;
		font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent
	}

	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: inherit;
		font-weight: inherit
	}

	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit
	}

	b,
	strong {
		font-weight: normal;
	}

	code,
	kbd,
	samp,
	pre {
		font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-variation-settings: var(--default-mono-font-variation-settings, normal);
		font-size: 1em
	}

	small {
		font-size: 80%
	}

	sub,
	sup {
		vertical-align: baseline;
		font-size: 75%;
		line-height: 0;
		position: relative
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

	table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse
	}

	:-moz-focusring {
		outline: auto
	}

	progress {
		vertical-align: baseline
	}

	summary {
		display: list-item
	}

	ol,
	ul,
	menu {
		list-style: none
	}

	img,
	svg,
	video,
	canvas,
	audio,
	iframe,
	embed,
	object {
		vertical-align: middle;
		display: block
	}

	img,
	video {
		max-width: 100%;
		height: auto
	}

	button,
	input,
	select,
	optgroup,
	textarea {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	:where(select:is([multiple], [size])) optgroup {
		font-weight: bolder
	}

	:where(select:is([multiple], [size])) optgroup option {
		padding-inline-start: 20px
	}

	::file-selector-button {
		margin-inline-end: 4px
	}

	::placeholder {
		opacity: 1
	}

	@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
		::placeholder {
			color: currentColor
		}

		@supports (color:color-mix(in lab, red, red)) {
			::placeholder {
				color: color-mix(in oklab, currentcolor 50%, transparent)
			}
		}
	}

	textarea {
		resize: vertical
	}

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit
	}

	::-webkit-datetime-edit {
		display: inline-flex
	}

	::-webkit-datetime-edit-fields-wrapper {
		padding: 0
	}

	::-webkit-datetime-edit {
		padding-block: 0
	}

	::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-month-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-day-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-hour-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-minute-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-second-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-millisecond-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-meridiem-field {
		padding-block: 0
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	button,
	input:where([type=button], [type=reset], [type=submit]) {
		appearance: button
	}

	::file-selector-button {
		appearance: button
	}

	::-webkit-inner-spin-button {
		height: auto
	}

	::-webkit-outer-spin-button {
		height: auto
	}

	[hidden]:where(:not([hidden=until-found])) {
		display: none !important
	}
}

@layer components;

@layer utilities {
	.collapse {
		visibility: collapse
	}

	.visible {
		visibility: visible
	}

	.absolute {
		position: absolute
	}

	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

	.top-0 {
		top: calc(var(--spacing)*0)
	}

	.right-0 {
		right: calc(var(--spacing)*0)
	}

	.bottom-0 {
		bottom: calc(var(--spacing)*0)
	}

	.left-0 {
		left: calc(var(--spacing)*0)
	}

	.z-0 {
		z-index: 0
	}

	.z-10 {
		z-index: 10
	}

	.z-20 {
		z-index: 20
	}

	.z-50 {
		z-index: 50
	}

	.order-2 {
		order: 2
	}

	.col-12 {
		grid-column: 12
	}

	.col-span-2 {
		grid-column: span 2/span 2
	}

	.col-span-3 {
		grid-column: span 3/span 3
	}

	.clear-both {
		clear: both
	}

	.clear-none {
		clear: none
	}

	.clear-right {
		clear: right
	}

	.container {
		width: 100%
	}

	@media (min-width:40rem) {
		.container {
			max-width: 40rem
		}
	}

	@media (min-width:48rem) {
		.container {
			max-width: 48rem
		}
	}

	@media (min-width:64rem) {
		.container {
			max-width: 64rem
		}
	}

	@media (min-width:80rem) {
		.container {
			max-width: 80rem
		}
	}

	@media (min-width:96rem) {
		.container {
			max-width: 96rem
		}
	}

	.m-0 {
		margin: calc(var(--spacing)*0)
	}

	.m-1 {
		margin: calc(var(--spacing)*1)
	}

	.m-2 {
		margin: calc(var(--spacing)*2)
	}

	.mx-0 {
		margin-inline: calc(var(--spacing)*0)
	}

	.mx-2 {
		margin-inline: calc(var(--spacing)*2)
	}

	.mx-4 {
		margin-inline: calc(var(--spacing)*4)
	}

	.mx-auto {
		margin-inline: auto
	}

	.my-0 {
		margin-block: calc(var(--spacing)*0)
	}

	.my-1 {
		margin-block: calc(var(--spacing)*1)
	}

	.my-2 {
		margin-block: calc(var(--spacing)*2)
	}

	.my-4 {
		margin-block: calc(var(--spacing)*4)
	}

	.my-6 {
		margin-block: calc(var(--spacing)*6)
	}

	.my-8 {
		margin-block: calc(var(--spacing)*8)
	}

	.my-12 {
		margin-block: calc(var(--spacing)*12)
	}

	.ms-auto {
		margin-inline-start: auto
	}

	.me-1 {
		margin-inline-end: calc(var(--spacing)*1)
	}

	.mt-0 {
		margin-top: calc(var(--spacing)*0)
	}

	.mt-2 {
		margin-top: calc(var(--spacing)*2)
	}

	.mt-3 {
		margin-top: calc(var(--spacing)*3)
	}

	.mt-4 {
		margin-top: calc(var(--spacing)*4)
	}

	.mt-5 {
		margin-top: calc(var(--spacing)*5)
	}

	.mt-12 {
		margin-top: calc(var(--spacing)*12)
	}

	.mt-36 {
		margin-top: calc(var(--spacing)*36)
	}

	.mt-auto {
		margin-top: auto
	}

	.mr-1 {
		margin-right: calc(var(--spacing)*1)
	}

	.mr-2 {
		margin-right: calc(var(--spacing)*2)
	}

	.mr-3 {
		margin-right: calc(var(--spacing)*3)
	}

	.mb-1 {
		margin-bottom: calc(var(--spacing)*1)
	}

	.mb-2 {
		margin-bottom: calc(var(--spacing)*2)
	}

	.mb-3 {
		margin-bottom: calc(var(--spacing)*3)
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing)*4)
	}

	.mb-5 {
		margin-bottom: calc(var(--spacing)*5)
	}

	.mb-6 {
		margin-bottom: calc(var(--spacing)*6)
	}

	.mb-8 {
		margin-bottom: calc(var(--spacing)*8)
	}

	.mb-12 {
		margin-bottom: calc(var(--spacing)*12)
	}

	.mb-20 {
		margin-bottom: calc(var(--spacing)*20)
	}

	.ml-2 {
		margin-left: calc(var(--spacing)*2)
	}

	.ml-10 {
		margin-left: calc(var(--spacing)*10)
	}

	.ml-auto {
		margin-left: auto
	}

	.box-border {
		box-sizing: border-box
	}

	.box-content {
		box-sizing: content-box
	}

	.line-clamp-none {
		-webkit-line-clamp: unset;
		-webkit-box-orient: horizontal;
		display: block;
		overflow: visible
	}

	.block {
		display: block
	}

	.block\! {
		display: block !important
	}

	.contents {
		display: contents
	}

	.flex {
		display: flex
	}

	.flow-root {
		display: flow-root
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.inline {
		display: inline
	}

	.inline-block {
		display: inline-block
	}

	.inline-flex {
		display: inline-flex
	}

	.inline-grid {
		display: inline-grid
	}

	.inline-table {
		display: inline-table
	}

	.list-item {
		display: list-item
	}

	.table {
		display: table
	}

	.table-caption {
		display: table-caption
	}

	.table-cell {
		display: table-cell
	}

	.table-column {
		display: table-column
	}

	.table-column-group {
		display: table-column-group
	}

	.table-footer-group {
		display: table-footer-group
	}

	.table-header-group {
		display: table-header-group
	}

	.table-row {
		display: table-row
	}

	.table-row-group {
		display: table-row-group
	}

	.aspect-video {
		aspect-ratio: var(--aspect-video)
	}

	.h-4 {
		height: calc(var(--spacing)*4)
	}

	.h-6 {
		height: calc(var(--spacing)*6)
	}

	.h-8 {
		height: calc(var(--spacing)*8)
	}

	.h-10 {
		height: calc(var(--spacing)*10)
	}

	.h-100 {
		height: calc(var(--spacing)*100)
	}

	.h-\[33px\] {
		height: 33px
	}

	.h-\[180px\] {
		height: 180px
	}

	.h-\[600px\] {
		height: 600px
	}

	.h-\[calc\(100vh-150px\)\] {
		height: calc(100vh - 150px)
	}

	.h-full {
		height: 100%
	}

	.h-screen {
		height: 100vh
	}

	.max-h-\[960px\] {
		max-height: 960px
	}

	.min-h-\[100px\] {
		min-height: 100px
	}

	.min-h-\[340px\] {
		min-height: 340px
	}

	.min-h-\[600px\] {
		min-height: 600px
	}

	.min-h-screen {
		min-height: 100vh
	}

	.w-1 {
		width: calc(var(--spacing)*1)
	}

	.w-2 {
		width: calc(var(--spacing)*2)
	}

	.w-2\/3 {
		width: 66.6667%
	}

	.w-4 {
		width: calc(var(--spacing)*4)
	}

	.w-6 {
		width: calc(var(--spacing)*6)
	}

	.w-8 {
		width: calc(var(--spacing)*8)
	}

	.w-10 {
		width: calc(var(--spacing)*10)
	}

	.w-12 {
		width: calc(var(--spacing)*12)
	}

	.w-32 {
		width: calc(var(--spacing)*32)
	}

	.w-56 {
		width: calc(var(--spacing)*56)
	}

	.w-100 {
		width: calc(var(--spacing)*100)
	}

	.w-\[80px\] {
		width: 80px
	}

	.w-auto {
		width: auto
	}

	.w-fit {
		width: fit-content
	}

	.w-full {
		width: 100%
	}

	.max-w-1\/2 {
		max-width: 50%
	}

	.max-w-7xl {
		max-width: var(--container-7xl)
	}

	.max-w-\[90px\] {
		max-width: 90px
	}

	.max-w-\[120px\] {
		max-width: 120px
	}

	.max-w-\[500px\] {
		max-width: 500px
	}

	.max-w-\[600px\] {
		max-width: 600px
	}

	.max-w-\[640px\] {
		max-width: 640px
	}

	.max-w-\[800px\] {
		max-width: 800px
	}

	.max-w-\[1920px\] {
		max-width: 1920px
	}

	.max-w-\[3020px\] {
		max-width: 3020px
	}

	.max-w-md {
		max-width: var(--container-md)
	}

	.max-w-screen-2xl {
		max-width: var(--breakpoint-2xl)
	}

	.max-w-screen-xl {
		max-width: var(--breakpoint-xl)
	}

	.min-w-\[80px\] {
		min-width: 80px
	}

	.flex-shrink,
	.shrink {
		flex-shrink: 1
	}

	.flex-grow,
	.grow {
		flex-grow: 1
	}

	.table-auto {
		table-layout: auto
	}

	.table-fixed {
		table-layout: fixed
	}

	.caption-bottom {
		caption-side: bottom
	}

	.caption-top {
		caption-side: top
	}

	.border-collapse {
		border-collapse: collapse
	}

	.border-separate {
		border-collapse: separate
	}

	.rotate-180 {
		rotate: 180deg
	}

	.transform,
	.transform-cpu {
		transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
	}

	.transform-gpu {
		transform: translateZ(0)var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
	}

	.transform-none {
		transform: none
	}

	.animate-ping {
		animation: var(--animate-ping)
	}

	.cursor-pointer {
		cursor: pointer
	}

	.touch-pan-left {
		--tw-pan-x: pan-left;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pan-right {
		--tw-pan-x: pan-right;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pan-x {
		--tw-pan-x: pan-x;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pan-down {
		--tw-pan-y: pan-down;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pan-up {
		--tw-pan-y: pan-up;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pan-y {
		--tw-pan-y: pan-y;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-pinch-zoom {
		--tw-pinch-zoom: pinch-zoom;
		touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
	}

	.touch-auto {
		touch-action: auto
	}

	.touch-manipulation {
		touch-action: manipulation
	}

	.touch-none {
		touch-action: none
	}

	.resize {
		resize: both
	}

	.resize-none {
		resize: none
	}

	.resize-x {
		resize: horizontal
	}

	.resize-y {
		resize: vertical
	}

	.snap-both {
		scroll-snap-type: both var(--tw-scroll-snap-strictness)
	}

	.snap-none {
		scroll-snap-type: none
	}

	.snap-x {
		scroll-snap-type: x var(--tw-scroll-snap-strictness)
	}

	.snap-y {
		scroll-snap-type: y var(--tw-scroll-snap-strictness)
	}

	.snap-mandatory {
		--tw-scroll-snap-strictness: mandatory
	}

	.snap-proximity {
		--tw-scroll-snap-strictness: proximity
	}

	.snap-align-none {
		scroll-snap-align: none
	}

	.snap-center {
		scroll-snap-align: center
	}

	.snap-end {
		scroll-snap-align: end
	}

	.snap-start {
		scroll-snap-align: start
	}

	.snap-always {
		scroll-snap-stop: always
	}

	.snap-normal {
		scroll-snap-stop: normal
	}

	.list-inside {
		list-style-position: inside
	}

	.list-outside {
		list-style-position: outside
	}

	.list-none {
		list-style-type: none
	}

	.appearance-none {
		appearance: none
	}

	.break-before-all {
		break-before: all
	}

	.break-before-auto {
		break-before: auto
	}

	.break-before-avoid {
		break-before: avoid
	}

	.break-before-avoid-page {
		break-before: avoid-page
	}

	.break-before-column {
		break-before: column
	}

	.break-before-left {
		break-before: left
	}

	.break-before-page {
		break-before: page
	}

	.break-before-right {
		break-before: right
	}

	.break-inside-auto {
		break-inside: auto
	}

	.break-inside-avoid {
		break-inside: avoid
	}

	.break-inside-avoid-column {
		break-inside: avoid-column
	}

	.break-inside-avoid-page {
		break-inside: avoid-page
	}

	.break-after-all {
		break-after: all
	}

	.break-after-auto {
		break-after: auto
	}

	.break-after-avoid {
		break-after: avoid
	}

	.break-after-avoid-page {
		break-after: avoid-page
	}

	.break-after-column {
		break-after: column
	}

	.break-after-left {
		break-after: left
	}

	.break-after-page {
		break-after: page
	}

	.break-after-right {
		break-after: right
	}

	.grid-flow-col {
		grid-auto-flow: column
	}

	.grid-flow-col-dense {
		grid-auto-flow: column dense
	}

	.grid-flow-dense {
		grid-auto-flow: dense
	}

	.grid-flow-row {
		grid-auto-flow: row
	}

	.grid-flow-row-dense {
		grid-auto-flow: dense
	}

	.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.flex-col {
		flex-direction: column
	}

	.flex-col-reverse {
		flex-direction: column-reverse
	}

	.flex-row {
		flex-direction: row
	}

	.flex-row-reverse {
		flex-direction: row-reverse
	}

	.flex-nowrap {
		flex-wrap: nowrap
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.flex-wrap-reverse {
		flex-wrap: wrap-reverse
	}

	.place-content-around {
		place-content: space-around
	}

	.place-content-baseline {
		place-content: baseline start
	}

	.place-content-between {
		place-content: space-between
	}

	.place-content-center {
		place-content: center
	}

	.place-content-end {
		place-content: end
	}

	.place-content-evenly {
		place-content: space-evenly
	}

	.place-content-start {
		place-content: start
	}

	.place-content-stretch {
		place-content: stretch
	}

	.place-items-baseline {
		place-items: baseline
	}

	.place-items-center {
		place-items: center
	}

	.place-items-end {
		place-items: end
	}

	.place-items-start {
		place-items: start
	}

	.place-items-stretch {
		place-items: stretch stretch
	}

	.content-around {
		align-content: space-around
	}

	.content-baseline {
		align-content: baseline
	}

	.content-between {
		align-content: space-between
	}

	.content-center {
		align-content: center
	}

	.content-end {
		align-content: flex-end
	}

	.content-evenly {
		align-content: space-evenly
	}

	.content-normal {
		align-content: normal
	}

	.content-start {
		align-content: flex-start
	}

	.content-stretch {
		align-content: stretch
	}

	.items-baseline {
		align-items: baseline
	}

	.items-center {
		align-items: center
	}

	.items-end {
		align-items: flex-end
	}

	.items-start {
		align-items: flex-start
	}

	.items-stretch {
		align-items: stretch
	}

	.justify-around {
		justify-content: space-around
	}

	.justify-between {
		justify-content: space-between
	}

	.justify-center {
		justify-content: center
	}

	.justify-end {
		justify-content: flex-end
	}

	.justify-evenly {
		justify-content: space-evenly
	}

	.justify-normal {
		justify-content: normal
	}

	.justify-start {
		justify-content: flex-start
	}

	.justify-stretch {
		justify-content: stretch
	}

	.justify-items-center {
		justify-items: center
	}

	.justify-items-end {
		justify-items: end
	}

	.justify-items-start {
		justify-items: start
	}

	.justify-items-stretch {
		justify-items: stretch
	}

	.gap-4 {
		gap: calc(var(--spacing)*4)
	}

	:where(.space-y-reverse>:not(:last-child)) {
		--tw-space-y-reverse: 1
	}

	:where(.space-x-2>:not(:last-child)) {
		--tw-space-x-reverse: 0;
		margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
		margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
	}

	:where(.space-x-reverse>:not(:last-child)) {
		--tw-space-x-reverse: 1
	}

	.gap-y-22 {
		row-gap: calc(var(--spacing)*22)
	}

	:where(.divide-x>:not(:last-child)) {
		--tw-divide-x-reverse: 0;
		border-inline-style: var(--tw-border-style);
		border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
		border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
	}

	:where(.divide-y>:not(:last-child)) {
		--tw-divide-y-reverse: 0;
		border-bottom-style: var(--tw-border-style);
		border-top-style: var(--tw-border-style);
		border-top-width: calc(1px*var(--tw-divide-y-reverse));
		border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
	}

	:where(.divide-y-reverse>:not(:last-child)) {
		--tw-divide-y-reverse: 1
	}

	:where(.divide-dashed>:not(:last-child)) {
		--tw-border-style: dashed;
		border-style: dashed
	}

	:where(.divide-dotted>:not(:last-child)) {
		--tw-border-style: dotted;
		border-style: dotted
	}

	:where(.divide-double>:not(:last-child)) {
		--tw-border-style: double;
		border-style: double
	}

	:where(.divide-none>:not(:last-child)) {
		--tw-border-style: none;
		border-style: none
	}

	:where(.divide-solid>:not(:last-child)) {
		--tw-border-style: solid;
		border-style: solid
	}

	.place-self-auto {
		place-self: auto
	}

	.place-self-center {
		place-self: center
	}

	.place-self-end {
		place-self: end
	}

	.place-self-start {
		place-self: start
	}

	.place-self-stretch {
		place-self: stretch stretch
	}

	.self-auto {
		align-self: auto
	}

	.self-baseline {
		align-self: baseline
	}

	.self-center {
		align-self: center
	}

	.self-end {
		align-self: flex-end
	}

	.self-start {
		align-self: flex-start
	}

	.self-stretch {
		align-self: stretch
	}

	.justify-self-auto {
		justify-self: auto
	}

	.justify-self-center {
		justify-self: center
	}

	.justify-self-end {
		justify-self: flex-end
	}

	.justify-self-start {
		justify-self: flex-start
	}

	.justify-self-stretch {
		justify-self: stretch
	}

	.truncate {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}

	.overflow-auto {
		overflow: auto
	}

	.overflow-clip {
		overflow: clip
	}

	.overflow-hidden {
		overflow: hidden
	}

	.overflow-scroll {
		overflow: scroll
	}

	.overflow-visible {
		overflow: visible
	}

	.overflow-x-auto {
		overflow-x: auto
	}

	.overflow-x-clip {
		overflow-x: clip
	}

	.overflow-x-hidden {
		overflow-x: hidden
	}

	.overflow-x-scroll {
		overflow-x: scroll
	}

	.overflow-x-visible {
		overflow-x: visible
	}

	.overflow-y-auto {
		overflow-y: auto
	}

	.overflow-y-clip {
		overflow-y: clip
	}

	.overflow-y-hidden {
		overflow-y: hidden
	}

	.overflow-y-scroll {
		overflow-y: scroll
	}

	.overflow-y-visible {
		overflow-y: visible
	}

	.overscroll-auto {
		overscroll-behavior: auto
	}

	.overscroll-contain {
		overscroll-behavior: contain
	}

	.overscroll-none {
		overscroll-behavior: none
	}

	.overscroll-x-auto {
		overscroll-behavior-x: auto
	}

	.overscroll-x-contain {
		overscroll-behavior-x: contain
	}

	.overscroll-x-none {
		overscroll-behavior-x: none
	}

	.overscroll-y-auto {
		overscroll-behavior-y: auto
	}

	.overscroll-y-contain {
		overscroll-behavior-y: contain
	}

	.overscroll-y-none {
		overscroll-behavior-y: none
	}

	.scroll-auto {
		scroll-behavior: auto
	}

	.scroll-smooth {
		scroll-behavior: smooth
	}

	.\!rounded-md {
		border-radius: var(--radius-md) !important
	}

	.rounded {
		border-radius: .25rem
	}

	.rounded-full {
		border-radius: 3.40282e38px
	}

	.rounded-md {
		border-radius: var(--radius-md)
	}

	.rounded-sm {
		border-radius: var(--radius-sm)
	}

	.rounded-s {
		border-start-start-radius: .25rem;
		border-end-start-radius: .25rem
	}

	.rounded-ss {
		border-start-start-radius: .25rem
	}

	.rounded-e {
		border-start-end-radius: .25rem;
		border-end-end-radius: .25rem
	}

	.rounded-se {
		border-start-end-radius: .25rem
	}

	.rounded-ee {
		border-end-end-radius: .25rem
	}

	.rounded-es {
		border-end-start-radius: .25rem
	}

	.rounded-t {
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem
	}

	.rounded-l {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem
	}

	.rounded-tl {
		border-top-left-radius: .25rem
	}

	.rounded-tl-3xl {
		border-top-left-radius: var(--radius-3xl)
	}

	.rounded-tl-4xl {
		border-top-left-radius: var(--radius-4xl)
	}

	.rounded-r {
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem
	}

	.rounded-tr {
		border-top-right-radius: .25rem
	}

	.rounded-tr-3xl {
		border-top-right-radius: var(--radius-3xl)
	}

	.rounded-tr-xl {
		border-top-right-radius: var(--radius-xl)
	}

	.rounded-b {
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: .25rem
	}

	.rounded-br {
		border-bottom-right-radius: .25rem
	}

	.rounded-bl {
		border-bottom-left-radius: .25rem
	}

	.border {
		border-style: var(--tw-border-style);
		border-width: 1px
	}

	.border-x {
		border-inline-style: var(--tw-border-style);
		border-inline-width: 1px
	}

	.border-y {
		border-block-style: var(--tw-border-style);
		border-block-width: 1px
	}

	.border-s {
		border-inline-start-style: var(--tw-border-style);
		border-inline-start-width: 1px
	}

	.border-e {
		border-inline-end-style: var(--tw-border-style);
		border-inline-end-width: 1px
	}

	.border-t {
		border-top-style: var(--tw-border-style);
		border-top-width: 1px
	}

	.border-r {
		border-right-style: var(--tw-border-style);
		border-right-width: 1px
	}

	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px
	}

	.border-l {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px
	}

	.border-dashed {
		--tw-border-style: dashed;
		border-style: dashed
	}

	.border-dotted {
		--tw-border-style: dotted;
		border-style: dotted
	}

	.border-double {
		--tw-border-style: double;
		border-style: double
	}

	.border-hidden {
		--tw-border-style: hidden;
		border-style: hidden
	}

	.border-none {
		--tw-border-style: none;
		border-style: none
	}

	.border-solid {
		--tw-border-style: solid;
		border-style: solid
	}

	.border-gray-200 {
		border-color: var(--color-gray-200)
	}

	.border-gray-400 {
		border-color: var(--color-gray-400)
	}

	.border-white {
		border-color: var(--color-white)
	}

	.border-white\/90 {
		border-color: #ffffffe6
	}

	@supports (color:color-mix(in lab, red, red)) {
		.border-white\/90 {
			border-color: color-mix(in oklab, var(--color-white)90%, transparent)
		}
	}

	.\!bg-fespa-accent-blue {
		background-color: var(--color-fespa-accent-blue) !important
	}

	.bg-\[\#d7d8ff\] {
		background-color: #d7d8ff
	}

	.bg-\[\#f4f6f7\] {
		background-color: #f4f6f7
	}

	.bg-black {
		background-color: var(--color-black)
	}

	.bg-black\/30 {
		background-color: #0000004d
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/30 {
			background-color: color-mix(in oklab, var(--color-black)30%, transparent)
		}
	}

	.bg-black\/40 {
		background-color: #0006
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/40 {
			background-color: color-mix(in oklab, var(--color-black)40%, transparent)
		}
	}

	.bg-fespa-accent-blue {
		background-color: var(--color-fespa-accent-blue)
	}

	.bg-fespa-accent-blue\/20 {
		background-color: #00a4f433
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-fespa-accent-blue\/20 {
			background-color: color-mix(in oklab, var(--color-fespa-accent-blue)20%, transparent)
		}
	}

	.bg-fespa-blue {
		background-color: var(--color-fespa-blue)
	}

	.bg-gray-100 {
		background-color: var(--color-gray-100)
	}

	.bg-green-300 {
		background-color: var(--color-green-300)
	}

	.bg-neutral-100 {
		background-color: var(--color-neutral-100)
	}

	.bg-neutral-200 {
		background-color: var(--color-neutral-200)
	}

	.bg-red-500 {
		background-color: var(--color-red-500)
	}

	.bg-slate-200 {
		background-color: var(--color-slate-200)
	}

	.bg-transparent {
		background-color: #0000
	}

	.bg-white {
		background-color: var(--color-white)
	}

	.bg-gradient-to-r {
		--tw-gradient-position: to right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.from-\[\#C1D42F\] {
		--tw-gradient-from: #c1d42f;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
	}

	.via-\[\#8CDC53\] {
		--tw-gradient-via: #8cdc53;
		--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-via-stops)
	}

	.to-\[\#40AE49\] {
		--tw-gradient-to: #40ae49;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
	}

	.box-decoration-clone {
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone
	}

	.box-decoration-slice {
		-webkit-box-decoration-break: slice;
		box-decoration-break: slice
	}

	.decoration-clone {
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone
	}

	.decoration-slice {
		-webkit-box-decoration-break: slice;
		box-decoration-break: slice
	}

	.bg-cover {
		background-size: cover
	}

	.bg-fixed {
		background-attachment: fixed
	}

	.bg-local {
		background-attachment: local
	}

	.bg-scroll {
		background-attachment: scroll
	}

	.bg-clip-border {
		background-clip: border-box
	}

	.bg-clip-content {
		background-clip: content-box
	}

	.bg-clip-padding {
		background-clip: padding-box
	}

	.bg-clip-text {
		-webkit-background-clip: text;
		background-clip: text
	}

	.bg-center {
		background-position: 50%
	}

	.bg-no-repeat {
		background-repeat: no-repeat
	}

	.bg-repeat {
		background-repeat: repeat
	}

	.bg-repeat-round {
		background-repeat: round
	}

	.bg-repeat-space {
		background-repeat: space
	}

	.bg-repeat-x {
		background-repeat: repeat-x
	}

	.bg-repeat-y {
		background-repeat: repeat-y
	}

	.bg-origin-border {
		background-origin: border-box
	}

	.bg-origin-content {
		background-origin: content-box
	}

	.bg-origin-padding {
		background-origin: padding-box
	}

	.fill-black {
		fill: var(--color-black)
	}

	.fill-fespa-blue {
		fill: var(--color-fespa-blue)
	}

	.fill-green-800 {
		fill: var(--color-green-800)
	}

	.fill-white {
		fill: var(--color-white)
	}

	.object-contain {
		object-fit: contain
	}

	.object-cover {
		object-fit: cover
	}

	.object-fill {
		object-fit: fill
	}

	.object-none {
		object-fit: none
	}

	.object-scale-down {
		object-fit: scale-down
	}

	.p-0 {
		padding: calc(var(--spacing)*0)
	}

	.p-1 {
		padding: calc(var(--spacing)*1)
	}

	.p-2 {
		padding: calc(var(--spacing)*2)
	}

	.p-3 {
		padding: calc(var(--spacing)*3)
	}

	.p-4 {
		padding: calc(var(--spacing)*4)
	}

	.p-5 {
		padding: calc(var(--spacing)*5)
	}

	.p-12 {
		padding: calc(var(--spacing)*12)
	}

	.px-0 {
		padding-inline: calc(var(--spacing)*0)
	}

	.px-2 {
		padding-inline: calc(var(--spacing)*2)
	}

	.px-3 {
		padding-inline: calc(var(--spacing)*3)
	}

	.px-4 {
		padding-inline: calc(var(--spacing)*4)
	}

	.px-12 {
		padding-inline: calc(var(--spacing)*12)
	}

	.py-0 {
		padding-block: calc(var(--spacing)*0)
	}

	.py-1 {
		padding-block: calc(var(--spacing)*1)
	}

	.py-2 {
		padding-block: calc(var(--spacing)*2)
	}

	.py-4 {
		padding-block: calc(var(--spacing)*4)
	}

	.py-5 {
		padding-block: calc(var(--spacing)*5)
	}

	.py-6 {
		padding-block: calc(var(--spacing)*6)
	}

	.py-12 {
		padding-block: calc(var(--spacing)*12)
	}

	.ps-4 {
		padding-inline-start: calc(var(--spacing)*4)
	}

	.ps-5 {
		padding-inline-start: calc(var(--spacing)*5)
	}

	.pt-0 {
		padding-top: calc(var(--spacing)*0)
	}

	.pt-1 {
		padding-top: calc(var(--spacing)*1)
	}

	.pt-2 {
		padding-top: calc(var(--spacing)*2)
	}

	.pt-3 {
		padding-top: calc(var(--spacing)*3)
	}

	.pt-5 {
		padding-top: calc(var(--spacing)*5)
	}

	.pt-6 {
		padding-top: calc(var(--spacing)*6)
	}

	.pt-12 {
		padding-top: calc(var(--spacing)*12)
	}

	.pb-0 {
		padding-bottom: calc(var(--spacing)*0)
	}

	.pb-1 {
		padding-bottom: calc(var(--spacing)*1)
	}

	.pb-2 {
		padding-bottom: calc(var(--spacing)*2)
	}

	.pb-3 {
		padding-bottom: calc(var(--spacing)*3)
	}

	.pb-4 {
		padding-bottom: calc(var(--spacing)*4)
	}

	.pb-5 {
		padding-bottom: calc(var(--spacing)*5)
	}

	.pb-6 {
		padding-bottom: calc(var(--spacing)*6)
	}

	.pb-12 {
		padding-bottom: calc(var(--spacing)*12)
	}

	.text-center {
		text-align: center
	}

	.text-end {
		text-align: end
	}

	.text-justify {
		text-align: justify
	}

	.text-left {
		text-align: left
	}

	.text-right {
		text-align: right
	}

	.text-start {
		text-align: start
	}

	.align-baseline {
		vertical-align: baseline
	}

	.align-bottom {
		vertical-align: bottom
	}

	.align-middle {
		vertical-align: middle
	}

	.align-sub {
		vertical-align: sub
	}

	.align-super {
		vertical-align: super
	}

	.align-text-bottom {
		vertical-align: text-bottom
	}

	.align-text-top {
		vertical-align: text-top
	}

	.align-top {
		vertical-align: top
	}

	.font-soehne-breit-dreiviertelfett {
		font-family: var(--font-soehne-breit-dreiviertelfett)
	}

	.text-2xl {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height))
	}

	.text-3xl {
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height))
	}

	.text-4xl {
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height))
	}

	.text-5xl {
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--line-height))
	}

	.text-7xl {
		font-size: var(--text-7xl);
		line-height: var(--tw-leading, var(--text-7xl--line-height))
	}

	.text-base {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height))
	}

	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height))
	}

	.text-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height))
	}

	.text-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height))
	}

	.text-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height))
	}

	.text-\[10px\] {
		font-size: 10px
	}

	.leading-1 {
		--tw-leading: calc(var(--spacing)*1);
		line-height: calc(var(--spacing)*1)
	}

	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold)
	}

	.font-extrabold {
		--tw-font-weight: var(--font-weight-extrabold);
		font-weight: var(--font-weight-extrabold)
	}

	.font-light {
		--tw-font-weight: var(--font-weight-light);
		font-weight: var(--font-weight-light)
	}

	.font-medium {
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium)
	}

	.font-normal {
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal)
	}

	.font-semibold {
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold)
	}

	.tracking-wide {
		--tw-tracking: var(--tracking-wide);
		letter-spacing: var(--tracking-wide)
	}

	.tracking-widest {
		--tw-tracking: var(--tracking-widest);
		letter-spacing: var(--tracking-widest)
	}

	.break-normal {
		overflow-wrap: normal;
		word-break: normal
	}

	.break-words {
		overflow-wrap: break-word
	}

	.break-all {
		word-break: break-all
	}

	.break-keep {
		word-break: keep-all
	}

	.overflow-ellipsis {
		text-overflow: ellipsis
	}

	.text-clip {
		text-overflow: clip
	}

	.text-ellipsis {
		text-overflow: ellipsis
	}

	.hyphens-auto {
		-webkit-hyphens: auto;
		hyphens: auto
	}

	.hyphens-manual {
		-webkit-hyphens: manual;
		hyphens: manual
	}

	.hyphens-none {
		-webkit-hyphens: none;
		hyphens: none
	}

	.whitespace-break-spaces {
		white-space: break-spaces
	}

	.whitespace-normal {
		white-space: normal
	}

	.whitespace-nowrap {
		white-space: nowrap
	}

	.whitespace-pre {
		white-space: pre
	}

	.whitespace-pre-line {
		white-space: pre-line
	}

	.whitespace-pre-wrap {
		white-space: pre-wrap
	}

	.text-\[\#767575\] {
		color: #767575
	}

	.text-black {
		color: var(--color-black)
	}

	.text-blue-500 {
		color: var(--color-blue-500)
	}

	.text-fespa-blue {
		color: var(--color-fespa-blue)
	}

	.text-gray-300 {
		color: var(--color-gray-300)
	}

	.text-gray-400 {
		color: var(--color-gray-400)
	}

	.text-gray-500 {
		color: var(--color-gray-500)
	}

	.text-gray-600 {
		color: var(--color-gray-600)
	}

	.text-gray-700 {
		color: var(--color-gray-700)
	}

	.text-white {
		color: var(--color-white)
	}

	.capitalize {
		text-transform: capitalize
	}

	.lowercase {
		text-transform: lowercase
	}

	.normal-case {
		text-transform: none
	}

	.uppercase {
		text-transform: uppercase
	}

	.italic {
		font-style: italic
	}

	.not-italic {
		font-style: normal
	}

	.diagonal-fractions {
		--tw-numeric-fraction: diagonal-fractions;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.lining-nums {
		--tw-numeric-figure: lining-nums;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.ordinal {
		--tw-ordinal: ordinal;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.proportional-nums {
		--tw-numeric-spacing: proportional-nums;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.slashed-zero {
		--tw-slashed-zero: slashed-zero;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.stacked-fractions {
		--tw-numeric-fraction: stacked-fractions;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.tabular-nums {
		--tw-numeric-spacing: tabular-nums;
		font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
	}

	.normal-nums {
		font-variant-numeric: normal
	}

	.line-through {
		text-decoration-line: line-through
	}

	.no-underline {
		text-decoration-line: none
	}

	.overline {
		text-decoration-line: overline
	}

	.underline {
		text-decoration-line: underline
	}

	.decoration-dashed {
		text-decoration-style: dashed
	}

	.decoration-dotted {
		text-decoration-style: dotted
	}

	.decoration-double {
		text-decoration-style: double
	}

	.decoration-solid {
		text-decoration-style: solid
	}

	.decoration-wavy {
		text-decoration-style: wavy
	}

	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.subpixel-antialiased {
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto
	}

	.opacity-40 {
		opacity: .4
	}

	.opacity-75 {
		opacity: .75
	}

	.bg-blend-color {
		background-blend-mode: color
	}

	.bg-blend-color-burn {
		background-blend-mode: color-burn
	}

	.bg-blend-color-dodge {
		background-blend-mode: color-dodge
	}

	.bg-blend-darken {
		background-blend-mode: darken
	}

	.bg-blend-difference {
		background-blend-mode: difference
	}

	.bg-blend-exclusion {
		background-blend-mode: exclusion
	}

	.bg-blend-hard-light {
		background-blend-mode: hard-light
	}

	.bg-blend-hue {
		background-blend-mode: hue
	}

	.bg-blend-lighten {
		background-blend-mode: lighten
	}

	.bg-blend-luminosity {
		background-blend-mode: luminosity
	}

	.bg-blend-multiply {
		background-blend-mode: multiply
	}

	.bg-blend-normal {
		background-blend-mode: normal
	}

	.bg-blend-overlay {
		background-blend-mode: overlay
	}

	.bg-blend-saturation {
		background-blend-mode: saturation
	}

	.bg-blend-screen {
		background-blend-mode: screen
	}

	.bg-blend-soft-light {
		background-blend-mode: soft-light
	}

	.mix-blend-color {
		mix-blend-mode: color
	}

	.mix-blend-color-burn {
		mix-blend-mode: color-burn
	}

	.mix-blend-color-dodge {
		mix-blend-mode: color-dodge
	}

	.mix-blend-darken {
		mix-blend-mode: darken
	}

	.mix-blend-difference {
		mix-blend-mode: difference
	}

	.mix-blend-exclusion {
		mix-blend-mode: exclusion
	}

	.mix-blend-hard-light {
		mix-blend-mode: hard-light
	}

	.mix-blend-hue {
		mix-blend-mode: hue
	}

	.mix-blend-lighten {
		mix-blend-mode: lighten
	}

	.mix-blend-luminosity {
		mix-blend-mode: luminosity
	}

	.mix-blend-multiply {
		mix-blend-mode: multiply
	}

	.mix-blend-normal {
		mix-blend-mode: normal
	}

	.mix-blend-overlay {
		mix-blend-mode: overlay
	}

	.mix-blend-plus-lighter {
		mix-blend-mode: plus-lighter
	}

	.mix-blend-saturation {
		mix-blend-mode: saturation
	}

	.mix-blend-screen {
		mix-blend-mode: screen
	}

	.mix-blend-soft-light {
		mix-blend-mode: soft-light
	}

	.shadow {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-md {
		--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.ring {
		--tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.outline {
		outline-style: var(--tw-outline-style);
		outline-width: 1px
	}

	.blur {
		--tw-blur: blur(8px);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.drop-shadow {
		--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
		--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.grayscale {
		--tw-grayscale: grayscale(100%);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.invert {
		--tw-invert: invert(100%);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.sepia {
		--tw-sepia: sepia(100%);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.filter {
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.filter-none {
		filter: none
	}

	.backdrop-blur {
		--tw-backdrop-blur: blur(8px);
		-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
	}

	.backdrop-grayscale {
		--tw-backdrop-grayscale: grayscale(100%);
		-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
	}

	.backdrop-invert {
		--tw-backdrop-invert: invert(100%);
		-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
	}

	.backdrop-sepia {
		--tw-backdrop-sepia: sepia(100%);
		-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
	}

	.backdrop-filter {
		-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
	}

	.backdrop-filter-none {
		-webkit-backdrop-filter: none;
		backdrop-filter: none
	}

	.transition {
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	.delay-150 {
		transition-delay: .15s
	}

	.duration-300 {
		--tw-duration: .3s;
		transition-duration: .3s
	}

	.duration-400 {
		--tw-duration: .4s;
		transition-duration: .4s
	}

	.duration-700 {
		--tw-duration: .7s;
		transition-duration: .7s
	}

	.ease-in {
		--tw-ease: var(--ease-in);
		transition-timing-function: var(--ease-in)
	}

	.ease-in-out {
		--tw-ease: var(--ease-in-out);
		transition-timing-function: var(--ease-in-out)
	}

	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out)
	}

	.outline-dashed {
		--tw-outline-style: dashed;
		outline-style: dashed
	}

	.outline-dotted {
		--tw-outline-style: dotted;
		outline-style: dotted
	}

	.outline-double {
		--tw-outline-style: double;
		outline-style: double
	}

	.outline-none {
		--tw-outline-style: none;
		outline-style: none
	}

	.select-all {
		-webkit-user-select: all;
		user-select: all
	}

	.select-auto {
		-webkit-user-select: auto;
		user-select: auto
	}

	.select-none {
		-webkit-user-select: none;
		user-select: none
	}

	.select-text {
		-webkit-user-select: text;
		user-select: text
	}

	:where(.divide-x-reverse>:not(:last-child)) {
		--tw-divide-x-reverse: 1
	}

	.ring-inset {
		--tw-ring-inset: inset
	}

	@media (hover:hover) {
		.group-hover\:bg-fespa-accent-blue:is(:where(.group):hover *) {
			background-color: var(--color-fespa-accent-blue)
		}

		.group-hover\:fill-white:is(:where(.group):hover *) {
			fill: var(--color-white)
		}

		.group-hover\:text-white:is(:where(.group):hover *) {
			color: var(--color-white)
		}

		.group-hover\:opacity-75:is(:where(.group):hover *) {
			opacity: .75
		}

		.group-hover\:shadow-sm:is(:where(.group):hover *) {
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
		}

		.hover\:border-black:hover {
			border-color: var(--color-black)
		}

		.hover\:bg-\[\#eaebff\]:hover {
			background-color: #eaebff
		}

		.hover\:bg-black:hover {
			background-color: var(--color-black)
		}

		.hover\:bg-fespa-accent-blue:hover {
			background-color: var(--color-fespa-accent-blue)
		}

		.hover\:bg-fespa-accent-blue\/20:hover {
			background-color: #00a4f433
		}

		@supports (color:color-mix(in lab, red, red)) {
			.hover\:bg-fespa-accent-blue\/20:hover {
				background-color: color-mix(in oklab, var(--color-fespa-accent-blue)20%, transparent)
			}
		}

		.hover\:bg-fespa-blue:hover {
			background-color: var(--color-fespa-blue)
		}

		.hover\:bg-neutral-200:hover {
			background-color: var(--color-neutral-200)
		}

		.hover\:text-gray-200:hover {
			color: var(--color-gray-200)
		}

		.hover\:text-gray-400:hover {
			color: var(--color-gray-400)
		}

		.hover\:text-green-500:hover {
			color: var(--color-green-500)
		}

		.hover\:text-green-600:hover {
			color: var(--color-green-600)
		}

		.hover\:text-white:hover {
			color: var(--color-white)
		}

		.hover\:underline:hover {
			text-decoration-line: underline
		}

		.hover\:opacity-70:hover {
			opacity: .7
		}

		.hover\:opacity-75:hover {
			opacity: .75
		}

		.hover\:opacity-80:hover {
			opacity: .8
		}

		.hover\:shadow:hover,
		.hover\:shadow-sm:hover {
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
		}
	}

	@media not all and (min-width:80rem) {
		.max-xl\:pb-0 {
			padding-bottom: calc(var(--spacing)*0)
		}
	}

	@media (min-width:40rem) {
		.sm\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width:48rem) {
		.md\:col-span-1 {
			grid-column: span 1/span 1
		}

		.md\:col-span-3 {
			grid-column: span 3/span 3
		}

		.md\:w-1\/2 {
			width: 50%
		}

		.md\:w-1\/3 {
			width: 33.3333%
		}

		.md\:w-2\/3 {
			width: 66.6667%
		}

		.md\:w-\[100px\] {
			width: 100px
		}

		.md\:w-fit {
			width: fit-content
		}

		.md\:min-w-\[100px\] {
			min-width: 100px
		}

		.md\:grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}

		.md\:flex-row {
			flex-direction: row
		}

		.md\:text-2xl {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height))
		}

		.md\:text-base {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height))
		}

		.md\:text-xl {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height))
		}
	}

	@media (min-width:64rem) {
		.lg\:block {
			display: block
		}

		.lg\:max-w-\[577px\] {
			max-width: 577px
		}

		.lg\:flex-row {
			flex-direction: row
		}

		.lg\:flex-row-reverse {
			flex-direction: row-reverse
		}

		.lg\:px-6 {
			padding-inline: calc(var(--spacing)*6)
		}

		.lg\:text-\[50px\] {
			font-size: 50px
		}
	}

	@media (min-width:80rem) {
		.xl\:w-1\/2 {
			width: 50%
		}

		.xl\:w-\[600px\] {
			width: 600px
		}

		.xl\:w-full {
			width: 100%
		}

		.xl\:max-w-\[600px\] {
			max-width: 600px
		}

		.xl\:flex-row {
			flex-direction: row
		}

		.xl\:p-0 {
			padding: calc(var(--spacing)*0)
		}

		.xl\:px-0 {
			padding-inline: calc(var(--spacing)*0)
		}

		.xl\:pr-10 {
			padding-right: calc(var(--spacing)*10)
		}

		.xl\:pl-10 {
			padding-left: calc(var(--spacing)*10)
		}
	}

	@media (min-width:96rem) {
		.\32 xl\:max-w-\[780px\] {
			max-width: 780px
		}

		.\32 xl\:justify-center {
			justify-content: center
		}

		.\32 xl\:px-0 {
			padding-inline: calc(var(--spacing)*0)
		}

		.\32 xl\:px-2 {
			padding-inline: calc(var(--spacing)*2)
		}
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: SöhneBreit-Dreiviertelfett;
		line-height: 1.2
	}

	h1 {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
		font-size: 2.5rem;
		font-weight: 700
	}

	h2 {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
		font-size: 1.9rem
	}
}

@property --tw-rotate-x {
	syntax: "*";
	inherits: false
}

@property --tw-rotate-y {
	syntax: "*";
	inherits: false
}

@property --tw-rotate-z {
	syntax: "*";
	inherits: false
}

@property --tw-skew-x {
	syntax: "*";
	inherits: false
}

@property --tw-skew-y {
	syntax: "*";
	inherits: false
}

@property --tw-pan-x {
	syntax: "*";
	inherits: false
}

@property --tw-pan-y {
	syntax: "*";
	inherits: false
}

@property --tw-pinch-zoom {
	syntax: "*";
	inherits: false
}

@property --tw-scroll-snap-strictness {
	syntax: "*";
	inherits: false;
	initial-value: proximity
}

@property --tw-space-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-space-x-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-divide-x-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

@property --tw-divide-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-gradient-position {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-via {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-to {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-via-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%
}

@property --tw-gradient-via-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%
}

@property --tw-gradient-to-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-leading {
	syntax: "*";
	inherits: false
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false
}

@property --tw-tracking {
	syntax: "*";
	inherits: false
}

@property --tw-ordinal {
	syntax: "*";
	inherits: false
}

@property --tw-slashed-zero {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-figure {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-spacing {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-fraction {
	syntax: "*";
	inherits: false
}

@property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-ring-color {
	syntax: "*";
	inherits: false
}

@property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-ring-inset {
	syntax: "*";
	inherits: false
}

@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 0
}

@property --tw-ring-offset-color {
	syntax: "*";
	inherits: false;
	initial-value: #fff
}

@property --tw-ring-offset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-outline-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

@property --tw-blur {
	syntax: "*";
	inherits: false
}

@property --tw-brightness {
	syntax: "*";
	inherits: false
}

@property --tw-contrast {
	syntax: "*";
	inherits: false
}

@property --tw-grayscale {
	syntax: "*";
	inherits: false
}

@property --tw-hue-rotate {
	syntax: "*";
	inherits: false
}

@property --tw-invert {
	syntax: "*";
	inherits: false
}

@property --tw-opacity {
	syntax: "*";
	inherits: false
}

@property --tw-saturate {
	syntax: "*";
	inherits: false
}

@property --tw-sepia {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-blur {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-brightness {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-contrast {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-grayscale {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-hue-rotate {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-invert {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-opacity {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-saturate {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-sepia {
	syntax: "*";
	inherits: false
}

@property --tw-duration {
	syntax: "*";
	inherits: false
}

@property --tw-ease {
	syntax: "*";
	inherits: false
}

@keyframes ping {

	75%,
	to {
		opacity: 0;
		transform: scale(2)
	}
}

.category-box-fespa::before {
	display: none
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item>a.mega-menu-link {
	font-family: var(--font-family-heading);
	font-weight: normal !important;
}

h1,
h2,
h3,
p,
b,
strong,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
	font-weight: normal !important;
}