.has-nav-toggled body {

	max-height: 100vh;

	overflow: hidden;

}

#main_menu {

	font-family: 'Secular One', sans-serif;

	font-weight: 700;

	line-height: 1;

	/* Mobile */
	/* @apply w-full font-normal fixed inset-0 py-20 sm:py-40 bg-white z-50 top-[75px] sm:top-[85px] overflow-y-auto h-full translate-x-full; */

	/* Mobile (sichtbar) */
	/* @apply nav-toggled:translate-x-0 nav-toggled:transition; */

	/* Desktop */

	position: static;

	margin-top: 0px;

	height: auto;

	width: auto;

	--tw-translate-x: 0px;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

	overflow-y: visible;

	padding-bottom: 0px;

	padding-top: 0px;

	transition-property: none;

}

#main_menu >ul {

	margin-left: 0px;

	margin-right: 0px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

}

#main_menu >ul li {

	padding-left: 0.75rem;

	padding-right: 0.75rem;

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

	font-family: 'Secular One', sans-serif;

	font-size: 21px;

	font-weight: 400;

	--tw-text-opacity: 1;

	color: rgb(151 151 151 / var(--tw-text-opacity));

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms;

}

#main_menu >ul li:hover {

	--tw-text-opacity: 1;

	color: rgb(11 83 155 / var(--tw-text-opacity));

}

@media (min-width: 1024px) {

	#main_menu >ul li {

		padding-top: 1.25rem;

		padding-bottom: 1.25rem;

	}

}

#main_menu >ul li {

			/* a {
				@apply font-light block px-8 py-1 sm:py-2 nav-desktop:py-20 transition border-transparent border-y-4 text-md;
				@apply hover:nav-desktop:border-t-transparent hover:nav-desktop:border-highlight;
			} */

		}

#main_menu >ul li a {

	font-family: 'Secular One', sans-serif;

	font-weight: 400;

	--tw-text-opacity: 1;

	color: rgb(151 151 151 / var(--tw-text-opacity));

}

#main_menu >ul li a:hover {

	--tw-text-opacity: 1;

	color: rgb(11 83 155 / var(--tw-text-opacity));

}

.has-nav-toggled #main_menu >ul li a:before {

	display: none;

}

#main_menu >ul li a:before {
                    content: ' ';
                    position: relative;
                    width: 25px;
                    height: 20px;
                    bottom: 0px;
                    background-image: url('../images/sauber.svg');
                    background-repeat: no-repeat;
                    padding-right: 30px;
                    display: inline-block;                
                }

#main_menu >ul li a:hover:before {
                    background-image: url('../images/sauber-blau.svg');
                }

#main_menu >ul li.current-menu-item a {

	--tw-text-opacity: 1;

	color: rgb(151 151 151 / var(--tw-text-opacity));

}

#main_menu >ul li.current-menu-item a:hover {

	--tw-text-opacity: 1;

	color: rgb(11 83 155 / var(--tw-text-opacity));

}

#main_menu >ul li.current-menu-item a {
    
                /* &:before {
                    background-image: url('../images/menu_icon_hover.svg');
                } */
            }

/** Footer **/

#footer_legal .menu {

	text-align: center;

	font-family: 'Roboto', sans-serif;

}

@media (min-width: 1024px) {

	#footer_legal .menu {

		display: flex;

		align-items: center;

	}

	#footer_legal .menu li::before {

		margin-left: 1rem;

		margin-right: 1rem;

		--tw-content: ".";

		content: var(--tw-content);

	}

}

#footer_legal .menu li a {

	--tw-text-opacity: 1;

	color: rgb(255 255 255 / var(--tw-text-opacity));

}

#footer_legal .menu li a:hover {

	--tw-text-opacity: 1;

	color: rgb(151 151 151 / var(--tw-text-opacity));

}

.footer_quicklinks {

	margin-left: 2.5rem;

	margin-right: 2.5rem;

}

@media (min-width: 1280px) {

	.footer_quicklinks {

		margin-left: 2.5rem;

		margin-right: 0px;

		width: 50%;

	}

}

.footer_quicklinks .menu li {

	margin-top: 0.5rem;

}

.footer_quicklinks .menu li::before {

	margin-right: 0.5rem;

	--tw-content: "•";

	content: var(--tw-content);

}

.footer_quicklinks .menu li a {

	--tw-text-opacity: 1;

	color: rgb(151 151 151 / var(--tw-text-opacity));

}

.footer_quicklinks .menu li a:hover {

	--tw-text-opacity: 1;

	color: rgb(11 83 155 / var(--tw-text-opacity));

}
/**slick
 * === Abstände der Blöcke ===
 */

/* Hintergrundverlauf Farbe */

html {
	scroll-behavior: smooth;
}

main {
	margin-top: -50px;
}

main:before {
		position: relative;
		top: 50px;
		left: 0px;
		content: "";
		width: 100%;
		height: 50px;
		background-color: transparent;
		background-image: linear-gradient(#f8f8f8, transparent);
		display: block;
	}

/* Default-Abstände */

main > * {
	/* Default-Abstand */
	margin-top: 9rem;
}

/* Für manche WordPress-Blöcke nochmal explizit */

main > *:is(blockquote),
	main > *:is(figure) {
	margin-top: 9rem;
}

/* Erster Block: kleinerer Abstand */

main > *:first-child {
	margin-top: 0px;
}

/* Beim Slider als ersten Block wird etwas raufgerutscht, damit der
     * Border der Navigation nicht sichtbar ist
     */

main > *:first-child.wp-block-adw-slider {
	margin-top: -0.25rem;
}

main > *:is(h1) + .wp-block-adw-services, main > *:is(h2) + .wp-block-adw-services, main > *:is(h3) + .wp-block-adw-services {
	margin-top: 3rem;
}

main > *.wp-block-adw-slider + * {
	margin-top: 6rem;
}

/* Abstände der Blöcke zueinander */

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
	display: none;
}

h1 + h1,
	h1 + h2,
	h1 + h3,
	h1 + h4,
	h1 + h5,
	h1 + h6,
	h2 + h1,
	h2 + h2,
	h2 + h3,
	h2 + h4,
	h2 + h5,
	h2 + h6,
	h3 + h1,
	h3 + h2,
	h3 + h3,
	h3 + h4,
	h3 + h5,
	h3 + h6,
	h4 + h1,
	h4 + h2,
	h4 + h3,
	h4 + h4,
	h4 + h5,
	h4 + h6,
	h5 + h1,
	h5 + h2,
	h5 + h3,
	h5 + h4,
	h5 + h5,
	h5 + h6,
	h6 + h1,
	h6 + h2,
	h6 + h3,
	h6 + h4,
	h6 + h5,
	h6 + h6 {
	margin-top: 1rem;
}

h1 + p,
	h1 + ul,
	h1 + .wp-block-adw-contact-data,
	h2 + p,
	h2 + ul,
	h2 + .wp-block-adw-contact-data,
	h3 + p,
	h3 + ul,
	h3 + .wp-block-adw-contact-data,
	h4 + p,
	h4 + ul,
	h4 + .wp-block-adw-contact-data,
	h5 + p,
	h5 + ul,
	h5 + .wp-block-adw-contact-data,
	h6 + p,
	h6 + ul,
	h6 + .wp-block-adw-contact-data {
	margin-top: 1.5rem;
}

h1 + p {
	margin-top: 0.5rem;
	font-family: 'Secular One', sans-serif;
}

p + p,
	p + ul,
	p + .wp-block-adw-contact-data,
	ul + p,
	ul + ul,
	ul + .wp-block-adw-contact-data,
	.wp-block-adw-contact-data + p,
	.wp-block-adw-contact-data + ul,
	.wp-block-adw-contact-data + .wp-block-adw-contact-data {
	margin-top: 1rem;
}

p + h1,
	p + h2,
	p + h3,
	p + h4,
	p + h5,
	p + h6,
	ul + h1,
	ul + h2,
	ul + h3,
	ul + h4,
	ul + h5,
	ul + h6,
	.wp-block-adw-contact-data + h1,
	.wp-block-adw-contact-data + h2,
	.wp-block-adw-contact-data + h3,
	.wp-block-adw-contact-data + h4,
	.wp-block-adw-contact-data + h5,
	.wp-block-adw-contact-data + h6 {
	margin-top: 2rem;
}

p + .wp-block-buttons, ul + .wp-block-buttons, .wp-block-adw-contact-data + .wp-block-buttons {
	margin-top: 1.25rem;
}

.wp-block-buttons + .wp-block-buttons {
	margin-top: 1rem;
}

.wp-block-column p {
	margin-top: 0.5rem;
}

/**
 * === Breite der Blöcke ===
 */

main > *:not(.alignfull):not(.alignwide) {
	width: 100%;
}

@media (min-width: 600px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 600px;
	}
}

@media (min-width: 768px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 1280px;
	}
}

@media (min-width: 1536px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 1536px;
	}
}

main > *:not(.alignfull):not(.alignwide) {
	max-width: 100%;
}

@media (min-width: 600px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: 600px;
	}
}

@media (min-width: 768px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: calc(768px + 1.25rem + 1.25rem);
	}
}

@media (min-width: 1024px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: calc(1024px + 1.25rem + 1.25rem);
	}
}

@media (min-width: 1280px) {

	main > *:not(.alignfull):not(.alignwide) {
		max-width: calc(1280px + 1.25rem + 1.25rem);
	}
}

main > *:not(.alignfull):not(.alignwide) {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.align-center {
	text-align: center;
}

.align-center > * {
	margin-left: auto;
	margin-right: auto;
}

/* plugin: lowlight-text */

.lowlight {
	font-size: 25px;
}

/**
 * === Block-Styles ===
 */

/* Headlines mit kurzer Trennlinie */

.is-style-separation {
	position: relative;
	padding-bottom: 1.5rem;
}

.is-style-separation::after {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 0.25rem;
	width: 7rem;
	--tw-bg-opacity: 1;
	background-color: rgb(11 83 155 / var(--tw-bg-opacity));
	--tw-content: "";
	content: var(--tw-content);
}

.is-style-separation.has-text-align-center::after {
	left: 50%;
	content: var(--tw-content);
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.is-style-separation.has-text-align-right::after {
	right: 0px;
	content: var(--tw-content);
	left: auto;
}

.is-style-separation + p,
	.is-style-separation + ul {
	margin-top: 2.25rem;
}

/* Bilder mit Maske */

.is-style-adw-mask img {
	-webkit-mask: url("../images/adw-mask.svg");
	        mask: url("../images/adw-mask.svg");
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	        mask-size: contain;
}

/* Verbundene Buttons (nur bei mehr als 2 Buttons) */

.is-style-connected:has(.wp-block-button:nth-child(2)) {
	gap: 0;
}

.is-style-connected:has(.wp-block-button:nth-child(2)) .wp-block-button:not(:last-of-type) a {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

.is-style-connected:has(.wp-block-button:nth-child(2)) .wp-block-button:not(:first-of-type) a {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

/* Ersten Button anders färben */

/* Bei Highlight-Farbe den ersten Button anders färben */

.is-style-connected:has(.wp-block-button:nth-child(2)) .wp-block-button:has(a.has-highlight-background-color):has(+ .wp-block-button
				a.has-highlight-background-color)
			a {
			background: #2795ad !important;
		}

/* Bei Text-Farbe den zweiten Button anders färben */

.is-style-connected:has(.wp-block-button:nth-child(2)) .wp-block-button:has(a.has-default-text-background-color)
			+ .wp-block-button
			a.has-default-text-background-color {
			background: #2795ad !important;
		}

.is-style-connected:has(.wp-block-button:nth-child(2)):has(.wp-block-button:hover a.has-highlight-background-color) a,
		.is-style-connected:has(.wp-block-button:nth-child(2)):has(.wp-block-button:hover a.has-highlight-background-color) .wp-block-button:has(a.has-highlight-background-color):has(+ .wp-block-button
				a.has-highlight-background-color)
			a {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(151 151 151 / var(--tw-bg-opacity)) !important;
}

.is-style-connected:has(.wp-block-button:nth-child(2)):has(.wp-block-button:hover a.has-default-text-background-color) a,
		.is-style-connected:has(.wp-block-button:nth-child(2)):has(.wp-block-button:hover a.has-default-text-background-color) .wp-block-button:has(a.has-default-text-background-color)
			+ .wp-block-button
			a.has-default-text-background-color {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(11 83 155 / var(--tw-bg-opacity)) !important;
}

/**
 * === Media Text Block ===
 */

.wp-block-media-text .wp-block-media-text__content {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 600px) {

	.wp-block-media-text .wp-block-media-text__content {
		padding-left: 8%;
		padding-right: 8%;
	}
}

/**
 * === Listen ===
 */

main ul li {
	margin-left: 1.25rem;
	list-style-type: disc;
	padding-left: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	line-height: 2;
	--tw-text-opacity: 1;
	color: rgb(151 151 151 / var(--tw-text-opacity));
		/* @apply before:content-[''] before:inline-block before:relative before:left-0 before:top-[3px] before:w-[18px] before:h-[18px] before:mr-2 before:bg-[url('../images/list_icon.svg')]; */
}

main ul.aligncenter {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/**
 * === Buttons ===
 */

.wp-block-button__link,
.button {
	display: inline-block;
	border-radius: 1rem;
	--tw-bg-opacity: 1;
	background-color: rgb(11 83 155 / var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-family: 'Secular One', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.wp-block-button__link.has-background:not(.has-transparent-background-color):hover, .button.has-background:not(.has-transparent-background-color):hover {
	--tw-border-opacity: 1;
	border-color: rgb(151 151 151 / var(--tw-border-opacity));
	--tw-bg-opacity: 1 !important;
	background-color: rgb(11 83 155 / var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg path,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg polygon,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg rect,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg circle,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg polyline,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg ellipse,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg line,
			.wp-block-button__link.has-background:not(.has-transparent-background-color):hover svg text,
			.button.has-background:not(.has-transparent-background-color):hover svg path,
			.button.has-background:not(.has-transparent-background-color):hover svg polygon,
			.button.has-background:not(.has-transparent-background-color):hover svg rect,
			.button.has-background:not(.has-transparent-background-color):hover svg circle,
			.button.has-background:not(.has-transparent-background-color):hover svg polyline,
			.button.has-background:not(.has-transparent-background-color):hover svg ellipse,
			.button.has-background:not(.has-transparent-background-color):hover svg line,
			.button.has-background:not(.has-transparent-background-color):hover svg text {
	fill: #ffffff !important;
}

.wp-block-button__link.has-background.has-highlight-background-color:hover, .button.has-background.has-highlight-background-color:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(151 151 151 / var(--tw-bg-opacity)) !important;
}

.wp-block-button__link.has-transparent-background-color, .button.has-transparent-background-color {
	border-width: 2px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(11 83 155 / var(--tw-border-opacity));
}

.wp-block-button__link.has-transparent-background-color:hover, .button.has-transparent-background-color:hover {
	--tw-border-opacity: 1;
	border-color: rgb(151 151 151 / var(--tw-border-opacity));
	--tw-bg-opacity: 1 !important;
	background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}

.wp-block-button__link.has-transparent-background-color svg, .button.has-transparent-background-color svg {
			margin-top: -2px !important;
		}

.wp-block-button__link.has-transparent-background-color svg:hover, .button.has-transparent-background-color svg:hover {
				fill: #ffffff !important;
			}

.wp-block-button.has-icon .wp-block-button__link {
	position: relative;
	padding-left: calc(1em + 3.25rem);
}

.wp-block-button.has-icon .wp-block-button__link svg {
	position: absolute;
	left: 2rem;
	margin-top: 2px;
	display: inline-block;
	height: 1em;
	width: 1em;
	vertical-align: middle;
}

.wp-block-button.has-icon .wp-block-button__link svg path,
		.wp-block-button.has-icon .wp-block-button__link svg polygon,
		.wp-block-button.has-icon .wp-block-button__link svg rect,
		.wp-block-button.has-icon .wp-block-button__link svg circle,
		.wp-block-button.has-icon .wp-block-button__link svg polyline,
		.wp-block-button.has-icon .wp-block-button__link svg ellipse,
		.wp-block-button.has-icon .wp-block-button__link svg line,
		.wp-block-button.has-icon .wp-block-button__link svg text {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

/**
 * === Slider ===
 */

.wp-block-adw-slider {
	margin-top: 0px !important;
}

.wp-block-adw-slider p {
	margin: 0px;
	margin-bottom: 0.5rem;
	padding: 0px;
	font-family: 'Secular One', sans-serif;
	line-height: 1;
}

.wp-block-adw-slider p:nth-of-type(2) {
	margin-left: 2rem;
}

@media (min-width: 1024px) {

	.wp-block-adw-slider p:nth-of-type(2) {
		margin-left: 3rem;
	}
}

@media (min-width: 1280px) {

	.wp-block-adw-slider p:nth-of-type(2) {
		margin-left: 5rem;
	}
}

.wp-block-adw-slider .wp-block-button__link,
	.wp-block-adw-slider .button {
	font-size: 21px;
	font-weight: 300;
}

@media (min-width: 1024px) {

	.wp-block-adw-slider .wp-block-button__link,
	.wp-block-adw-slider .button {
		font-size: 30px;
	}
}

.wp-block-adw-slider .wp-block-buttons {
	margin-top: 2.75rem;
	margin-left: 0px;
	margin-bottom: 1.25rem;
}

/* Als Root-Block alignwide */

main > .wp-block-adw-slider {
	max-width: 100% !important;
}

@media (min-width: 600px) {

	main > .wp-block-adw-slider {
		max-width: 600px !important;
	}
}

@media (min-width: 768px) {

	main > .wp-block-adw-slider {
		max-width: calc(768px + 1.25rem + 1.25rem) !important;
	}
}

@media (min-width: 1024px) {

	main > .wp-block-adw-slider {
		max-width: calc(1024px + 1.25rem + 1.25rem) !important;
	}
}

@media (min-width: 1280px) {

	main > .wp-block-adw-slider {
		max-width: calc(1548px + 1.25rem + 1.25rem) !important;
	}
}

main > .wp-block-adw-slider {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

@media not all and (min-width: 600px) {
    main > .wp-block-adw-slider {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/**
 * === Bilder ===
 */

figure.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/**
 * === Lechleitner Zitate === 
 */

@media (min-width: 1280px) {

	.wp-block-quote > * {
		max-width: 100%;
	}
}

.wp-block-quote {
	display: flex;
	flex-wrap: wrap;
}

.wp-block-quote::before {
	--tw-content: '';
	content: var(--tw-content);
}

.wp-block-quote:before {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	display: none;
	height: 20px;
}

@media (min-width: 1024px) {

	.wp-block-quote:before {
		display: inline-block;
		width: 16.666667%;
	}
}

.wp-block-quote p {
	margin: 0px;
	width: 100%;
	border-left-width: 2px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(11 83 155 / var(--tw-border-opacity));
	padding-right: 0px;
	padding-left: 2.5rem;
	font-family: Roboto Italic;
	font-size: 35px;
	font-weight: 100;
	line-height: 1;
	--tw-text-opacity: 1;
	color: rgb(11 83 155 / var(--tw-text-opacity));
}

.wp-block-quote p::before {
	--tw-content: '“';
	content: var(--tw-content);
}

.wp-block-quote p::after {
	--tw-content: '“';
	content: var(--tw-content);
}

@media (min-width: 768px) {

	.wp-block-quote p {
		font-size: 45px;
	}
}

@media (min-width: 1024px) {

	.wp-block-quote p {
		width: 75%;
		border-left-width: 4px;
		font-size: 80px;
	}
}

.wp-block-quote p:before,
		.wp-block-quote p:after {
	position: relative;
	top: 0px;
	left: 0px;
}

.wp-block-quote cite {
	margin-top: 1.25rem;
	margin-left: 45px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.wp-block-quote cite::before {
	--tw-content: '';
	content: var(--tw-content);
}

@media (min-width: 1024px) {

	.wp-block-quote cite {
		margin-left: 60px;
	}
}

.wp-block-quote cite:before {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	display: none;
	height: 10px;
	padding-left: 90px;
}

@media (min-width: 1024px) {

	.wp-block-quote cite:before {
		display: inline-block;
		width: 16.666667%;
	}
}

/**
 * === gallery/Text ===
 */

.wp-block-adw-gallery-text {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.wp-block-adw-gallery-text .wp-block-adw-detail-slider {
	width: 100%;
}

@media (min-width: 1024px) {

	.wp-block-adw-gallery-text .wp-block-adw-detail-slider {
		width: 60%;
	}
}

.wp-block-adw-gallery-text .wp-block-group {
	width: 100%;
	padding-top: 0px;
}

@media (min-width: 1024px) {

	.wp-block-adw-gallery-text .wp-block-group {
		width: 40%;
		padding-left: 2.5rem;
	}
}

.wp-block-adw-gallery-text .wp-block-group:first-child {
	padding-left: 0px;
}

@media (min-width: 1024px) {

	.wp-block-adw-gallery-text .wp-block-group:first-child {
		padding-right: 2.5rem;
	}
}

.wp-block-adw-gallery-text .wp-block-group p {
	margin-bottom: 1.25rem;
	line-height: 1.625;
}

.wp-block-adw-gallery-text .wp-block-group .wp-block-columns .wp-block-column img {
	height: auto;
	max-width: 100%;
}

@media (min-width: 1024px) {

	.wp-block-adw-gallery-text .wp-block-group .wp-block-columns .wp-block-column img {
		max-width: 75%;
	}
}

/**
 * === Text/gallery ===
 */

.wp-block-adw-text-gallery {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.wp-block-adw-text-gallery .wp-block-adw-detail-slider {
	width: 100%;
}

@media (min-width: 1024px) {

	.wp-block-adw-text-gallery .wp-block-adw-detail-slider {
		width: 60%;
	}
}

.wp-block-adw-text-gallery .wp-block-group {
	width: 100%;
	padding-top: 0px;
}

@media (min-width: 1024px) {

	.wp-block-adw-text-gallery .wp-block-group {
		width: 40%;
		padding-left: 2.5rem;
	}
}

.wp-block-adw-text-gallery .wp-block-group:first-child {
	padding-left: 0px;
}

@media (min-width: 1024px) {

	.wp-block-adw-text-gallery .wp-block-group:first-child {
		padding-right: 2.5rem;
	}
}

.wp-block-adw-text-gallery .wp-block-group p {
	margin-bottom: 1.25rem;
	line-height: 1.625;
}

.wp-block-adw-text-gallery .wp-block-group .wp-block-columns .wp-block-column {
			}

/**
 * === Leistungen ===
 */

.wp-block-adw-services {
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.wp-block-adw-services > .wp-block-adw-service {
	width: 25%;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.wp-block-adw-services > .wp-block-adw-service:nth-of-type(n + 5) {
	margin-top: 2rem;
}

/**
 * === Inklusivleistungen ===
 */

.wp-block-adw-inclusive-services {
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.wp-block-adw-inclusive-services > .wp-block-adw-inclusive-service {
	width: 16.666667%;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.wp-block-adw-inclusive-services > .wp-block-adw-inclusive-service:nth-of-type(n + 7) {
	margin-top: 2rem;
}

/**
 * === Icon ===
 */

.wp-block-adw-icon {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.wp-block-adw-icon.aligncenter svg {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-adw-icon.alignright svg {
	margin-left: auto;
}

.wp-block-adw-icon svg {
		max-height: 80px;
	}

/**
 * === Anfahrtsplan ===
 */

.wp-block-adw-map svg {
	margin-left: auto;
	margin-right: auto;
}

/**
 * Intro (Zimmer & Apartments)
 */

.wp-block-adw-intro--icons,
.wp-block-adw-intro--text {
	display: flex;
}

.wp-block-adw-intro--icons .wp-block-group, .wp-block-adw-intro--text .wp-block-group {
	flex-grow: 1;
}

.wp-block-adw-intro--icons .wp-block-adw-slider, .wp-block-adw-intro--text .wp-block-adw-slider {
	margin-left: 2.5rem;
	width: 58.333333%;
}

.wp-block-adw-intro--icons .wp-block-adw-facilities, .wp-block-adw-intro--text .wp-block-adw-facilities {
	margin-bottom: 2.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.wp-block-adw-intro--icons .wp-block-adw-facilities .wp-block-adw-facility, .wp-block-adw-intro--text .wp-block-adw-facilities .wp-block-adw-facility {
	margin-top: 1rem;
	width: 33.333333%;
}

.wp-block-adw-intro--icons .wp-block-adw-facilities .wp-block-adw-facility svg, .wp-block-adw-intro--text .wp-block-adw-facilities .wp-block-adw-facility svg {
				max-height: 60px;
			}

/**
 * Anfahrt mit Beschreibung
 */

.wp-block-adw-map-descripted {
	display: flex;
	align-items: flex-start;
}

.wp-block-adw-map-descripted .wp-block-group {
	flex-shrink: 0;
	flex-grow: 1;
}

.wp-block-adw-map-descripted .wp-block-adw-map {
	width: 66.666667%;
}

/**
 * Große Schriftarten fluid machen
 * Basis vom WP generierten inline css anhand vom theme.json
    --wp--preset--font-size--xl: 80px; --wp--preset--font-size--xxl: 120px;
 * Daraus machen wir jeweils mit clamp() eine fluid Schriftgröße.
 * Fallback wird automatisch die Basis von WP, aber clamp() kann mittlerweile
 * schon jeder Browser.
 *
 * Werte generiert mit https://modern-fluid-typography.vercel.app/
 */

body {
    /* Min value (80px) ends at 640 px. Max value (120px) starts at 1440 px. */
	--wp--preset--font-size--xxl: clamp(5rem, 5vw + 3rem, 7.5rem) !important; 
    /* Min value (53px) ends at 581 px. Max value (80px) starts at 1209 px. */
	--wp--preset--font-size--xl: clamp(3.313rem, 4.3vw + 1.75rem, 5rem) !important; 
}

/**
 * === Abstände der Blöcke ===
 */

/* Hintergrundverlauf Farbe */

footer .nf-form-cont {
                        width: 100%;
                        font-family: 'Roboto', sans-serif;
}

footer .nf-form-cont .nf-form-content {
                        margin: 0px !important;
                        min-width: 100%;
                        padding: 0px !important;
}

footer .nf-form-cont .nf-form-content input, footer .nf-form-cont .nf-form-content input:not([type=submit]), footer .nf-form-cont .nf-form-content textarea {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

footer .nf-form-cont .nf-form-content input[type=submit] {
                        cursor: pointer;
                        --tw-bg-opacity: 1;
                        background-color: rgb(11 83 155 / var(--tw-bg-opacity));
}

footer .nf-form-cont .nf-form-content input[type=submit]:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(151 151 151 / var(--tw-bg-opacity));
                        --tw-text-opacity: 1;
                        color: rgb(255 255 255 / var(--tw-text-opacity));
}

footer .nf-form-cont .nf-form-content .checkbox-wrap {
                        display: block !important;
}

footer .nf-form-cont .nf-form-content .checkbox-wrap .nf-field-description {
                        padding-top: 0.5rem;
}

footer .nf-form-cont .nf-form-content .nf-cell {
                        padding-left: 0px;
}

footer .nf-form-cont .nf-form-content .checkbox-container .nf-field-label {
                        font-family: 'Roboto', sans-serif;
                        font-size: 21px;
                        --tw-text-opacity: 1;
                        color: rgb(11 83 155 / var(--tw-text-opacity));
}

footer .nf-form-cont .nf-form-content .checkbox-container .nf-field-label label {
                        font-weight: 300;
                    }

footer .nf-form-cont .nf-form-content .checkbox-container .nf-field-description {
                        font-size: 17px;
}

footer .submit-wrap {
                        margin-top: 1.25rem;
}

footer .submit-wrap:before {
            width: 29px;
            height: 25px;
            display: inline-block;
            position: relative;
            left: 0px;
            margin-left: 20px;
            margin-top: -20px;
            content: "";
            z-index: 1;
            background-image: url('../images/sauber.svg');
            background-position: center center;
            top: 33px}

@media (min-width: 768px) {

                        footer .submit-wrap:before {
                                                top: 20px;
                        }
}

footer .submit-wrap .nf-field-element input[type="submit"] {
                        margin-top: -40px;
                        border-radius: 1rem;
                        padding-left: 75px;
                        padding-right: 2rem;
                        font-family: 'Secular One', sans-serif;
                        font-size: 21px;
                        text-transform: uppercase;
                        line-height: 1;
                        --tw-text-opacity: 1;
                        color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

                        footer .submit-wrap .nf-field-element input[type="submit"] {
                                                font-size: 30px;
                        }
}
a:has(#ADWERBA) {
    --adwerba-shadow: #ffffff;
}

    a:has(#ADWERBA):hover #ADWERBA > * {
        animation: adwerba-hover 0.5s ease-in-out 0s;
        animation-fill-mode: forwards;
    }

#ADWERBA {

    overflow:visible;

}

@keyframes adwerba {
        0% {
            filter: drop-shadow(0 0 0 var(--adwerba-shadow));
        }
      
        10% {
            filter: drop-shadow(0px 0px 3px var(--adwerba-shadow));
        }

        20% {
            filter: drop-shadow(0 0 0 var(--adwerba-shadow));
        }

    }

@keyframes adwerba-hover {
        from {
            filter: drop-shadow(0 0 0 var(--adwerba-shadow));
        }
      
        to {
            filter: drop-shadow(0px 0px 3px var(--adwerba-shadow));
        }

    }

#ADWERBA >* {
        animation: adwerba 3s ease-in-out 0s infinite alternate;
    }

/* A */

#ADWERBA >:nth-child(1) {
        animation-delay: 0.9s;
    }

/* D */

#ADWERBA >:nth-child(2) {
        animation-delay: 0.75s;
    }

/* W */

#ADWERBA >:nth-child(3) {
        animation-delay: 0.6s;
    }

/* E */

#ADWERBA >:nth-child(4) {
        animation-delay: 0.45s;
    }

/* R */

#ADWERBA >:nth-child(5) {
        animation-delay: 0.3s;
    }

/* B */

#ADWERBA >:nth-child(6) {
        animation-delay: 0.15s;
    }

/* A */

#ADWERBA >:nth-child(7) {
        animation-delay: 0s;
    }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick__button {
        cursor: pointer;
        opacity: 0.7;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.slick__button:hover {
        opacity: 0.9;
}
.slick__button svg path {
        fill: #ffffff;
}
/* Dots */
.slick__dots ul {
        display: flex;
        align-items: center;
}
.slick__dots ul li {
        font-size: 0;
        height: 0.25rem;
        width: 1.75rem;
        cursor: pointer;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        opacity: 0.4;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
.slick__dots ul li::before {
        content: var(--tw-content);
        display: none;
}
.slick__dots ul li.slick-active {
        opacity: 0.8;
}
.slick__dots ul li +li {
        margin-left: 0.5rem;
}
/**
 * === detail Slider ===
 */
.detail-slider-nav {
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.detail-slider-nav .slick-slide {
        padding: 5px;
}
/*
! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

    *::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(11 83 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}

    *::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(11 83 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 600px) {

  .container {
    max-width: 600px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.container {
  max-width: 100%;
}
@media (min-width: 600px) {

  .container {
    max-width: 600px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: calc(768px + 1.25rem + 1.25rem);
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: calc(1024px + 1.25rem + 1.25rem);
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: calc(1280px + 1.25rem + 1.25rem);
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.\!alignwide {
  max-width: 100% !important;
}
.alignwide {
  max-width: 100%;
}
@media (min-width: 600px) {

  .\!alignwide {
    max-width: 600px !important;
  }

  .alignwide {
    max-width: 600px;
  }
}
@media (min-width: 768px) {

  .\!alignwide {
    max-width: calc(768px + 1.25rem + 1.25rem) !important;
  }

  .alignwide {
    max-width: calc(768px + 1.25rem + 1.25rem);
  }
}
@media (min-width: 1024px) {

  .\!alignwide {
    max-width: calc(1024px + 1.25rem + 1.25rem) !important;
  }

  .alignwide {
    max-width: calc(1024px + 1.25rem + 1.25rem);
  }
}
@media (min-width: 1280px) {

  .\!alignwide {
    max-width: calc(1548px + 1.25rem + 1.25rem) !important;
  }

  .alignwide {
    max-width: calc(1548px + 1.25rem + 1.25rem);
  }
}
.\!alignwide {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.alignwide {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
h1 {
  margin-top: 70px;
  overflow-wrap: break-word;
  font-family: 'Secular One', sans-serif;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(11 83 155 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  h1 {
    font-size: 70px;
  }
}
h1 { -webkit-hyphens: auto; hyphens: auto; text-wrap-style: balance;}
h2 {
  margin-top: 1.25rem;
  font-family: 'Secular One', sans-serif;
  font-size: 35px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(11 83 155 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  h2 {
    margin-top: 0px;
    font-size: 45px;
  }
}
h2 { -webkit-hyphens: auto; hyphens: auto; text-wrap-style: balance;}
h3 {
  font-family: 'Secular One', sans-serif;
  font-size: 30px;
  line-height: 1;
}
@media (min-width: 1024px) {

  h3 {
    font-size: 45px;
  }
}
h4 {
  font-family: 'Secular One', sans-serif;
  font-size: 30px;
  line-height: 1;
}
h5 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: 'Secular One', sans-serif;
  font-size: 17px;
  line-height: 1;
}
@media (min-width: 1024px) {

  h5 {
    font-size: 21px;
  }
}
body {
        line-height: 1.3;
        scroll-behavior: smooth;
    }
.has-headline-4-font-size + p {
  margin-top: 1.25rem;
}
p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
a {
  --tw-text-opacity: 1;
  color: rgb(11 83 155 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
a:hover {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
.smtop {
  margin-top: 80px;
}
@media not all and (min-width: 600px) {

  .hidden-on-mobile {
    display: none;
  }
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-8 {
  bottom: 2rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-4 {
  left: 1rem;
}
.left-8 {
  left: 2rem;
}
.right-4 {
  right: 1rem;
}
.right-\[5px\] {
  right: 5px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-\[33px\] {
  top: 33px;
}
.top-\[75px\] {
  top: 75px;
}
.top-\[80px\] {
  top: 80px;
}
.z-50 {
  z-index: 50;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[45px\] {
  margin-left: 45px;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-\[-40px\] {
  margin-top: -40px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[70px\] {
  margin-top: 70px;
}
.mt-\[80px\] {
  margin-top: 80px;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-24 {
  height: 6rem;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[420px\] {
  height: 420px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-text {
  height: 1em;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-24 {
  width: 6rem;
}
.w-4\/5 {
  width: 80%;
}
.w-7 {
  width: 1.75rem;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[245px\] {
  width: 245px;
}
.w-\[30px\] {
  width: 30px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-text {
  width: 1em;
}
.max-w-\[100\%\] {
  max-width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-pic--footer {
  max-width: 356px;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-visible {
  overflow-y: visible;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-highlight {
  --tw-border-opacity: 1;
  border-color: rgb(11 83 155 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: #ff000000;
}
.bg-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(151 151 151 / var(--tw-bg-opacity));
}
.bg-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(11 83 155 / var(--tw-bg-opacity));
}
.bg-highlight--dark {
  --tw-bg-opacity: 1;
  background-color: rgb(15 61 138 / var(--tw-bg-opacity));
}
.bg-lightgrey {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-right {
  -o-object-position: right;
     object-position: right;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-7 {
  padding: 1.75rem;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[5px\] {
  padding: 5px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-\[75px\] {
  padding-left: 75px;
}
.pl-\[90px\] {
  padding-left: 90px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.font-citeitalic {
  font-family: Roboto Italic;
}
.font-content {
  font-family: 'Roboto', sans-serif;
}
.font-footer {
  font-family: 'Roboto', sans-serif;
}
.font-highlight {
  font-family: 'Secular One', sans-serif;
}
.text-2lg {
  font-size: 35px;
}
.text-button {
  font-size: 20px;
}
.text-headline2 {
  font-size: 50px;
}
.text-headline4 {
  font-size: 30px;
}
.text-lg {
  font-size: 21px;
}
.text-link {
  font-size: 21px;
}
.text-md {
  font-size: 17px;
}
.text-navigation {
  font-size: 21px;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.leading-\[2\] {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-\[5px\] {
  letter-spacing: 5px;
}
.text-default-text {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
.text-highlight {
  --tw-text-opacity: 1;
  color: rgb(11 83 155 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.outline {
  outline-style: solid;
}
.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: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:relative::before {
  content: var(--tw-content);
  position: relative;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:top-\[3px\]::before {
  content: var(--tw-content);
  top: 3px;
}
.before\:mr-2::before {
  content: var(--tw-content);
  margin-right: 0.5rem;
}
.before\:inline-block::before {
  content: var(--tw-content);
  display: inline-block;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:h-\[18px\]::before {
  content: var(--tw-content);
  height: 18px;
}
.before\:w-\[18px\]::before {
  content: var(--tw-content);
  width: 18px;
}
.before\:bg-\[url\(\'\.\.\/images\/list_icon\.svg\'\)\]::before {
  content: var(--tw-content);
  background-image: url('../images/list_icon.svg');
}
.before\:content-\[\"\2022\"\]::before {
  --tw-content: "•";
  content: var(--tw-content);
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[\'\201C\'\]::before {
  --tw-content: '“';
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.after\:h-1::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.after\:w-28::after {
  content: var(--tw-content);
  width: 7rem;
}
.after\:content-\[\"\"\]::after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:content-\[\'\201C\'\]::after {
  --tw-content: '“';
  content: var(--tw-content);
}
.empty\:hidden:empty {
  display: none;
}
.hover\:\!bg-highlight:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(11 83 155 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-lightgrey:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 151 151 / var(--tw-bg-opacity));
}
.hover\:bg-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(11 83 155 / var(--tw-bg-opacity));
}
.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-default-text:hover {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
.hover\:text-highlight:hover {
  --tw-text-opacity: 1;
  color: rgb(11 83 155 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.has-nav-toggled .nav-toggled\:hidden {
  display: none;
}
.has-nav-toggled .nav-toggled\:max-h-screen {
  max-height: 100vh;
}
.has-nav-toggled .nav-toggled\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.has-nav-toggled .nav-toggled\:transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.has-nav-desktop .nav-desktop\:py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.has-nav-desktop .hover\:nav-desktop\:border-t-transparent:hover {
  border-top-color: #ff000000;
}
@media not all and (min-width: 600px) {

  .max-sm\:hidden {
    display: none;
  }
}
@media (min-width: 600px) {

  .sm\:top-\[85px\] {
    top: 85px;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:px-\[8\%\] {
    padding-left: 8%;
    padding-right: 8%;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media (min-width: 768px) {

  .md\:top-\[20px\] {
    top: 20px;
  }

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

  .md\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .md\:text-3lg {
    font-size: 45px;
  }

  .md\:text-linkxl {
    font-size: 30px;
  }

  .md\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1024px) {

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:ml-\[60px\] {
    margin-left: 60px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[520px\] {
    height: 520px;
  }

  .lg\:w-2\/12 {
    width: 16.666667%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:max-w-\[75\%\] {
    max-width: 75%;
  }

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

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-16 {
    padding-left: 4rem;
  }

  .lg\:text-3lg {
    font-size: 45px;
  }

  .lg\:text-headline1 {
    font-size: 70px;
  }

  .lg\:text-headline3 {
    font-size: 45px;
  }

  .lg\:text-lg {
    font-size: 21px;
  }

  .lg\:text-xl {
    font-size: 80px;
  }

  .lg\:before\:content-\[\"\.\"\]::before {
    --tw-content: ".";
    content: var(--tw-content);
  }
}
@media (min-width: 1280px) {

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:ml-10 {
    margin-left: 2.5rem;
  }

  .xl\:mr-8 {
    margin-right: 2rem;
  }

  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:h-auto {
    height: auto;
  }

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

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-2\/3 {
    width: 66.666667%;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:w-9\/12 {
    width: 75%;
  }

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

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

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

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:pb-32 {
    padding-bottom: 8rem;
  }

  .xl\:pl-32 {
    padding-left: 8rem;
  }

  .xl\:text-left {
    text-align: left;
  }
}

/*# sourceMappingURL=dist.css.map*/