/*
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)
*/
	.wep-use *,
	.wep-use ::before,
	.wep-use ::after {
		box-sizing: border-box; /* 1 */
		border-width: 0; /* 2 */
		border-style: solid; /* 2 */
		border-color: currentColor; /* 2 */
	}
	.wep-use ::before,
	.wep-use ::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.
*/
	.wep-use html {
		line-height: 1.5; /* 1 */
		-webkit-text-size-adjust: 100%; /* 2 */
		-moz-tab-size: 4; /* 3 */
		tab-size: 4; /* 3 */
		font-family: var(--font-sans); /* 4 */
	}
	/*
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.
*/
	.wep-use 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.
*/
	.wep-use hr {
		height: 0; /* 1 */
		color: inherit; /* 2 */
		border-top-width: 1px; /* 3 */
	}
	/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
	.wep-use abbr:where([title]) {
		text-decoration: underline dotted;
	}
	/*
Remove the default font size and weight for headings.
*/
	.wep-use h1,
	.wep-use h2,
	.wep-use h3,
	.wep-use h4,
	.wep-use h5,
	.wep-use h6 {
		font-size: inherit;
		font-weight: inherit;
	}
	/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
	.wep-use a {
		color: inherit;
		text-decoration: inherit;
	}
	/*
Add the correct font weight in Edge and Safari.
*/
	.wep-use b,
	.wep-use 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.
*/
	.wep-use code,
	.wep-use kbd,
	.wep-use samp,
	.wep-use pre {
		font-family: var(--font-sans); /* 1 */
		font-size: 1em; /* 2 */
	}
	/*
Add the correct font size in all browsers.
*/
	.wep-use small {
		font-size: 80%;
	}
	/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
	.wep-use sub,
	.wep-use sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	.wep-use sub {
		bottom: -0.25em;
	}
	.wep-use 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.
*/
	.wep-use 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.
*/
	.wep-use button,
	.wep-use input,
	.wep-use optgroup,
	.wep-use select,
	.wep-use 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.
*/
	.wep-use button,
	.wep-use select {
		text-transform: none;
	}
	/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
	.wep-use button,
	.wep-use [type="button"],
	.wep-use [type="reset"],
	.wep-use [type="submit"] {
		-webkit-appearance: button; /* 1 */
		background-color: transparent; /* 2 */
		background-image: none; /* 2 */
	}
	/*
Use the modern Firefox focus style for all focusable elements.
*/
	.wep-use :-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)
*/
	.wep-use :-moz-ui-invalid {
		box-shadow: none;
	}
	/*
Add the correct vertical alignment in Chrome and Firefox.
*/
	.wep-use progress {
		vertical-align: baseline;
	}
	/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
	.wep-use ::-webkit-inner-spin-button,
	.wep-use ::-webkit-outer-spin-button {
		height: auto;
	}
	/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
	.wep-use [type="search"] {
		-webkit-appearance: textfield; /* 1 */
		outline-offset: -2px; /* 2 */
	}
	/*
Remove the inner padding in Chrome and Safari on macOS.
*/
	.wep-use ::-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.
*/
	.wep-use ::-webkit-file-upload-button {
		-webkit-appearance: button; /* 1 */
		font: inherit; /* 2 */
	}
	/*
Add the correct display in Chrome and Safari.
*/
	.wep-use summary {
		display: list-item;
	}
	/*
Removes the default spacing and border for appropriate elements.
*/
	.wep-use blockquote,
	.wep-use dl,
	.wep-use dd,
	.wep-use h1,
	.wep-use h2,
	.wep-use h3,
	.wep-use h4,
	.wep-use h5,
	.wep-use h6,
	.wep-use hr,
	.wep-use figure,
	.wep-use p,
	.wep-use pre {
		margin: 0;
	}
	.wep-use fieldset {
		margin: 0;
		padding: 0;
	}
	.wep-use legend {
		padding: 0;
	}
	.wep-use ol,
	.wep-use ul,
	.wep-use menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	/*
Prevent resizing textareas horizontally by default.
*/
	.wep-use 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.
*/
	.wep-use input::placeholder,
	.wep-use textarea::placeholder {
		opacity: 1; /* 1 */
		color: rgb(var(--grey)); /* 2 */
	}
	/*
Set the default cursor for buttons.
*/
	.wep-use button,
	.wep-use [role="button"] {
		cursor: pointer;
	}
	/*
Make sure disabled buttons don't get the pointer cursor.
*/
	.wep-use :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.
*/
	.wep-use img,
	.wep-use svg,
	.wep-use video,
	.wep-use canvas,
	.wep-use audio,
	.wep-use iframe,
	.wep-use embed,
	.wep-use 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)
*/
	.wep-use img,
	.wep-use video {
		max-width: 100%;
		height: auto;
	}
.container {
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
}
@media (min-width: 480px) {
		.container {
				max-width: 480px;
		}
}
@media (min-width: 640px) {
		.container {
				max-width: 640px;
				padding-right: 2rem;
				padding-left: 2rem;
		}
}
@media (min-width: 768px) {
		.container {
				max-width: 768px;
		}
}
@media (min-width: 1024px) {
		.container {
				max-width: 1024px;
				padding-right: 0rem;
				padding-left: 0rem;
		}
}
@media (min-width: 1280px) {
		.container {
				max-width: 1280px;
		}
}
@media (min-width: 1536px) {
		.container {
				max-width: 1536px;
		}
}
.pointer-events-none {
		pointer-events: none;
}
.visible {
		visibility: visible;
}
.invisible {
		visibility: hidden;
}
.static {
		position: static;
}
.fixed {
		position: fixed;
}
.absolute {
		position: absolute;
}
.relative {
		position: relative;
}
.sticky {
		position: sticky;
}
.right-4 {
		right: 1rem;
}
.top-0 {
		top: 0px;
}
.right-0 {
		right: 0px;
}
.bottom-\[-1px\] {
		bottom: -1px;
}
.left-0 {
		left: 0px;
}
.bottom-0 {
		bottom: 0px;
}
.left-\[-110\%\] {
		left: -110%;
}
.top-\[30\%\] {
		top: 30%;
}
.right-8 {
		right: 2rem;
}
.bottom-\[1px\] {
		bottom: 1px;
}
.top-\[72px\] {
		top: 72px;
}
.top-\[124px\] {
		top: 124px;
}
.top-\[178px\] {
		top: 178px;
}
.top-\[142px\] {
		top: 142px;
}
.right-1\/2 {
		right: 50%;
}
.top-20 {
		top: 5rem;
}
.right-6 {
		right: 1.5rem;
}
.-right-2 {
		right: -0.5rem;
}
.-bottom-2 {
		bottom: -0.5rem;
}
.top-auto {
		top: auto;
}
.-bottom-\[2px\] {
		bottom: -2px;
}
.z-\[500\] {
		z-index: 500;
}
.z-50 {
		z-index: 50;
}
.z-20 {
		z-index: 20;
}
.z-30 {
		z-index: 30;
}
.z-10 {
		z-index: 10;
}
.z-\[99999\] {
		z-index: 99999;
}
.col-span-2 {
		grid-column: span 2 / span 2;
}
.float-left {
		float: left;
}
.m-12 {
		margin: 3rem;
}
.m-0 {
		margin: 0px;
}
.mx-auto {
		margin-left: auto;
		margin-right: auto;
}
.my-0 {
		margin-top: 0px;
		margin-bottom: 0px;
}
.my-8 {
		margin-top: 2rem;
		margin-bottom: 2rem;
}
.my-12 {
		margin-top: 3rem;
		margin-bottom: 3rem;
}
.my-2 {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
}
.mb-8 {
		margin-bottom: 2rem;
}
.mb-0 {
		margin-bottom: 0px;
}
.mb-1 {
		margin-bottom: 0.25rem;
}
.mt-4 {
		margin-top: 1rem;
}
.mt-6 {
		margin-top: 1.5rem;
}
.-mb-8 {
		margin-bottom: -2rem;
}
.mt-12 {
		margin-top: 3rem;
}
.mt-3 {
		margin-top: 0.75rem;
}
.mr-8 {
		margin-right: 2rem;
}
.ml-0 {
		margin-left: 0px;
}
.mt-20 {
		margin-top: 5rem;
}
.mt-2 {
		margin-top: 0.5rem;
}
.mb-2 {
		margin-bottom: 0.5rem;
}
.mt-8 {
		margin-top: 2rem;
}
.block {
		display: block;
}
.inline-block {
		display: inline-block;
}
.inline {
		display: inline;
}
.flex {
		display: flex;
}
.inline-flex {
		display: inline-flex;
}
.grid {
		display: grid;
}
.list-item {
		display: list-item;
}
.hidden {
		display: none;
}
.h-5 {
		height: 1.25rem;
}
.h-full {
		height: 100%;
}
.h-6 {
		height: 1.5rem;
}
.h-32 {
		height: 8rem;
}
.h-24 {
		height: 6rem;
}
.h-\[70vh\] {
		height: 70vh;
}
.h-4 {
		height: 1rem;
}
.h-60 {
		height: 15rem;
}
.h-\[454px\] {
		height: 454px;
}
.h-\[32px\] {
		height: 32px;
}
.h-\[46px\] {
		height: 46px;
}
.h-\[64px\] {
		height: 64px;
}
.h-\[426px\] {
		height: 426px;
}
.h-\[100px\] {
		height: 100px;
}
.h-12 {
		height: 3rem;
}
.h-8 {
		height: 2rem;
}
.h-auto {
		height: auto;
}
.max-h-0 {
		max-height: 0px;
}
.max-h-\[5000px\] {
		max-height: 5000px;
}
.max-h-\[100svh\] {
		max-height: 100svh;
}
.max-h-\[85vh\] {
		max-height: 85vh;
}
.max-h-12 {
		max-height: 3rem;
}
.max-h-max {
		max-height: max-content;
}
.min-h-full {
		min-height: 100%;
}
.w-80 {
		width: 20rem;
}
.w-5 {
		width: 1.25rem;
}
.w-full {
		width: 100%;
}
.w-1\/2 {
		width: 50%;
}
.w-6 {
		width: 1.5rem;
}
.w-\[1024px\] {
		width: 1024px;
}
.w-\[200\%\] {
		width: 200%;
}
.w-11\/12 {
		width: 91.666667%;
}
.w-2\/3 {
		width: 66.666667%;
}
.w-8 {
		width: 2rem;
}
.w-4 {
		width: 1rem;
}
.w-10 {
		width: 2.5rem;
}
.w-fit {
		width: fit-content;
}
.w-\[3px\] {
		width: 3px;
}
.w-\[400px\] {
		width: 400px;
}
.w-auto {
		width: auto;
}
.w-12 {
		width: 3rem;
}
.w-\[500px\] {
		width: 500px;
}
.w-60 {
		width: 15rem;
}
.w-64 {
		width: 16rem;
}
.min-w-\[200px\] {
		min-width: 200px;
}
.min-w-max {
		min-width: max-content;
}
.max-w-content {
		max-width: 1180px;
}
.max-w-6xl {
		max-width: 72rem;
}
.max-w-full {
		max-width: 100%;
}
.max-w-3xl {
		max-width: 48rem;
}
.max-w-\[341px\] {
		max-width: 341px;
}
.max-w-\[400px\] {
		max-width: 400px;
}
.flex-grow {
		flex-grow: 1;
}
.grow {
		flex-grow: 1;
}
.basis-1\/3 {
		flex-basis: 33.333333%;
}
.basis-80 {
		flex-basis: 20rem;
}
.basis-7\/12 {
		flex-basis: 58.333333%;
}
.basis-1\/5 {
		flex-basis: 20%;
}
.basis-full {
		flex-basis: 100%;
}
.basis-1\/2 {
		flex-basis: 50%;
}
.basis-2\/3 {
		flex-basis: 66.666667%;
}
.basis-1\/6 {
		flex-basis: 16.666667%;
}
.-translate-y-full {
		--tw-translate-y: -100%;
		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\/4 {
		--tw-translate-y: 25%;
		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-full {
		--tw-translate-y: 100%;
		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-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));
}
.rotate-6 {
		--tw-rotate: 6deg;
		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));
}
.rotate-90 {
		--tw-rotate: 90deg;
		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));
}
.skew-x-1 {
		--tw-skew-x: 1deg;
		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));
}
.scale-\[60\%\] {
		--tw-scale-x: 60%;
		--tw-scale-y: 60%;
		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));
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.animate-fadeIn {
		animation: fadeIn 1s ease-in forwards;
}
@keyframes float {
		0% {
				transform: translateY(-10px);
		}
		33% {
				transform: translateY(0px);
		}
		66% {
				transform: translateY(10px);
		}
		100% {
				transform: translateY(0px);
		}
}
.animate-float {
		animation: float 4s ease-in-out infinite;
}
@keyframes pulse {
		50% {
				opacity: .5;
		}
}
.animate-pulse {
		animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-pointer {
		cursor: pointer;
}
.resize {
		resize: both;
}
.appearance-none {
		appearance: none;
}
.grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
		flex-direction: row;
}
.flex-col {
		flex-direction: column;
}
.flex-col-reverse {
		flex-direction: column-reverse;
}
.flex-wrap {
		flex-wrap: wrap;
}
.items-start {
		align-items: flex-start;
}
.items-center {
		align-items: center;
}
.justify-start {
		justify-content: flex-start;
}
.justify-center {
		justify-content: center;
}
.justify-between {
		justify-content: space-between;
}
.gap-1 {
		gap: 0.25rem;
}
.gap-4 {
		gap: 1rem;
}
.gap-6 {
		gap: 1.5rem;
}
.gap-8 {
		gap: 2rem;
}
.gap-\[1px\] {
		gap: 1px;
}
.gap-2 {
		gap: 0.5rem;
}
.gap-12 {
		gap: 3rem;
}
.gap-16 {
		gap: 4rem;
}
.gap-x-2 {
		column-gap: 0.5rem;
}
.gap-y-2 {
		row-gap: 0.5rem;
}
.gap-y-8 {
		row-gap: 2rem;
}
.gap-y-3 {
		row-gap: 0.75rem;
}
.gap-x-8 {
		column-gap: 2rem;
}
.gap-y-1 {
		row-gap: 0.25rem;
}
.gap-y-6 {
		row-gap: 1.5rem;
}
.gap-y-12 {
		row-gap: 3rem;
}
.gap-y-4 {
		row-gap: 1rem;
}
.gap-x-12 {
		column-gap: 3rem;
}
.gap-x-16 {
		column-gap: 4rem;
}
.gap-x-32 {
		column-gap: 8rem;
}
.gap-y-16 {
		row-gap: 4rem;
}
.gap-x-4 {
		column-gap: 1rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(1rem * var(--tw-space-x-reverse));
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
		border-style: dashed;
}
.divide-darkgrey\/10 > :not([hidden]) ~ :not([hidden]) {
		border-color: rgb(var(--darkgrey) / 0.1);
}
.overflow-auto {
		overflow: auto;
}
.overflow-hidden {
		overflow: hidden;
}
.overflow-visible {
		overflow: visible;
}
.overflow-x-hidden {
		overflow-x: hidden;
}
.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.whitespace-nowrap {
		white-space: nowrap;
}
.rounded-md {
		border-radius: 0.375rem;
}
.rounded-xl {
		border-radius: 0.75rem;
}
.rounded-lg {
		border-radius: 0.5rem;
}
.rounded {
		border-radius: 0.25rem;
}
.rounded-\[2\.5rem\] {
		border-radius: 2.5rem;
}
.rounded-\[1\.5rem\] {
		border-radius: 1.5rem;
}
.rounded-full {
		border-radius: 9999px;
}
.rounded-b-none {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
}
.rounded-b-lg {
		border-bottom-right-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
}
.border-2 {
		border-width: 2px;
}
.border-\[14px\] {
		border-width: 14px;
}
.border {
		border-width: 1px;
}
.border-l-4 {
		border-left-width: 4px;
}
.border-t-2 {
		border-top-width: 2px;
}
.border-t {
		border-top-width: 1px;
}
.border-solid {
		border-style: solid;
}
.border-dashed {
		border-style: dashed;
}
.border-darkgrey\/10 {
		border-color: rgb(var(--darkgrey) / 0.1);
}
.border-darkgrey {
		--tw-border-opacity: 1;
		border-color: rgb(var(--darkgrey) / var(--tw-border-opacity));
}
.border-darkgrey\/40 {
		border-color: rgb(var(--darkgrey) / 0.4);
}
.border-maincolor {
		--tw-border-opacity: 1;
		border-color: rgb(var(--maincolor) / var(--tw-border-opacity));
}
.border-grey\/30 {
		border-color: rgb(var(--grey) / 0.3);
}
.border-subcolor {
		--tw-border-opacity: 1;
		border-color: rgb(var(--subcolor) / var(--tw-border-opacity));
}
.border-backgroundcolor-dark {
		--tw-border-opacity: 1;
		border-color: rgb(var(--backgroundcolor-dark) / var(--tw-border-opacity));
}
.border-l-maincolor {
		--tw-border-opacity: 1;
		border-left-color: rgb(var(--maincolor) / var(--tw-border-opacity));
}
.bg-white {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
}
.bg-lightgrey {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--lightgrey) / var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\] {
		--tw-bg-opacity: 1;
		background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-maincolor {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
}
.bg-lightgrey-2 {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--lightgrey-2) / var(--tw-bg-opacity));
}
.bg-subcolor {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor) / var(--tw-bg-opacity));
}
.bg-transparent {
		background-color: transparent;
}
.bg-maincolor-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor-dark) / var(--tw-bg-opacity));
}
.bg-darkgrey\/90 {
		background-color: rgb(var(--darkgrey) / 0.9);
}
.bg-backgroundcolor {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
}
.bg-subcolor-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor-dark) / var(--tw-bg-opacity));
}
.bg-accentcolor-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--blackblue) / var(--tw-bg-opacity));
}
.bg-infocolor {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--infocolor) / var(--tw-bg-opacity));
}
.bg-lightgrey\/50 {
		background-color: rgb(var(--lightgrey) / 0.5);
}
.bg-darkgrey {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--darkgrey) / var(--tw-bg-opacity));
}
.bg-grey\/75 {
		background-color: rgb(var(--grey) / 0.75);
}
.bg-darkgrey-3 {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--darkgrey-3) / var(--tw-bg-opacity));
}
.bg-successcolor-light {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--successcolor-light) / var(--tw-bg-opacity));
}
.bg-backgroundcolor-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
}
.bg-backgroundcolor-dark\/90 {
		background-color: rgb(var(--backgroundcolor-dark) / 0.9);
}
.bg-opacity-20 {
		--tw-bg-opacity: 0.2;
}
.bg-opacity-0 {
		--tw-bg-opacity: 0;
}
.bg-gradient-to-bl {
		background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
		background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-darkgrey {
		--tw-gradient-from: rgb(var(--darkgrey));
		--tw-gradient-to: rgb(var(--darkgrey) / 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-subcolor {
		--tw-gradient-to: rgb(var(--subcolor));
}
.to-successcolor-light {
		--tw-gradient-to: rgb(var(--successcolor-light));
}
.fill-darkgrey\/30 {
		fill: rgb(var(--darkgrey) / 0.3);
}
.fill-\[\#F9F9F9\] {
		fill: #F9F9F9;
}
.fill-darkgrey {
		fill: rgb(var(--darkgrey));
}
.fill-lightgrey-2 {
		fill: rgb(var(--lightgrey-2));
}
.fill-white {
		fill: rgb(var(--white));
}
.fill-subcolor {
		fill: rgb(var(--subcolor));
}
.stroke-white {
		stroke: rgb(var(--white));
}
.object-cover {
		object-fit: cover;
}
.object-\[75\%\] {
		object-position: 75%;
}
.object-top {
		object-position: top;
}
.p-12 {
		padding: 3rem;
}
.p-4 {
		padding: 1rem;
}
.p-8 {
		padding: 2rem;
}
.py-6 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
}
.py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
}
.px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
}
.py-1 {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
}
.px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
}
.py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
}
.py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
}
.px-12 {
		padding-left: 3rem;
		padding-right: 3rem;
}
.py-\[120px\] {
		padding-top: 120px;
		padding-bottom: 120px;
}
.py-48 {
		padding-top: 12rem;
		padding-bottom: 12rem;
}
.py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem;
}
.py-2 {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
}
.py-3 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
}
.py-5 {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
}
.py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem;
}
.py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
}
.px-10 {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
}
.px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
}
.py-0 {
		padding-top: 0px;
		padding-bottom: 0px;
}
.pb-56 {
		padding-bottom: 14rem;
}
.pb-16 {
		padding-bottom: 4rem;
}
.pl-4 {
		padding-left: 1rem;
}
.pb-8 {
		padding-bottom: 2rem;
}
.pb-64 {
		padding-bottom: 16rem;
}
.pt-40 {
		padding-top: 10rem;
}
.pl-2 {
		padding-left: 0.5rem;
}
.pt-8 {
		padding-top: 2rem;
}
.text-left {
		text-align: left;
}
.text-center {
		text-align: center;
}
.text-right {
		text-align: right;
}
.align-top {
		vertical-align: top;
}
.align-bottom {
		vertical-align: bottom;
}
.font-sans {
		font-family: var(--font-sans);
}
.text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
}
.text-base {
		font-size: 1rem;
		line-height: 1.5rem;
}
.text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
}
.text-\[0px\] {
		font-size: 0px;
}
.text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
}
.text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
}
.text-8xl {
		font-size: 6rem;
		line-height: 1;
}
.text-xs {
		font-size: 0.75rem;
		line-height: 1rem;
}
.text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem;
}
.text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
}
.text-5xl {
		font-size: 3rem;
		line-height: 1;
}
.text-\[10px\] {
		font-size: 10px;
}
.font-bold {
		font-weight: 600;
}
.font-black {
		font-weight: 800;
}
.font-normal {
		font-weight: 400;
}
.uppercase {
		text-transform: uppercase;
}
.lowercase {
		text-transform: lowercase;
}
.italic {
		font-style: italic;
}
.leading-none {
		line-height: 1;
}
.leading-8 {
		line-height: 2rem;
}
.leading-relaxed {
		line-height: 1.625;
}
.leading-6 {
		line-height: 1.5rem;
}
.text-darkgrey {
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
}
.text-infocolor {
		--tw-text-opacity: 1;
		color: rgb(var(--infocolor) / var(--tw-text-opacity));
}
.text-maincolor {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
.text-white {
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.text-darkgrey\/50 {
		color: rgb(var(--darkgrey) / 0.5);
}
.text-backgroundcolor {
		--tw-text-opacity: 1;
		color: rgb(var(--backgroundcolor) / var(--tw-text-opacity));
}
.text-textcolor {
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.text-transparent {
		color: transparent;
}
.text-subcolor {
		--tw-text-opacity: 1;
		color: rgb(var(--subcolor) / var(--tw-text-opacity));
}
.text-darkgrey\/70 {
		color: rgb(var(--darkgrey) / 0.7);
}
.underline {
		text-decoration-line: underline;
}
.decoration-white {
		text-decoration-color: rgb(var(--white));
}
.decoration-maincolor {
		text-decoration-color: rgb(var(--maincolor));
}
.decoration-2 {
		text-decoration-thickness: 2px;
}
.underline-offset-4 {
		text-underline-offset: 4px;
}
.underline-offset-2 {
		text-underline-offset: 2px;
}
.opacity-0 {
		opacity: 0;
}
.opacity-20 {
		opacity: 0.2;
}
.opacity-30 {
		opacity: 0.3;
}
.opacity-100 {
		opacity: 1;
}
.opacity-75 {
		opacity: 0.75;
}
.shadow-lg {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow {
		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.blur-3xl {
		--tw-blur: blur(64px);
		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-lg {
		--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
		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);
}
.backdrop-blur-md {
		--tw-backdrop-blur: blur(12px);
		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-brightness-\[\.8\] {
		--tw-backdrop-brightness: brightness(.8);
		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);
}
.transition-\[max-height\] {
		transition-property: max-height;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.transition {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.transition-all {
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.transition-none {
		transition-property: none;
}
.duration-300 {
		transition-duration: 300ms;
}
.duration-200 {
		transition-duration: 200ms;
}
.ease-in-out {
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-in {
		transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/* poppins-200 - latin */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    src: local(""),
      url("/wp-content/themes/wp/fonts/poppins-v20-latin-200.woff2")
        format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("/wp-content/themes/wp/fonts/poppins-v20-latin-200.woff")
        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
/* poppins-regular - latin */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: local(""),
      url("/wp-content/themes/wp/fonts/poppins-v20-latin-regular.woff2")
        format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("/wp-content/themes/wp/fonts/poppins-v20-latin-regular.woff")
        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
/* poppins-600 - latin */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: local(""),
      url("/wp-content/themes/wp/fonts/poppins-v20-latin-600.woff2")
        format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("/wp-content/themes/wp/fonts/poppins-v20-latin-600.woff")
        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
/* poppins-800 - latin */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    src: local(""),
      url("/wp-content/themes/wp/fonts/poppins-v20-latin-800.woff2")
        format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("/wp-content/themes/wp/fonts/poppins-v20-latin-800.woff")
        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
:root {

  --font-sans: "Poppins", "Helvetica", "Arial", "sans-serif";
  --font-heading: "Poppins", "Barlow", "Helvetica", "Arial", "sans-serif";

  --white: 255 255 255;
  --black: 0 0 0;

  --yellow: 249 170 0;
  --lightorange: 242 147 31;
  --darkorange: 239 117 32;
  --babyblue: 42 164 202;
  --lightblue: 42 111 166;
  --darkblue: 24 70 106;
  --blackblue: 19 54 79;
  --lightgreen: 36 164 125;
  --darkgreen: 22 122 82;

  --darkgrey: 36 60 71;
  --darkgrey-2: 52 78 90;
  --darkgrey-3: 69 97 110;
  --grey: 61 82 97;
  --lightgrey: 218 218 218;
  --lightgrey-2: 239 239 239;

  --maincolor: var(--yellow);
  --maincolor-dark: var(--lightorange);
  --subcolor: var(--lightblue);
  --subcolor-dark: var(--darkblue);

  --successcolor: var(--darkgreen);
  --successcolor-light: var(--lightgreen);
  --warningcolor: var(--darkorange);
  --infocolor: var(--subcolor);
  --actioncolor: var(--maincolor);
  --actioncolor-dark: var(--maincolor-dark);

  --misccolor: var(--maincolor-dark);
  --linkcolor: var(--maincolor);
  --neutralcolor: var(--grey);
  --textcolor: var(--neutralcolor);
  --backgroundcolor: var(--white);
  --backgroundcolor-dark: var(--lightgrey);

  --best-color: var(--darkblue);
  --cheapest-color: var(--backgroundcolor);
  --green-color: var(--darkgreen);
}
.page-koop footer a, 
    .page-koop footer a:visited, 
    .page-koop footer a:active {
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
}
.page-koop .radio {
		visibility: hidden;
		height: 0px;
		width: 0px;
}
.page-koop .radio + label {
		pointer-events: auto;
		position: relative;
		left: auto;
		display: flex;
		cursor: pointer;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-end;
		padding: 0px;
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 600;
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
}
.page-koop .radio + label::before {
		--tw-content: none;
		content: var(--tw-content);
}
.page-koop .radio + label::after {
		--tw-content: none;
		content: var(--tw-content);
}
.page-koop .radio + label span {
		margin-right: 0.5rem;
		display: inline-block;
		height: 1.5rem;
		width: 1.5rem;
		border-radius: 9999px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(var(--darkgrey) / var(--tw-border-opacity));
		background-color: rgb(var(--darkgrey) / 0.5);
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 200ms;
  box-shadow: inset 0 3px 0 0 rgb(var(--backgroundcolor)),
    inset 0 -3px 0 0 rgb(var(--backgroundcolor)),
    inset -3px 0 0 0 rgb(var(--backgroundcolor)),
    inset 3px 0 0 0 rgb(var(--backgroundcolor)),
    inset 0 0 0 3px rgb(var(--backgroundcolor));
}
@media (min-width: 640px) {
		.page-koop .radio + label span {
				height: 2rem;
				width: 2rem;
		}
}
.page-koop .radio + label.is-invalid-label {
		--tw-text-opacity: 1;
		color: rgb(204 0 0 / var(--tw-text-opacity));
}
.page-koop .radio + label.is-invalid-label span {
		--tw-border-opacity: 1;
		border-color: rgb(204 0 0 / var(--tw-border-opacity));
		background-color: rgb(204 0 0 / 0.5);
}
.page-koop .radio:checked + label {
		--tw-text-opacity: 1;
		color: rgb(var(--actioncolor) / var(--tw-text-opacity));
}
.page-koop .radio:checked + label span {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--actioncolor) / var(--tw-bg-opacity));
}
.page-koop .radio:disabled + label {
		cursor: not-allowed;
		opacity: 0.4;
}
.page-koop .mandatory {
		--tw-text-opacity: 1;
		color: rgb(var(--warningcolor) / var(--tw-text-opacity));
}
.page-koop .input-label {
		pointer-events: none;
		position: absolute;
		left: 1.5rem;
		z-index: 10;
		padding-left: 2px;
		padding-right: 2px;
		font-size: 1rem;
		line-height: 1.5rem;
		font-weight: 800;
		text-transform: none;
		line-height: 1;
		color: rgb(var(--darkgrey) / 0.5);
}
.page-koop .input-label.error-label, 
    .page-koop .input-label.is-invalid-label {
		--tw-text-opacity: 1;
		color: rgb(204 0 0 / var(--tw-text-opacity));
}
.page-koop .input-label.label-nude {
		background-color: transparent;
}
.page-koop .input-label.focus-label {
		margin-left: -0.5rem;
		--tw-translate-y: -150%;
		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));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		font-size: 0.75rem;
		line-height: 1rem;
		font-weight: 600;
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
}
.page-koop .input-label.focus-label.label-nude {
		--tw-translate-y: -100%;
		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));
		font-size: .65rem;
}
.page-koop .input-label.disabled-label {
		background-color: transparent;
		color: rgb(var(--neutralcolor) / 0.5);
}
.page-koop .input-label.disabled-label:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 50%;
        z-index: -10;
        display: block;
        height: 2px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
      }
.page-koop .input-label.textarea-label {
		top: 1.25rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 400;
}
.page-koop .input-label.textarea-label.focus-label {
		--tw-translate-y: -75%;
		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));
		font-size: 0.75rem;
		line-height: 1rem;
		opacity: 0.5;
}
.page-koop .input-label a {
		--tw-text-opacity: 1;
		color: rgb(var(--actioncolor) / var(--tw-text-opacity));
}
.page-koop input[type="text"]:not(#searchItem), 
  .page-koop input[type="password"], 
  .page-koop input[type="email"], 
  .page-koop select[name] {
		position: relative;
		margin: 0px;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		border-radius: 0.75rem;
		border-width: 2px;
		border-color: rgb(var(--darkgrey) / 0.3);
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
		background-size: auto;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		font-weight: 400;
		line-height: 1;
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
		outline: 2px solid transparent;
		outline-offset: 2px;
    max-height: 48px;
}
.page-koop input[type="text"]:not(#searchItem):-webkit-autofill,
    .page-koop input[type="text"]:not(#searchItem):-webkit-autofill:hover,
    .page-koop input[type="text"]:not(#searchItem):-webkit-autofill:focus,
    .page-koop input[type="password"]:-webkit-autofill,
    .page-koop input[type="password"]:-webkit-autofill:hover,
    .page-koop input[type="password"]:-webkit-autofill:focus,
    .page-koop input[type="email"]:-webkit-autofill,
    .page-koop input[type="email"]:-webkit-autofill:hover,
    .page-koop input[type="email"]:-webkit-autofill:focus,
    .page-koop select[name]:-webkit-autofill,
    .page-koop select[name]:-webkit-autofill:hover,
    .page-koop select[name]:-webkit-autofill:focus {
      -webkit-text-fill-color: rgb(var(--textcolor));
      -webkit-box-shadow: 0 0 0 1000px rgb(var(--backgroundcolor)) inset;
    }
.page-koop input[type="text"]:not(#searchItem):focus, 
    .page-koop input[type="text"]:not(#searchItem).isFocus, 
    .page-koop input[type="password"]:focus, 
    .page-koop input[type="password"].isFocus, 
    .page-koop input[type="email"]:focus, 
    .page-koop input[type="email"].isFocus, 
    .page-koop select[name]:focus, 
    .page-koop select[name].isFocus {
		--tw-border-opacity: 1;
		border-color: rgb(var(--darkgrey) / var(--tw-border-opacity));
		outline: 2px solid transparent;
		outline-offset: 2px;
}
.page-koop input[type="text"]:not(#searchItem).isError:not(:focus),
    .page-koop input[type="text"]:not(#searchItem).is-invalid-input:not(:focus),
    .page-koop input[type="password"].isError:not(:focus),
    .page-koop input[type="password"].is-invalid-input:not(:focus),
    .page-koop input[type="email"].isError:not(:focus),
    .page-koop input[type="email"].is-invalid-input:not(:focus),
    .page-koop select[name].isError:not(:focus),
    .page-koop select[name].is-invalid-input:not(:focus) {
      /* &.isError:not(:focus):not([disabled]) { */
    }
@keyframes shake {
		10% {
				transform: translate3d(-1px, 0, 0);
		}
		20% {
				transform: translate3d(2px, 0, 0);
		}
		30% {
				transform: translate3d(-4px, 0, 0);
		}
		40% {
				transform: translate3d(4px, 0, 0);
		}
		50% {
				transform: translate3d(-4px, 0, 0);
		}
		60% {
				transform: translate3d(4px, 0, 0);
		}
		70% {
				transform: translate3d(-4px, 0, 0);
		}
		80% {
				transform: translate3d(2px, 0, 0);
		}
		90% {
				transform: translate3d(-1px, 0, 0);
		}
}
.page-koop input[type="text"]:not(#searchItem).isError:not(:focus), 
    .page-koop input[type="text"]:not(#searchItem).is-invalid-input:not(:focus), 
    .page-koop input[type="password"].isError:not(:focus), 
    .page-koop input[type="password"].is-invalid-input:not(:focus), 
    .page-koop input[type="email"].isError:not(:focus), 
    .page-koop input[type="email"].is-invalid-input:not(:focus), 
    .page-koop select[name].isError:not(:focus), 
    .page-koop select[name].is-invalid-input:not(:focus) {
		animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
		--tw-border-opacity: 1;
		border-color: rgb(204 0 0 / var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgb(204 0 0 / var(--tw-text-opacity));
		outline: 2px solid transparent;
		outline-offset: 2px;
}
.page-koop input[type="text"]:not(#searchItem).bg-colored, .page-koop input[type="password"].bg-colored, .page-koop input[type="email"].bg-colored, .page-koop select[name].bg-colored {
      background-color: inherit !important;
      border-color: rgb(var(--backgroundcolor));
      color: rgb(var(--backgroundcolor));
    }
.page-koop input[type="text"]:not(#searchItem):focus-visible,  .page-koop input[type="password"]:focus-visible,  .page-koop input[type="email"]:focus-visible,  .page-koop select[name]:focus-visible {
		outline-width: 2px;
		outline-color: rgb(var(--backgroundcolor-dark));
}
.page-koop input[type="text"]:not(#searchItem)[disabled],  .page-koop input[type="password"][disabled],  .page-koop input[type="email"][disabled],  .page-koop select[name][disabled] {
		cursor: not-allowed;
		border-color: rgb(var(--neutralcolor) / 0.3);
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
		color: rgb(var(--neutralcolor) / 0.5);
}
.page-koop input[type="text"]:not(#searchItem)[disabled].form-hinweis,  .page-koop input[type="password"][disabled].form-hinweis,  .page-koop input[type="email"][disabled].form-hinweis,  .page-koop select[name][disabled].form-hinweis {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-width: 0px;
		--tw-border-opacity: 1;
		border-color: rgb(var(--actioncolor) / var(--tw-border-opacity));
}
.page-koop input[type="text"]:not(#searchItem)[disabled].isError, 
      .page-koop input[type="text"]:not(#searchItem)[disabled].is-invalid-input, 
      .page-koop input[type="password"][disabled].isError, 
      .page-koop input[type="password"][disabled].is-invalid-input, 
      .page-koop input[type="email"][disabled].isError, 
      .page-koop input[type="email"][disabled].is-invalid-input, 
      .page-koop select[name][disabled].isError, 
      .page-koop select[name][disabled].is-invalid-input {
		background-color: rgb(204 0 0 / 0.1);
}
.page-koop button:focus-visible {
		outline-width: 2px !important;
		outline-color: rgb(var(--backgroundcolor-dark)) !important;
}
.page-koop select[name] {
		appearance: none;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		background-position: right 1.5rem center;
		background-repeat: no-repeat;
		padding-right: 3rem;
		line-height: 1.25rem;
		--tw-text-opacity: 1;
		color: hsl(0 0 80% / var(--tw-text-opacity));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E");
}
.page-koop input[type="range"] {
    -webkit-appearance: none;
    position: relative;
    left: 1px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    height: auto;
    width: calc(100% - 2px);
    appearance: none;
    overflow: hidden;
    border-radius: 9999px;
    border-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--backgroundcolor) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
    outline-style: solid;
    outline-width: 1px;
    outline-color: rgb(var(--neutralcolor));
  }
.page-koop input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 1.5rem;
      width: 1.5rem;
      cursor: pointer;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
      box-shadow: calc(-100vw - 11px) 0 0 100vw rgb(var(--maincolor) / 0.35);
    }
.page-koop input[type="range"]:focus-visible {
		outline-width: 2px;
		outline-color: rgb(var(--backgroundcolor-dark));
}
.page-koop input[type="range"]::-moz-range-progress {
		height: 1.5rem;
      background-color: rgb(var(--maincolor) / 0.35);
}
.page-koop input[type="range"]::-moz-range-track {
		height: 1.5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
}
.page-koop input[type="range"]::-moz-range-thumb {
		height: 1rem;
		width: 1rem;
		border-radius: 9999px;
		border-width: 0px;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
}
.page-koop .icon-field {
		position: relative;
}
.page-koop .icon-field.left input[type="text"], 
      .page-koop .icon-field.left input[type="password"], 
      .page-koop .icon-field.left input[type="email"], 
      .page-koop .icon-field.left select[name] {
		padding-left: 3rem;
}
.page-koop .icon-field.right input[type="text"], 
      .page-koop .icon-field.right input[type="password"], 
      .page-koop .icon-field.right input[type="email"], 
      .page-koop .icon-field.right select[name] {
		padding-right: 3rem;
}
.page-koop .text-mode {
  }
.page-koop .icon-mode {
		margin-left: auto;
		margin-right: auto;
		height: 2.25rem;
		width: 2.25rem;
}
@media (min-width: 1024px) {
		.page-koop .icon-mode {
				height: 1.75rem;
				width: 1.75rem;
		}
}
.page-koop .icon-mode {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: rgb(var(--neutralcolor));
  }
.page-koop .icon-mode__active {
      background-color: rgb(var(--misccolor));
    }
.page-koop .icon-electricity {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.236px' height='48.472px' viewBox='0 0 27.236 48.472' version='1.1'%3E%3Ctitle%3Estrom%3C/title%3E%3Cg id='Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='strom' fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M27.236,19.236 L14.618,19.236 L14.618,-2.27373675e-13 L1.77635684e-15,29.236 L12.618,29.236 L12.618,48.472 L27.236,19.236 Z M3.236,27.236 L12.618,8.472 L12.618,21.236 L24,21.236 L14.618,40 L14.618,27.236 L3.236,27.236 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.page-koop .icon-gas {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='46px' viewBox='0 0 36 46' version='1.1'%3E%3Ctitle%3Egas%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0 33 0 33 43 0 43'/%3E%3C/defs%3E%3Cg id='gas' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(1.000000, 2.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'/%3E%3C/mask%3E%3Cg id='Clip-2'/%3E%3Cpath d='M16.5,18.1078815 C10.4641183,24.7974599 9.79188888,28.2064391 9.79188888,29.3878864 C9.79188888,31.2834388 10.4333353,32.9090595 11.6468455,34.0889993 C12.8639014,35.2722715 14.5420574,35.8976689 16.5,35.8976689 C18.4579426,35.8976689 20.1360986,35.2722715 21.3531545,34.0889993 C22.5666647,32.9090595 23.2081111,31.2834388 23.2081111,29.3878864 C23.2081111,28.2064391 22.5358817,24.7974599 16.5,18.1078815 M16.5,37.921919 C14.0257575,37.921919 11.7892369,37.0722132 10.2023823,35.5293494 C8.61190148,33.9829943 7.73603704,31.8018792 7.73603704,29.3878864 C7.73603704,28.1958069 8.14234015,26.7595034 8.94358407,25.1188865 C10.2409014,22.4625741 12.5282702,19.3655 15.7422713,15.9135158 L16.5,15.0996739 L17.2577287,15.9135158 C20.4717298,19.3655 22.7591792,22.4625741 24.0564159,25.1188865 C24.8576598,26.7595034 25.263963,28.1958069 25.263963,29.3878864 C25.263963,31.8018792 24.3880985,33.9829943 22.7976177,35.5293494 C21.2107631,37.0722132 18.9742425,37.921919 16.5,37.921919 M16.4998388,2.73383253 C12.3488103,6.51025857 8.81045977,10.5569337 6.2335536,14.4801481 C3.50047618,18.6410007 2.05585184,22.3500628 2.05585184,25.2064041 C2.05585184,29.7318471 3.49572174,33.7856633 6.11026051,36.6212955 C8.73696741,39.4700196 12.3297119,40.9757499 16.5,40.9757499 C20.6702881,40.9757499 24.2630326,39.4700196 26.8897395,36.6212955 C29.5042783,33.7856633 30.9441482,29.7318471 30.9441482,25.2064041 C30.9441482,22.3448261 29.494447,18.6287816 26.7517802,14.4599151 C24.1752769,10.5436038 20.6416808,6.50375228 16.4998388,2.73383253 M16.5,43 C11.8022915,43 7.571888,41.2178316 4.58819522,37.9819038 C3.11939577,36.3888939 1.97841089,34.4895329 1.19699056,32.3366646 C0.402757428,30.1484877 0,27.7494912 0,25.2064041 C0,21.9592093 1.55856971,17.8699258 4.50728916,13.3808229 C7.32207847,9.09547789 11.2310335,4.68000709 15.8114927,0.611670729 L16.5001612,0 L17.1886685,0.611829419 C21.7592964,4.67342145 25.6627718,9.08143382 28.4772388,13.3593997 C31.4361118,17.8567546 33,21.9534171 33,25.2064041 C33,27.7494912 32.5973232,30.1484877 31.8030094,32.3366646 C31.0215891,34.4895329 29.8806848,36.3888939 28.4118048,37.9819038 C25.428112,41.2178316 21.1977891,43 16.5,43' id='Fill-1' fill='%23FFF' mask='url(%23mask-2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.page-koop .icon-heatpump {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41px' height='38px' viewBox='0 0 41 38' version='1.1'%3E%3Ctitle%3Ewaermepumpe%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0 39 0 39 35 0 35'/%3E%3C/defs%3E%3Cg id='waermepumpe' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(1.000000, 1.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'/%3E%3C/mask%3E%3Cg id='Clip-2'/%3E%3Cpath d='M36.6080772,32.5748951 C36.4605553,32.7452666 35.9405201,33.2681001 35.2842014,33.05419 L24.1050556,26.0063587 L24.0240647,25.9739458 C23.4478379,25.7431248 23.3550841,25.1346234 23.3419727,24.883776 C23.3124534,24.32 23.5629933,23.6040244 24.1836491,23.2249349 L30.2290488,21.7765177 L30.3353634,21.7205925 C30.8820709,21.4331787 31.4496817,21.5722499 31.7478722,22.0664533 L36.8794455,30.5730858 C37.2939902,31.2603571 37.0418769,32.0737196 36.6080772,32.5748951 L36.6080772,32.5748951 Z M19.757993,24.0726387 C18.4240776,24.0722678 17.3392038,22.997674 17.3395034,21.6772765 C17.3398781,20.3569531 18.4250516,19.283101 19.7585175,19.283101 L19.7591168,19.283101 C21.0930322,19.2834718 22.1778312,20.3580657 22.1776064,21.6785374 C22.1773816,22.3181165 21.925568,22.9194974 21.4686173,23.3717199 C21.0117416,23.823794 20.4045718,24.0726387 19.7585924,24.0726387 L19.757993,24.0726387 Z M14.6349609,31.2270542 L14.6273937,31.3460991 C14.5888088,31.9521528 14.179134,32.3563123 13.6056043,32.3563123 C13.6005096,32.3563123 13.5954149,32.3563123 13.5902453,32.3563123 L3.58265843,32.2305177 C2.77409774,32.2204304 2.20611232,31.5818897 2.00194925,30.9535846 C1.93257126,30.7399712 1.75485574,30.0277784 2.28268284,29.5859399 L14.1224928,23.8850595 L14.2011611,23.8472321 L14.2715131,23.7959055 C14.7720685,23.4306119 15.3440997,23.6710752 15.5668435,23.7913069 C16.0674739,24.0615872 16.5523705,24.6479113 16.5537191,25.3698206 L14.6349609,31.2270542 Z M14.9460379,11.9031306 L14.8538087,11.8265116 C14.3796259,11.4325136 14.2969867,10.8595403 14.6480722,10.4004941 L20.689576,2.50132459 C21.1776943,1.86308053 22.0339805,1.78950259 22.6659495,1.99977824 C22.8807515,2.0712052 23.565241,2.35231444 23.6111683,3.03506128 L21.2032428,15.9373077 L21.2032428,16.0238656 C21.203093,16.6391907 20.6680733,16.9524903 20.438137,17.0586295 C19.9211736,17.2971644 19.156817,17.3356593 18.5690522,16.9080617 L14.9460379,11.9031306 Z M38.5203921,29.6029252 L33.3888189,21.0962185 C32.5950928,19.7807163 30.9657591,19.3192224 29.555423,19.9910661 L24.0715654,21.3049365 C23.9564849,19.989731 23.2397788,18.8425976 22.1950633,18.1360418 C22.7599019,17.5991157 23.0882112,16.8948592 23.1130853,16.118879 L25.5249817,3.19549381 L25.5249817,3.1089359 C25.5253563,1.78023118 24.6631513,0.667958329 23.2747675,0.206093628 C21.7360148,-0.305985045 20.0847288,0.157585596 19.1656579,1.35908653 L13.1241541,9.25825608 C12.1898739,10.4798574 12.3686384,12.1482667 13.5267112,13.1908185 L17.1638858,18.2154051 L17.1847891,18.2328353 C16.1202191,19.0143784 15.4285371,20.2669833 15.4281625,21.6767573 C15.4281625,21.7035331 15.4296609,21.7299381 15.4301854,21.7566398 C14.648297,21.6158626 13.8692557,21.7712515 13.2152595,22.2176886 L1.35581995,27.928063 L1.27722653,27.9658162 L1.20679963,28.0172169 C0.126421096,28.8055837 -0.26609646,30.152757 0.182388001,31.5330108 C0.679496989,33.0628681 2.03618871,34.1034915 3.55838363,34.1226277 L13.5660454,34.248348 C13.5791568,34.2484222 13.5921183,34.2484964 13.6051548,34.2484964 C15.1346921,34.2484964 16.3652897,33.122131 16.5242747,31.5936829 L18.4355407,25.7595166 C18.852483,25.8922832 19.2964721,25.9647486 19.7573936,25.964897 L19.7585924,25.964897 C20.3754271,25.964897 20.9721826,25.8368773 21.5192648,25.5956722 C21.7381875,26.5509986 22.3437839,27.3083618 23.2188755,27.6910857 L34.4163023,34.7504136 L34.4973681,34.7829748 C34.8615651,34.9288697 35.2361762,35 35.6077156,35 C36.5053588,35 37.3853953,34.5848632 38.0593957,33.8062871 C39.1157242,32.5859466 39.3010068,30.8967694 38.5203921,29.6029252 L38.5203921,29.6029252 Z' id='Fill-1' fill='%23ffffff' mask='url(%23mask-2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.page-koop .icon-nightstorage {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32px' height='41px' viewBox='0 0 32 41' version='1.1'%3E%3Ctitle%3Enachspeicher%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0 29 0 29 39 0 39'/%3E%3C/defs%3E%3Cg id='nachtspeicher' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(1.000000, 1.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'/%3E%3C/mask%3E%3Cg id='Clip-2'/%3E%3Cpath d='M19.5389131,2.04465926 C14.8671125,2.04465926 10.4749325,3.86026411 7.17152233,7.15718901 C3.86803184,10.4541139 2.04873105,14.8374844 2.04873105,19.5 C2.04873105,24.1625156 3.86803184,28.5458861 7.17152233,31.842811 C10.4750128,35.1396557 14.8671125,36.9554209 19.5389131,36.9554209 C20.7910225,36.9554209 22.02683,36.824464 23.2344507,36.5648743 C20.6492849,35.1378124 18.4201094,33.1413203 16.6965317,30.6915281 C14.3825545,27.4025375 13.1594351,23.5324957 13.1594351,19.5 C13.1594351,15.4674241 14.3825545,11.5973823 16.6965317,8.3083918 C18.4201094,5.8586797 20.6492849,3.86218759 23.2344507,2.43520585 C22.02683,2.17553605 20.7911028,2.04465926 19.5389131,2.04465926 M19.5389131,39 C14.3199169,39 9.41322534,36.9716903 5.72282728,33.2886268 C2.03242921,29.6055633 0,24.7086236 0,19.5 C0,14.2913764 2.03242921,9.3944367 5.72282728,5.71137319 C9.41322534,2.02830968 14.3199169,0 19.5389131,0 C21.9279751,0 24.2641966,0.426932419 26.4826916,1.26901594 L29,2.22458479 L26.4826916,3.18015363 C23.2027304,4.42520622 20.3984936,6.60474952 18.3732115,9.48331751 C16.3025573,12.4264022 15.2080858,15.8901089 15.2080858,19.5 C15.2080858,23.1098911 16.3025573,26.5735978 18.3732115,29.5166023 C20.3984936,32.3951703 23.2027304,34.5747938 26.4826916,35.8198464 L29,36.7754152 L26.4826916,37.7309039 C24.2641163,38.5729874 21.9278948,39 19.5389131,39' id='Fill-1' fill='%23FFFFFF' mask='url(%23mask-2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.page-koop .icon-internet {
		width: 2rem;
}
@media (min-width: 1024px) {
		.page-koop .icon-internet {
				width: 2rem;
		}
}
.page-koop .icon-internet {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='wlan-ic' fill-rule='nonzero'%3E%3Cpath d='M2,8.06465155 C5.9864,4.89420655 11.009,3 16.4474,3 C21.8858,3 26.9084,4.89420655 30.8948,8.06465155' id='XMLID_433_' stroke='%232970A9' stroke-width='2'%3E%3C/path%3E%3Cpath d='M7,12.1596091 C9.81116585,10.1726384 13.2397373,9 16.9441708,9 C20.6486043,9 24.0771757,10.1726384 26.8883415,12.1596091' id='XMLID_432_' stroke='%232970A9' stroke-width='2'%3E%3C/path%3E%3Cpath d='M12,16.3474962 C13.4643555,15.1645508 15.989502,14.7946777 17,14.7946777 C18.010498,14.7946777 20.5810547,15.1645508 22,16.3474962' id='XMLID_431_' stroke='%232970A9' stroke-width='2'%3E%3C/path%3E%3Ccircle id='XMLID_430_' fill='%232970A9' cx='17' cy='21' r='2'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.page-koop .icon-view {
		position: absolute;
		top: 50%;
		height: 1.5rem;
		width: 1.5rem;
		--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));
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.page-koop .icon-view span {
		visibility: hidden;
}
.page-koop .icon-view.toggle {
		right: 1rem;
		cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10 12a2 2 0 100-4 2 2 0 000 4z' /%3E%3Cpath fill-rule='evenodd' d='M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
.page-koop .icon-view.toggle.toggled {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z' clip-rule='evenodd' /%3E%3Cpath d='M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z' /%3E%3C/svg%3E");
      }
.page-koop .form-error {
		position: absolute;
		margin-left: -0.5rem;
		margin-bottom: 0px;
		display: flex;
		transform-origin: bottom left;
		--tw-translate-y: 50%;
		--tw-scale-x: 0;
		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: hidden;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		font-size: 0.75rem;
		line-height: 1rem;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(204 0 0 / var(--tw-text-opacity));
}
.page-koop .form-error:not(.inset-auto) {
		left: 1.5rem;
		bottom: 0px;
}
.page-koop .form-error.show, 
    .page-koop .form-error.is-visible {
		--tw-scale-x: 1;
		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));
}
.page-koop .form-error:not(.inputError) {
		--tw-text-opacity: 1;
		color: rgb(var(--neutralcolor) / var(--tw-text-opacity));
}
.page-koop .form-error#registerNowError, 
    .page-koop .form-error#calculateError {
		position: relative;
		left: 0px;
		transform: none;
		justify-content: center;
		padding-top: 0.5rem;
		font-size: 1rem;
		line-height: 1.5rem;
}
.page-koop .form-error#calculateError {
		margin-bottom: 0.5rem;
		--tw-translate-y: 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));
}
.page-koop .form-error#emailError {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--warningcolor) / var(--tw-bg-opacity));
}
.page-koop .form-error.gendererror {
		left: 0px;
		bottom: -0.25rem;
		--tw-translate-y: 100%;
		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));
}
.page-koop label, 
  .page-koop legend {
		font-weight: 800;
}
.page-koop label.error-label,  .page-koop legend.error-label {
		--tw-text-opacity: 1;
		color: rgb(204 0 0 / var(--tw-text-opacity));
}
.page-koop label.disabled-label,  .page-koop legend.disabled-label {
		background-color: transparent;
}
.page-koop label.disabled-label:after, .page-koop legend.disabled-label:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 50%;
        z-index: -10;
        display: block;
        height: 2px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
      }
.page-koop .react-datepicker {
		border-color: rgb(var(--neutralcolor) / 0.3);
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		font-weight: 800;
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__header {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__current-month {
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__navigation-icon {
		top: 0.25rem;
}
.page-koop .react-datepicker-popper {
		z-index: 50;
}
.page-koop .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:before {
		bottom: 0px;
		border-top-color: rgb(var(--neutralcolor) / 0.3);
}
.page-koop .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:after {
		bottom: 1px;
}
.page-koop .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before {
		top: 0px;
		border-bottom-color: rgb(var(--neutralcolor) / 0.3);
}
.page-koop .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:after {
		top: 1px;
}
.page-koop .react-datepicker__day {
		border-radius: 0.375rem;
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__day:hover {
		background-color: rgb(var(--actioncolor) / 0.3);
}
.page-koop .react-datepicker__day-name {
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__day--disabled, 
      .page-koop .react-datepicker__day--outside-month {
		color: rgb(var(--neutralcolor) / 0.6);
}
.page-koop .react-datepicker__day--disabled {
		cursor: not-allowed;
		color: rgb(var(--neutralcolor) / 0.2);
		text-decoration-line: line-through;
}
.page-koop .react-datepicker__day--disabled:hover {
		background-color: transparent;
}
.page-koop .react-datepicker__day--today {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
		font-weight: 800;
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__day--selected, 
      .page-koop .react-datepicker__day--keyboard-selected {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--actioncolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.page-koop .react-datepicker__day--selected:hover, 
      .page-koop .react-datepicker__day--keyboard-selected:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--actioncolor-dark) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.sib-form {
		padding: 0px !important;
}
#formular[data-block^="group"] > div {
		padding: 0px !important;
}
#sib-form-container * {
		font-family: var(--font-sans) !important;
		font-size: 1rem !important;
		line-height: 1.5rem !important;
}
#sib-form-container #sib-container {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 0px;
		max-width: none !important;
}
#sib-form-container #sib-form {
		display: flex;
		flex-direction: column;
		gap: 1rem;
}
@media (min-width: 768px) {
		#sib-form-container #sib-form {
				flex-direction: row;
				flex-wrap: wrap;
		}
}
#sib-form-container .sib-form-block {
		order: -9999;
		flex-basis: 100%;
		padding-left: 0px;
		padding-right: 0px;
}
@media (min-width: 768px) {
		#sib-form-container .sib-form-block {
				flex-basis: 49%;
		}
}
#sib-form-container .sib-form__declaration {
		order: 1;
}
@media (min-width: 768px) {
		#sib-form-container .sib-form__declaration {
				order: 2;
				flex-basis: 49%;
		}
}
#sib-form-container .sib-optin {
		order: 2;
}
@media (min-width: 768px) {
		#sib-form-container .sib-optin {
				order: 1;
				flex-basis: 51%;
		}
}
#sib-form-container .sib-form-block:has(.sib-form-block__button) {
		order: 3;
		flex-basis: 100%;
}
#sib-form-container .sib-form-block__button {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 0.375rem !important;
		--tw-bg-opacity: 1 !important;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity)) !important;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
		text-align: center !important;
		font-weight: 800 !important;
		--tw-text-opacity: 1 !important;
		color: rgb(var(--white) / var(--tw-text-opacity)) !important;
}
#sib-form-container .progress-indicator__icon {
		position: absolute;
		fill: rgb(var(--white));
		margin-left: auto !important;
		margin-right: auto !important;
}
#sib-form-container .form__entry {
		padding: 0px;
}
#sib-form-container .form__label-row {
		margin-bottom: 0px;
		margin-top: 0.5rem;
		display: flex;
		flex-direction: column;
}
#sib-form-container .form__label-row--horizontal>* {
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
}
#sib-form-container .sib-form .entry__error,  #sib-form-container .sib-form .entry__label,  #sib-form-container .sib-form .entry__specification,  #sib-form-container .sib-form .form__error {
		max-width: none;
}
#sib-form-container .entry__error {
		display: none;
		padding: 0.5rem;
}
#sib-form-container .entry__label {
		margin-bottom: 0.25rem;
		font-size: 0.875rem !important;
		line-height: 1.25rem !important;
}
#sib-form-container .entry__specification {
		display: none !important;
}
#sib-form-container .sib-sms-select__number-input, 
  #sib-form-container .sib-sms-select__title {
		height: auto;
}
#sib-form-container .sib-sms-select__calling-code {
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
}
#sib-form-container .sib-sms-tooltip {
		display: none !important;
}
#sib-form-container .entry__field input, 
  #sib-form-container .sib-sms-input-wrapper input {
		margin: 0px;
		display: block;
		height: auto;
		width: 100%;
		border-radius: 0.5rem;
		border-width: 1px;
		border-color: rgb(var(--neutralcolor) / 0.3);
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-family: var(--font-sans);
		line-height: 1;
		--tw-text-opacity: 1;
		color: rgb(var(--darkgrey) / var(--tw-text-opacity));
		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#sib-form-container .entry__field input:disabled, 
  #sib-form-container .sib-sms-input-wrapper input:disabled {
		cursor: not-allowed;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--lightgrey) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--grey) / var(--tw-text-opacity));
}
#sib-form-container ::placeholder {
		font-family: var(--font-sans) !important;
}
#sib-form-container .entry__specification {
		margin-top: 0px;
}
#sib-form-container .entry_errored .entry__error {
		display: block;
}
.btn {
		position: relative;
		height: auto;
		max-height: max-content;
		cursor: pointer;
		border-radius: 0.375rem;
		border-width: 2px;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: 1.125rem;
		line-height: 1.75rem;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 1;
		text-decoration-line: none;
}
.btn:hover {
		--tw-translate-y: -2px;
		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));
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
		.btn {
				padding-left: 2rem;
				padding-right: 2rem;
		}
}
@media (min-width: 768px) {
		.btn {
				padding-left: 2.5rem;
				padding-right: 2.5rem;
		}
}
@media (min-width: 1024px) {
		.btn {
				padding-left: 3rem;
				padding-right: 3rem;
		}
}
.btn.btn-small {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
}
.btn-primary {
		--tw-border-opacity: 1;
		border-color: rgb(var(--maincolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.btn-primary:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--maincolor-dark) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor-dark) / var(--tw-bg-opacity));
}
.btn-primary.btn-ghost {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
.btn-primary.btn-nude {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
.btn-primary.btn-nude:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor-dark) / var(--tw-text-opacity));
}
.btn-secondary {
		--tw-border-opacity: 1;
		border-color: rgb(var(--subcolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.btn-secondary:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--subcolor-dark) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor-dark) / var(--tw-bg-opacity));
}
.btn-secondary.btn-ghost {
		--tw-text-opacity: 1;
		color: rgb(var(--subcolor) / var(--tw-text-opacity));
}
.btn-secondary.btn-nude {
		--tw-text-opacity: 1;
		color: rgb(var(--subcolor) / var(--tw-text-opacity));
}
.btn-secondary.btn-nude:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--subcolor-dark) / var(--tw-text-opacity));
}
.btn-white {
		--tw-border-opacity: 1;
		border-color: rgb(var(--backgroundcolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.btn-white:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--backgroundcolor-dark) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));
}
.btn-white.btn-ghost {
		--tw-text-opacity: 1;
		color: rgb(var(--backgroundcolor) / var(--tw-text-opacity));
}
.btn-white.btn-ghost:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--backgroundcolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.btn-white.btn-nude {
		--tw-text-opacity: 1;
		color: rgb(var(--backgroundcolor) / var(--tw-text-opacity));
}
.btn-white.btn-nude:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
.btn-white.active {
		--tw-border-opacity: 1;
		border-color: rgb(var(--backgroundcolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--textcolor) / var(--tw-text-opacity));
}
.btn-actioncolor {
		--tw-border-opacity: 1;
		border-color: rgb(var(--actioncolor) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--actioncolor) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.btn-actioncolor:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--actioncolor-dark) / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(var(--actioncolor-dark) / var(--tw-bg-opacity));
}
.btn-actioncolor.btn-ghost {
		--tw-text-opacity: 1;
		color: rgb(var(--actioncolor) / var(--tw-text-opacity));
}
.btn-ghost {
		border-width: 2px;
		border-style: solid;
		background-color: transparent;
}
.btn-ghost:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.btn-nude {
		border-width: 2px;
		border-color: transparent;
		background-color: transparent;
}
.btn-nude:hover {
		border-color: transparent;
		background-color: transparent;
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-narrow {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
}
.btn-pill {
		border-radius: 9999px;
}
a, 
a:visited, 
a:active {
		text-decoration-color: rgb(var(--darkgrey));
		text-underline-offset: 4px;
}
a:hover, 
a:visited:hover, 
a:active:hover {
		text-decoration-line: underline;
		text-decoration-color: rgb(var(--maincolor));
}
@media (prefers-color-scheme: dark) {
		a, 
a:visited, 
a:active {
				text-decoration-color: rgb(var(--white));
		}
}
*:not(svg):not(path):not(circle):not(.react-select__input input):not(
    [data-mode] *
  ):not(p):not(ul):not(li) {
  /* @apply transition-[max-height,transform] duration-300 ease-in-out; */
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#header {
		--tw-backdrop-blur: blur(12px);
		--tw-backdrop-brightness: brightness(0.8);
		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);
}
.inset {
  box-shadow: inset 0 3px 0 0 rgb(var(--backgroundcolor)),
    inset 0 -3px 0 0 rgb(var(--backgroundcolor)),
    inset -3px 0 0 0 rgb(var(--backgroundcolor)),
    inset 3px 0 0 0 rgb(var(--backgroundcolor)),
    inset 0 0 0 3px rgb(var(--backgroundcolor));
}
.bg-icon-chevron {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-clap {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='50px' height='52px' viewBox='0 0 50 52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='clapping-ic' stroke='%232970A9' stroke-width='3'%3E%3Cpath d='M10.3453388,25.3545914 C9.31356351,23.5716501 6.65930555,23.2871544 4.87089501,24.3157743 C3.08248447,25.3443943 2.46911042,27.6236151 3.50088573,29.4065563 L11.1812407,42.6715615 C15.3485007,49.7100767 24.4253004,52.0880201 31.5250762,48.0012472 C38.624852,43.9144743 41.0970938,34.8886718 37.0661129,27.7717117 L33.5373011,21.6669121 C32.4456965,20.025632 30.2612398,19.5150009 28.5516065,20.5014733 C26.8419731,21.4879456 26.5120509,23.3953725 27.3957825,25.1565971' id='Path'%3E%3C/path%3E%3Cpath d='M22,30.3150522 L14.0402176,16.8445206 C13.3666963,15.7035495 12.1215169,15.0004223 10.7737263,15 C9.42593571,14.9995781 8.18029543,15.7019252 7.50602611,16.8424741 C6.83175678,17.9830231 6.83129596,19.3884974 7.50481723,20.5294684 L15.4645997,34' id='Path'%3E%3C/path%3E%3Cpath d='M31,31 L22.1126405,16.7626556 C20.7717438,14.7215805 18.4957669,14.3687605 16.9071871,15.4719073 C15.3186073,16.5750542 15.1211379,18.7688608 16.1729279,20.453804' id='Path'%3E%3C/path%3E%3Cpath d='M18.6823502,14.619545 L16.8890083,11.0278035 C15.8702882,9.08940228 13.6130037,8.42458571 11.8472222,9.54289408 C10.0814408,10.6612024 9.39797456,12.8828612 10.4166946,14.8212624' id='Path'%3E%3C/path%3E%3Cpath d='M38.8819005,40 C44.3108334,35.1894994 45.5782119,27.3262051 41.9258556,21.1141535 L38.2558387,14.9033718 C37.5616896,13.7259969 36.2783739,13.0004358 34.8893045,13 C33.500235,12.9995646 32.2164444,13.7243207 31.5215242,14.90126 C30.826604,16.0781992 30.8261291,17.5285164 31.5202783,18.7058912' id='Path'%3E%3C/path%3E%3Cpath d='M30.775013,15.6883907 L26.6006988,9.01970434 C25.4767366,7.08904521 22.9862563,6.42688394 21.0380553,7.54072574 C19.0898543,8.65456755 18.4216766,11.1226232 19.5456388,13.0532823 L21.2150803,15.6685295' id='Path'%3E%3C/path%3E%3Cline x1='36' y1='2' x2='35' y2='5' id='Path'%3E%3C/line%3E%3Cline x1='43' y1='5' x2='40' y2='8' id='Path'%3E%3C/line%3E%3Cline x1='48' y1='9' x2='45' y2='12' id='Path'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mask-icon-chevron {
		position: relative;
}
.mask-icon-chevron:after {
  content: "";
  position: relative;
  right: 0px;
  top: 0px;
  height: 1.5rem;
  width: 1.5rem;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width: 767px) {
  .__react_component_tooltip {
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }
}
.btn-loading {
		color: transparent;
}
.btn-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' stroke='%23ffffff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
.is-active {
  color: var(--maincolor);
}
.is-active * {
    color: var(--maincolor);
  }
[data-filter] {
		max-height: 0px;
		border-width: 0px;
}
[data-filter].height-show {
		max-height: 300px;
		border-width: 1px;
}
.info-message {
		display: flex;
		align-items: center;
		justify-content: center;
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.info-message.warning {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--warningcolor) / var(--tw-bg-opacity));
}
.info-message.success {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--successcolor-light) / var(--tw-bg-opacity));
}
.info-message.info {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--infocolor) / var(--tw-bg-opacity));
}
.info-message.hinweis {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
}
.info-message .info-inner {
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
}
@media (min-width: 480px) {
		.info-message .info-inner {
				max-width: 480px;
		}
}
@media (min-width: 640px) {
		.info-message .info-inner {
				max-width: 640px;
				padding-right: 2rem;
				padding-left: 2rem;
		}
}
@media (min-width: 768px) {
		.info-message .info-inner {
				max-width: 768px;
		}
}
@media (min-width: 1024px) {
		.info-message .info-inner {
				max-width: 1024px;
				padding-right: 0rem;
				padding-left: 0rem;
		}
}
@media (min-width: 1280px) {
		.info-message .info-inner {
				max-width: 1280px;
		}
}
@media (min-width: 1536px) {
		.info-message .info-inner {
				max-width: 1536px;
		}
}
.info-message .info-inner {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
}
/* variable classes */
.block-list-item {
		display: flex;
		flex-wrap: wrap;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
}
.nav-arrow-left::after {
		position: absolute;
		left: 0px;
		top: 1.25rem;
		height: 0px;
		width: 0px;
		--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));
		border-width: 9px;
		border-right-width: 0px;
		border-style: solid;
		border-color: transparent;
		content: var(--tw-content);
		--tw-border-opacity: 1;
		border-left-color: rgb(var(--maincolor) / var(--tw-border-opacity));
}
.nav-arrow-bottom {
		background-color: transparent;
}
.nav-arrow-bottom::after {
		position: absolute;
		bottom: -1px;
		left: 50%;
		height: 0px;
		width: 0px;
		--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));
		border-width: 12px;
		border-top-width: 0px;
		border-style: solid;
		border-color: transparent;
		content: var(--tw-content);
		--tw-border-opacity: 1;
		border-bottom-color: rgb(var(--maincolor) / var(--tw-border-opacity));
}
/* toggle button */
#toggle-button {
		position: relative;
		display: flex;
		height: 26px;
		width: 2.25rem;
		--tw-rotate: 0deg;
		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;
		flex-direction: column;
		transition-duration: 500ms;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#toggle-button span {
		position: absolute;
		left: 0px;
		display: block;
		height: 4px;
		width: 100%;
		--tw-rotate: 0deg;
		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));
		border-radius: 0.5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		opacity: 1;
		transition-duration: 250ms;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#toggle-button span:nth-child(1) {
		top: 0px;
}
#toggle-button span:nth-child(2), 
    #toggle-button span:nth-child(3) {
		top: 0.75rem;
}
#toggle-button span:nth-child(4) {
		top: 1.5rem;
}
#toggle-button.open span:nth-child(1), 
      #toggle-button.open span:nth-child(4) {
		top: 0.75rem;
		left: 50%;
		width: 0px;
}
#toggle-button.open span:nth-child(2) {
		--tw-rotate: 45deg;
		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));
}
#toggle-button.open span:nth-child(3) {
		--tw-rotate: -45deg;
		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));
}
/* static classes */
#wp-navigation {
		font-size: 1.25rem;
		line-height: 1.75rem;
}
@media screen and (max-width: 767px) {
#wp-navigation {
				max-height: 1000px;
		}
    #wp-navigation:not(.open) {
				max-height: 0px;
				overflow: hidden;
		}
  }
#wp-navigation .menu-item {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		overflow: hidden;
}
@media (min-width: 768px) {
		#wp-navigation .menu-item {
				width: auto;
		}
}
#wp-navigation .menu-item a, 
    #wp-navigation .menu-item a:link, 
    #wp-navigation .menu-item a:visited, 
    #wp-navigation .menu-item a:active {
		display: flex;
		flex-grow: 1;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
		text-align: center;
		font-weight: 800;
		text-transform: uppercase;
		--tw-text-opacity: 1;
		color: rgb(var(--lightblue) / var(--tw-text-opacity));
}
#wp-navigation .menu-item a:hover, 
    #wp-navigation .menu-item a:link:hover, 
    #wp-navigation .menu-item a:visited:hover, 
    #wp-navigation .menu-item a:active:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
@media (min-width: 768px) {
		#wp-navigation .menu-item a, 
    #wp-navigation .menu-item a:link, 
    #wp-navigation .menu-item a:visited, 
    #wp-navigation .menu-item a:active {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
		}
		#wp-navigation .menu-item:first-child a, 
      #wp-navigation .menu-item:first-child a:link, 
      #wp-navigation .menu-item:first-child a:visited, 
      #wp-navigation .menu-item:first-child a:active {
				padding-left: 0px;
		}
}
#wp-navigation .menu-item .sub-menu {
		position: relative;
		z-index: 10;
		max-height: 0px;
		flex-basis: 100%;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 500ms;
}
@media (min-width: 768px) {
		#wp-navigation .menu-item .sub-menu {
				position: absolute;
		}
}
#wp-navigation .menu-item .sub-menu .menu-item {
		min-width: 24rem;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		--tw-bg-opacity: 1;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
}
#wp-navigation .menu-item .sub-menu .menu-item a, 
        #wp-navigation .menu-item .sub-menu .menu-item a:link, 
        #wp-navigation .menu-item .sub-menu .menu-item a:visited, 
        #wp-navigation .menu-item .sub-menu .menu-item a:active {
		padding-left: 2rem;
		padding-right: 2rem;
		text-align: left;
}
@media (min-width: 768px) {
		#wp-navigation .menu-item .sub-menu .menu-item:first-child.current-menu-item::after {
				content: var(--tw-content);
				margin-left: 0px;
		}
}
#wp-navigation .menu-item .sub-menu .menu-item:last-child a, 
          #wp-navigation .menu-item .sub-menu .menu-item:last-child a:link, 
          #wp-navigation .menu-item .sub-menu .menu-item:last-child a:visited, 
          #wp-navigation .menu-item .sub-menu .menu-item:last-child a:active {
		padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
#wp-navigation .menu-item {
				display: flex;
				flex-wrap: wrap;
				--tw-bg-opacity: 1;
				background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity));
		}
        #wp-navigation .menu-item-has-children .toggle-submenu {
				z-index: 20;
				display: flex;
				width: 5rem;
				align-items: center;
				justify-content: center;
				position: relative;
		}
#wp-navigation .menu-item-has-children .toggle-submenu:after {
  content: "";
  position: relative;
  right: 0px;
  top: 0px;
  height: 1.5rem;
  width: 1.5rem;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
        #wp-navigation .menu-item-has-children .toggle-submenu::after {
				--tw-rotate: -90deg;
				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));
				--tw-bg-opacity: 1;
				background-color: rgb(var(--lightblue) / var(--tw-bg-opacity));
				transition-property: transform;
				transition-duration: 300ms;
				content: var(--tw-content);
				transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		}
          #wp-navigation .menu-item-has-children .toggle-submenu.close::after {
				--tw-rotate: 0deg;
				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));
				content: var(--tw-content);
				--tw-bg-opacity: 1;
				background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
		}
        #wp-navigation .menu-item-has-children.open-submenu {
				overflow: visible;
				--tw-shadow: 0 -20px 25px -5px rgb(0 0 0 / 0.1);
				--tw-shadow-colored: 0 -20px 25px -5px var(--tw-shadow-color);
				box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		}
          #wp-navigation .menu-item-has-children.open-submenu .sub-menu {
				max-height: 800px;
				padding-left: 2rem;
				--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
				--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
				box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		}
    }
@media screen and (min-width: 768px) {
        #wp-navigation .menu-item-has-children:hover {
				overflow: visible;
		}
          #wp-navigation .menu-item-has-children:hover .sub-menu {
				max-height: 800px;
				padding-top: 4px;
				--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
				--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
				box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		}
      }
#wp-navigation .current-menu-item, 
  #wp-navigation .current-menu-parent {
		--tw-bg-opacity: 1 !important;
		background-color: rgb(var(--backgroundcolor) / var(--tw-bg-opacity)) !important;
		background-color: transparent;
}
#wp-navigation .current-menu-item::after,  
  #wp-navigation .current-menu-parent::after {
		position: absolute;
		bottom: -1px;
		left: 50%;
		height: 0px;
		width: 0px;
		--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));
		border-width: 12px;
		border-top-width: 0px;
		border-style: solid;
		border-color: transparent;
		content: var(--tw-content);
		--tw-border-opacity: 1;
		border-bottom-color: rgb(var(--maincolor) / var(--tw-border-opacity));
}
@media (min-width: 768px) {
		#wp-navigation .current-menu-item::after, 
  #wp-navigation .current-menu-parent::after {
				content: var(--tw-content) !important;
				margin-left: -1rem !important;
		}
}
#wp-navigation .current-menu-item > a, 
    #wp-navigation .current-menu-item > a:link, 
    #wp-navigation .current-menu-item > a:visited, 
    #wp-navigation .current-menu-item > a:active, 
    #wp-navigation .current-menu-parent > a, 
    #wp-navigation .current-menu-parent > a:link, 
    #wp-navigation .current-menu-parent > a:visited, 
    #wp-navigation .current-menu-parent > a:active {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
@media screen and (max-width: 767px) {
#wp-navigation .current-menu-item::after,  
  #wp-navigation .current-menu-parent::after {
				position: absolute;
				left: 0px;
				top: 1.25rem;
				height: 0px;
				width: 0px;
				--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));
				border-width: 9px;
				border-right-width: 0px;
				border-style: solid;
				border-color: transparent;
				content: var(--tw-content);
				--tw-border-opacity: 1;
				border-left-color: rgb(var(--maincolor) / var(--tw-border-opacity));
		}
    }
@media screen and (min-width: 768px) {
      #wp-navigation .current-menu-item:first-child::after,  #wp-navigation .current-menu-parent:first-child::after {
				content: var(--tw-content);
				margin-left: -1rem;
		}
    }
#wp-navigation .sub-menu .current-menu-item::after {
		--tw-content: none;
		content: var(--tw-content);
}
#overlay-menu svg {
    fill: white;
  }
#overlay-menu > nav {
		width: 100%;
		max-width: 92rem;
}
#overlay-menu > nav ul {
		display: flex;
		flex-wrap: wrap;
}
#overlay-menu > nav ul .menu-item {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		flex-basis: 100%;
}
@media (min-width: 768px) {
		#overlay-menu > nav ul .menu-item {
				margin-top: 0px;
				margin-bottom: 0px;
				flex-basis: 25%;
		}
}
#overlay-menu > nav ul .menu-item a, 
        #overlay-menu > nav ul .menu-item a:visited, 
        #overlay-menu > nav ul .menu-item a:active {
		display: flex;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		text-align: center;
		font-size: 1.125rem;
		line-height: 1.75rem;
		font-weight: 800;
		text-transform: uppercase;
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
		text-decoration-color: rgb(var(--white) / 0.5);
		text-underline-offset: 4px;
}
#overlay-menu > nav ul .menu-item a:hover, 
        #overlay-menu > nav ul .menu-item a:visited:hover, 
        #overlay-menu > nav ul .menu-item a:active:hover {
		text-decoration-line: underline;
}
@media (min-width: 640px) {
		#overlay-menu > nav ul .menu-item a, 
        #overlay-menu > nav ul .menu-item a:visited, 
        #overlay-menu > nav ul .menu-item a:active {
				padding-top: 0.5rem;
				padding-bottom: 0.5rem;
		}
}
@media (min-width: 768px) {
		#overlay-menu > nav ul .menu-item a, 
        #overlay-menu > nav ul .menu-item a:visited, 
        #overlay-menu > nav ul .menu-item a:active {
				padding-top: 1rem;
				padding-bottom: 1rem;
				font-size: 1.5rem;
				line-height: 2rem;
		}
}
#overlay-menu > nav ul.sub-menu {
		flex-direction: column;
}
#overlay-menu > nav ul.sub-menu .menu-item {
		margin-top: 0px;
		margin-bottom: 0px;
}
#overlay-menu > nav ul.sub-menu .menu-item a, 
          #overlay-menu > nav ul.sub-menu .menu-item a:visited, 
          #overlay-menu > nav ul.sub-menu .menu-item a:active {
		font-size: 1rem;
		line-height: 1.5rem;
		color: rgb(var(--white) / 0.5);
}
@keyframes pushSmall {
		0% {
				transform: translateX(0);
		}
		50% {
				transform: translateX(4px);
		}
		100% {
				transform: translateX(0);
		}
}
#overlay-menu > nav ul.sub-menu .menu-item a:hover, 
          #overlay-menu > nav ul.sub-menu .menu-item a:visited:hover, 
          #overlay-menu > nav ul.sub-menu .menu-item a:active:hover {
		animation: pushSmall 1s ease-in-out infinite;
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
@media (min-width: 768px) {
		#overlay-menu > nav ul.sub-menu .menu-item a, 
          #overlay-menu > nav ul.sub-menu .menu-item a:visited, 
          #overlay-menu > nav ul.sub-menu .menu-item a:active {
				font-size: 1.125rem;
				line-height: 1.75rem;
		}
}
:root {
  --hamburger-padding-x: 0;
  --hamburger-padding-y: 15px;
  --hamburger-layer-width: 25px;
  --hamburger-layer-height: 2px;
  --hamburger-layer-spacing: 3px;
  --hamburger-layer-color: #f5f5f5;
  --hamburger-layer-border-radius: 4px;
  --hamburger-hover-opacity: 0.7;
  --hamburger-active-layer-color: var(--hamburger-layer-color);
  --hamburger-active-hover-opacity: var(--hamburger-hover-opacity);
}
.hamburger {
  padding: var(--hamburger-padding-y) var(--hamburger-padding-x);
  display: inline-block;
  cursor: pointer;

  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;

  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
    opacity: var(--hamburger-hover-opacity);
  }
.hamburger.is-active:hover {
      opacity: var(--hamburger-hover-opacity);
    }
.hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
      background-color: var(--hamburger-active-layer-color);
    }
.hamburger-box {
  width: var(--hamburger-layer-width);
  height: calc(
    var(--hamburger-layer-height) * 3 + var(--hamburger-layer-spacing) * 2
  );
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: calc(var(--hamburger-layer-height) / -2);
}
.hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: var(--hamburger-layer-width);
    height: var(--hamburger-layer-height);
    background-color: var(--hamburger-layer-color);
    border-radius: var(--hamburger-layer-border-radius);
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
.hamburger-inner::before,
  .hamburger-inner::after {
    content: "";
    display: block;
  }
.hamburger-inner::before {
    top: -5px;
  }
.hamburger-inner::after {
    bottom: -5px;
  }
/*
   * Spin
*/
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.hamburger--spin .hamburger-inner::before {
      transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }
.hamburger--spin .hamburger-inner::after {
      transition: bottom 0.1s 0.25s ease-in,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
.hamburger--spin.is-active .hamburger-inner {
      transform: rotate(225deg);
      transition-delay: 0.12s;
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
.hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
      }
.hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out,
          transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
#banner:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
      rgba(239, 117, 32, 0.65),
      rgba(36, 60, 71, 0.05)
    );
  }
@media screen and (min-width: 1024px) and (orientation: portrait) {
#banner {
    max-height: 50%
}
  }
.ratings {
		right: 0px;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
}
.ratings .rating-number .current {
		font-weight: 800;
}
.ratings .rating-stars {
  --percent: calc(var(--rating) / 5 * 100%);
  font-family: Times;
  display: inline-block;
  line-height: 1;
}
.ratings .rating-stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  --tw-gradient-from-position: var(--percent);
  --tw-gradient-to-position: var(--percent);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body::-webkit-scrollbar {
  width: 1em;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
  background-color: #f9aa00;
}
::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #f9aa00;
}
::selection {
  color: #fff;
  background: #f9aa00;
}
.bg-circle:after {
    background-color: #fff;
    border-radius: 50%;
    width: 100vh;
    height: 100vh;
    position: absolute;
    z-index: -1;
  }
.bg-divider:before,
  .bg-divider:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 180px;
    background-image: url("../../../img/lp-2023/divider-light.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
  }
.bg-divider:before {
    top: 0;
  }
.bg-divider:after {
    transform: rotate(180deg);
    bottom: 0;
  }
@media (prefers-color-scheme: light) {
    .bg-divider:before,
    .bg-divider:after {
      background-image: url("../../../img/lp-2023/divider-light.svg");
    }
}
.before\:block::before {
		content: var(--tw-content);
		display: block;
}
.before\:h-6::before {
		content: var(--tw-content);
		height: 1.5rem;
}
.before\:w-\[1px\]::before {
		content: var(--tw-content);
		width: 1px;
}
.before\:bg-white\/30::before {
		content: var(--tw-content);
		background-color: rgb(var(--white) / 0.3);
}
.before\:bg-lightgrey::before {
		content: var(--tw-content);
		--tw-bg-opacity: 1;
		background-color: rgb(var(--lightgrey) / var(--tw-bg-opacity));
}
.before\:bg-gradient-to-r::before {
		content: var(--tw-content);
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-maincolor::before {
		content: var(--tw-content);
		--tw-gradient-from: rgb(var(--maincolor));
		--tw-gradient-to: rgb(var(--maincolor) / 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:to-transparent::before {
		content: var(--tw-content);
		--tw-gradient-to: transparent;
}
.after\:absolute::after {
		content: var(--tw-content);
		position: absolute;
}
.after\:-right-\[35\%\]::after {
		content: var(--tw-content);
		right: -35%;
}
.after\:top-0::after {
		content: var(--tw-content);
		top: 0px;
}
.after\:-left-2\/3::after {
		content: var(--tw-content);
		left: -66.666667%;
}
.after\:right-0::after {
		content: var(--tw-content);
		right: 0px;
}
.after\:left-0::after {
		content: var(--tw-content);
		left: 0px;
}
.after\:-left-\[25\%\]::after {
		content: var(--tw-content);
		left: -25%;
}
.after\:mt-\[9\%\]::after {
		content: var(--tw-content);
		margin-top: 9%;
}
.after\:h-\[70vh\]::after {
		content: var(--tw-content);
		height: 70vh;
}
.after\:h-\[100vh\]::after {
		content: var(--tw-content);
		height: 100vh;
}
.after\:h-\[70vw\]::after {
		content: var(--tw-content);
		height: 70vw;
}
.after\:h-full::after {
		content: var(--tw-content);
		height: 100%;
}
.after\:h-\[50vh\]::after {
		content: var(--tw-content);
		height: 50vh;
}
.after\:w-\[150vh\]::after {
		content: var(--tw-content);
		width: 150vh;
}
.after\:w-\[90vw\]::after {
		content: var(--tw-content);
		width: 90vw;
}
.after\:w-full::after {
		content: var(--tw-content);
		width: 100%;
}
.after\:w-\[70vh\]::after {
		content: var(--tw-content);
		width: 70vh;
}
.after\:translate-x-1\/2::after {
		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));
}
.after\:bg-lightgrey\/30::after {
		content: var(--tw-content);
		background-color: rgb(var(--lightgrey) / 0.3);
}
.after\:bg-gradient-to-br::after {
		content: var(--tw-content);
		background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.after\:from-darkgrey\/90::after {
		content: var(--tw-content);
		--tw-gradient-from: rgb(var(--darkgrey) / 0.9);
		--tw-gradient-to: rgb(var(--darkgrey) / 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.after\:via-darkgrey\/30::after {
		content: var(--tw-content);
		--tw-gradient-to: rgb(var(--darkgrey) / 0);
		--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--darkgrey) / 0.3), var(--tw-gradient-to);
}
.after\:to-transparent::after {
		content: var(--tw-content);
		--tw-gradient-to: transparent;
}
.hover\:translate-y-\[-2px\]:hover {
		--tw-translate-y: -2px;
		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));
}
.hover\:border-maincolor-dark:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--maincolor-dark) / var(--tw-border-opacity));
}
.hover\:border-subcolor-dark:hover {
		--tw-border-opacity: 1;
		border-color: rgb(var(--subcolor-dark) / var(--tw-border-opacity));
}
.hover\:bg-maincolor:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor) / var(--tw-bg-opacity));
}
.hover\:bg-subcolor:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor) / var(--tw-bg-opacity));
}
.hover\:bg-maincolor-dark:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--maincolor-dark) / var(--tw-bg-opacity));
}
.hover\:bg-subcolor-dark:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--subcolor-dark) / var(--tw-bg-opacity));
}
.hover\:bg-opacity-20:hover {
		--tw-bg-opacity: 0.2;
}
.hover\:fill-darkgrey:hover {
		fill: rgb(var(--darkgrey));
}
.hover\:text-maincolor:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--maincolor) / var(--tw-text-opacity));
}
.hover\:text-white:hover {
		--tw-text-opacity: 1;
		color: rgb(var(--white) / var(--tw-text-opacity));
}
.hover\:underline:hover {
		text-decoration-line: underline;
}
.hover\:no-underline:hover {
		text-decoration-line: none;
}
.hover\:decoration-maincolor:hover {
		text-decoration-color: rgb(var(--maincolor));
}
.hover\:opacity-100:hover {
		opacity: 1;
}
.hover\:shadow-lg:hover {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
		outline: 2px solid transparent;
		outline-offset: 2px;
}
.focus-visible\:outline-none:focus-visible {
		outline: 2px solid transparent;
		outline-offset: 2px;
}
@media (prefers-reduced-motion: no-preference) {
		.motion-safe\:opacity-0 {
				opacity: 0;
		}
}
@media (prefers-color-scheme: dark) {
		.dark\:flex {
				display: flex;
		}
		.dark\:hidden {
				display: none;
		}
		.dark\:border-white\/10 {
				border-color: rgb(var(--white) / 0.1);
		}
		.dark\:bg-darkgrey {
				--tw-bg-opacity: 1;
				background-color: rgb(var(--darkgrey) / var(--tw-bg-opacity));
		}
		.dark\:bg-grey {
				--tw-bg-opacity: 1;
				background-color: rgb(var(--grey) / var(--tw-bg-opacity));
		}
		.dark\:bg-darkgrey-2 {
				--tw-bg-opacity: 1;
				background-color: rgb(var(--darkgrey-2) / var(--tw-bg-opacity));
		}
		.dark\:fill-darkgrey {
				fill: rgb(var(--darkgrey));
		}
		.dark\:fill-white {
				fill: rgb(var(--white));
		}
		.dark\:text-white {
				--tw-text-opacity: 1;
				color: rgb(var(--white) / var(--tw-text-opacity));
		}
		.dark\:text-white\/50 {
				color: rgb(var(--white) / 0.5);
		}
		.dark\:before\:bg-darkgrey::before {
				content: var(--tw-content);
				--tw-bg-opacity: 1;
				background-color: rgb(var(--darkgrey) / var(--tw-bg-opacity));
		}
		.dark\:after\:opacity-5::after {
				content: var(--tw-content);
				opacity: 0.05;
		}
}
@media (min-width: 480px) {
		.xs\:relative {
				position: relative;
		}
		.xs\:bottom-auto {
				bottom: auto;
		}
		.xs\:translate-y-0 {
				--tw-translate-y: 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));
		}
		.xs\:flex-row {
				flex-direction: row;
		}
		.xs\:text-\[11px\] {
				font-size: 11px;
		}
}
@media (min-width: 640px) {
		.sm\:inline-block {
				display: inline-block;
		}
		.sm\:hidden {
				display: none;
		}
		.sm\:h-36 {
				height: 9rem;
		}
		.sm\:w-2\/5 {
				width: 40%;
		}
		.sm\:w-4\/5 {
				width: 80%;
		}
		.sm\:w-2\/3 {
				width: 66.666667%;
		}
		.sm\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.sm\:flex-row {
				flex-direction: row;
		}
		.sm\:flex-row-reverse {
				flex-direction: row-reverse;
		}
		.sm\:flex-wrap {
				flex-wrap: wrap;
		}
		.sm\:items-start {
				align-items: flex-start;
		}
		.sm\:items-center {
				align-items: center;
		}
		.sm\:justify-center {
				justify-content: center;
		}
		.sm\:py-20 {
				padding-top: 5rem;
				padding-bottom: 5rem;
		}
		.sm\:py-\[150px\] {
				padding-top: 150px;
				padding-bottom: 150px;
		}
		.sm\:py-8 {
				padding-top: 2rem;
				padding-bottom: 2rem;
		}
		.sm\:px-8 {
				padding-left: 2rem;
				padding-right: 2rem;
		}
		.sm\:pt-16 {
				padding-top: 4rem;
		}
		.sm\:pb-56 {
				padding-bottom: 14rem;
		}
		.sm\:text-center {
				text-align: center;
		}
		.sm\:text-xl {
				font-size: 1.25rem;
				line-height: 1.75rem;
		}
		.sm\:text-2xl {
				font-size: 1.5rem;
				line-height: 2rem;
		}
		.sm\:text-3xl {
				font-size: 1.875rem;
				line-height: 2.25rem;
		}
}
@media (min-width: 768px) {
		.md\:absolute {
				position: absolute;
		}
		.md\:bottom-auto {
				bottom: auto;
		}
		.md\:-right-24 {
				right: -6rem;
		}
		.md\:-top-20 {
				top: -5rem;
		}
		.md\:-bottom-40 {
				bottom: -10rem;
		}
		.md\:right-0 {
				right: 0px;
		}
		.md\:top-64 {
				top: 16rem;
		}
		.md\:top-1\/2 {
				top: 50%;
		}
		.md\:right-1\/4 {
				right: 25%;
		}
		.md\:top-32 {
				top: 8rem;
		}
		.md\:order-1 {
				order: 1;
		}
		.md\:order-2 {
				order: 2;
		}
		.md\:order-3 {
				order: 3;
		}
		.md\:col-span-2 {
				grid-column: span 2 / span 2;
		}
		.md\:mx-auto {
				margin-left: auto;
				margin-right: auto;
		}
		.md\:ml-0 {
				margin-left: 0px;
		}
		.md\:-mt-20 {
				margin-top: -5rem;
		}
		.md\:-ml-\[100\%\] {
				margin-left: -100%;
		}
		.md\:block {
				display: block;
		}
		.md\:flex {
				display: flex;
		}
		.md\:hidden {
				display: none;
		}
		.md\:h-auto {
				height: auto;
		}
		.md\:h-\[512px\] {
				height: 512px;
		}
		.md\:h-\[484px\] {
				height: 484px;
		}
		.md\:h-\[654px\] {
				height: 654px;
		}
		.md\:max-h-\[85svh\] {
				max-height: 85svh;
		}
		.md\:max-h-\[70svh\] {
				max-height: 70svh;
		}
		.md\:w-60 {
				width: 15rem;
		}
		.md\:w-2\/3 {
				width: 66.666667%;
		}
		.md\:w-\[150\%\] {
				width: 150%;
		}
		.md\:w-3\/5 {
				width: 60%;
		}
		.md\:w-1\/3 {
				width: 33.333333%;
		}
		.md\:w-auto {
				width: auto;
		}
		.md\:w-2\/5 {
				width: 40%;
		}
		.md\:w-\[480px\] {
				width: 480px;
		}
		.md\:w-1\/2 {
				width: 50%;
		}
		.md\:max-w-7xl {
				max-width: 80rem;
		}
		.md\:max-w-\[400px\] {
				max-width: 400px;
		}
		.md\:max-w-\[385px\] {
				max-width: 385px;
		}
		.md\:max-w-\[480px\] {
				max-width: 480px;
		}
		.md\:basis-\[45\%\] {
				flex-basis: 45%;
		}
		.md\:basis-1\/2 {
				flex-basis: 50%;
		}
		.md\:basis-4\/5 {
				flex-basis: 80%;
		}
		.md\:-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));
		}
		.md\:translate-x-full {
				--tw-translate-x: 100%;
				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));
		}
		.md\:rotate-0 {
				--tw-rotate: 0deg;
				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));
		}
		.md\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.md\:grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}
		.md\:flex-row {
				flex-direction: row;
		}
		.md\:flex-row-reverse {
				flex-direction: row-reverse;
		}
		.md\:flex-col {
				flex-direction: column;
		}
		.md\:flex-wrap {
				flex-wrap: wrap;
		}
		.md\:items-start {
				align-items: flex-start;
		}
		.md\:items-center {
				align-items: center;
		}
		.md\:justify-center {
				justify-content: center;
		}
		.md\:gap-2 {
				gap: 0.5rem;
		}
		.md\:gap-4 {
				gap: 1rem;
		}
		.md\:gap-y-4 {
				row-gap: 1rem;
		}
		.md\:gap-y-0 {
				row-gap: 0px;
		}
		.md\:divide-x > :not([hidden]) ~ :not([hidden]) {
				--tw-divide-x-reverse: 0;
				border-right-width: calc(1px * var(--tw-divide-x-reverse));
				border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
		}
		.md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
				--tw-divide-x-reverse: 1;
		}
		.md\:rounded-b-md {
				border-bottom-right-radius: 0.375rem;
				border-bottom-left-radius: 0.375rem;
		}
		.md\:rounded-r-none {
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
		}
		.md\:rounded-b-none {
				border-bottom-right-radius: 0px;
				border-bottom-left-radius: 0px;
		}
		.md\:rounded-r-lg {
				border-top-right-radius: 0.5rem;
				border-bottom-right-radius: 0.5rem;
		}
		.md\:border-0 {
				border-width: 0px;
		}
		.md\:border-b-4 {
				border-bottom-width: 4px;
		}
		.md\:border-maincolor {
				--tw-border-opacity: 1;
				border-color: rgb(var(--maincolor) / var(--tw-border-opacity));
		}
		.md\:object-center {
				object-position: center;
		}
		.md\:py-40 {
				padding-top: 10rem;
				padding-bottom: 10rem;
		}
		.md\:px-12 {
				padding-left: 3rem;
				padding-right: 3rem;
		}
		.md\:py-\[180px\] {
				padding-top: 180px;
				padding-bottom: 180px;
		}
		.md\:py-16 {
				padding-top: 4rem;
				padding-bottom: 4rem;
		}
		.md\:px-20 {
				padding-left: 5rem;
				padding-right: 5rem;
		}
		.md\:px-4 {
				padding-left: 1rem;
				padding-right: 1rem;
		}
		.md\:px-10 {
				padding-left: 2.5rem;
				padding-right: 2.5rem;
		}
		.md\:px-8 {
				padding-left: 2rem;
				padding-right: 2rem;
		}
		.md\:pb-0 {
				padding-bottom: 0px;
		}
		.md\:pt-32 {
				padding-top: 8rem;
		}
		.md\:pl-0 {
				padding-left: 0px;
		}
		.md\:pt-0 {
				padding-top: 0px;
		}
		.md\:text-left {
				text-align: left;
		}
		.md\:text-right {
				text-align: right;
		}
		.md\:text-base {
				font-size: 1rem;
				line-height: 1.5rem;
		}
		.md\:text-4xl {
				font-size: 2.25rem;
				line-height: 2.5rem;
		}
		.md\:text-3xl {
				font-size: 1.875rem;
				line-height: 2.25rem;
		}
		.md\:text-7xl {
				font-size: 4.5rem;
				line-height: 1;
		}
		.md\:text-2xl {
				font-size: 1.5rem;
				line-height: 2rem;
		}
		.md\:text-white {
				--tw-text-opacity: 1;
				color: rgb(var(--white) / var(--tw-text-opacity));
		}
		.group:nth-child(odd) .group-odd\:md\:order-2 {
				order: 2;
		}
		.group:nth-child(odd) .group-odd\:md\:order-1 {
				order: 1;
		}
		.group:nth-child(odd) .group-odd\:md\:text-right {
				text-align: right;
		}
}
@media (min-width: 1024px) {
		.lg\:top-96 {
				top: 24rem;
		}
		.lg\:order-2 {
				order: 2;
		}
		.lg\:order-1 {
				order: 1;
		}
		.lg\:order-3 {
				order: 3;
		}
		.lg\:flex {
				display: flex;
		}
		.lg\:hidden {
				display: none;
		}
		.lg\:h-auto {
				height: auto;
		}
		.lg\:h-\[682px\] {
				height: 682px;
		}
		.lg\:h-\[654px\] {
				height: 654px;
		}
		.lg\:h-4 {
				height: 1rem;
		}
		.lg\:max-h-\[87svh\] {
				max-height: 87svh;
		}
		.lg\:w-5\/6 {
				width: 83.333333%;
		}
		.lg\:w-2\/3 {
				width: 66.666667%;
		}
		.lg\:w-\[600px\] {
				width: 600px;
		}
		.lg\:w-4 {
				width: 1rem;
		}
		.lg\:max-w-\[512px\] {
				max-width: 512px;
		}
		.lg\:max-w-\[400px\] {
				max-width: 400px;
		}
		.lg\:flex-auto {
				flex: 1 1 auto;
		}
		.lg\:scale-\[65\%\] {
				--tw-scale-x: 65%;
				--tw-scale-y: 65%;
				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));
		}
		.lg\:flex-row {
				flex-direction: row;
		}
		.lg\:items-start {
				align-items: flex-start;
		}
		.lg\:justify-start {
				justify-content: flex-start;
		}
		.lg\:justify-end {
				justify-content: flex-end;
		}
		.lg\:p-12 {
				padding: 3rem;
		}
		.lg\:px-20 {
				padding-left: 5rem;
				padding-right: 5rem;
		}
		.lg\:px-12 {
				padding-left: 3rem;
				padding-right: 3rem;
		}
		.lg\:text-left {
				text-align: left;
		}
		.lg\:text-3xl {
				font-size: 1.875rem;
				line-height: 2.25rem;
		}
}
@media (min-width: 1280px) {
		.xl\:-bottom-32 {
				bottom: -8rem;
		}
		.xl\:right-60 {
				right: 15rem;
		}
		.xl\:top-48 {
				top: 12rem;
		}
		.xl\:right-4 {
				right: 1rem;
		}
		.xl\:-mt-40 {
				margin-top: -10rem;
		}
		.xl\:flex {
				display: flex;
		}
		.xl\:max-h-\[80svh\] {
				max-height: 80svh;
		}
		.xl\:w-1\/2 {
				width: 50%;
		}
		.xl\:w-1\/4 {
				width: 25%;
		}
		.xl\:w-1\/3 {
				width: 33.333333%;
		}
		.xl\:w-auto {
				width: auto;
		}
		.xl\:max-w-8xl {
				max-width: 92rem;
		}
		.xl\:max-w-\[560px\] {
				max-width: 560px;
		}
		.xl\:basis-2\/3 {
				flex-basis: 66.666667%;
		}
		.xl\:scale-\[75\%\] {
				--tw-scale-x: 75%;
				--tw-scale-y: 75%;
				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));
		}
		.xl\:flex-row {
				flex-direction: row;
		}
		.xl\:items-center {
				align-items: center;
		}
		.xl\:justify-between {
				justify-content: space-between;
		}
		.xl\:py-2 {
				padding-top: 0.5rem;
				padding-bottom: 0.5rem;
		}
		.xl\:px-0 {
				padding-left: 0px;
				padding-right: 0px;
		}
		.xl\:text-5xl {
				font-size: 3rem;
				line-height: 1;
		}
}
.\[\&\>div\]\:relative>div {
		position: relative;
}
.\[\&\>div\]\:flex>div {
		display: flex;
}
.\[\&\>div\]\:aspect-\[3\/2\]>div {
		aspect-ratio: 3/2;
}
.\[\&\>div\]\:basis-1\/3>div {
		flex-basis: 33.333333%;
}
.\[\&\>div\]\:cursor-pointer>div {
		cursor: pointer;
}
.\[\&\>div\]\:flex-col>div {
		flex-direction: column;
}
.\[\&\>div\]\:items-center>div {
		align-items: center;
}
.\[\&\>div\]\:justify-center>div {
		justify-content: center;
}
.\[\&\>div\]\:justify-between>div {
		justify-content: space-between;
}
.\[\&\>div\]\:gap-4>div {
		gap: 1rem;
}
.\[\&\>div\]\:rounded-md>div {
		border-radius: 0.375rem;
}
.\[\&\>div\]\:border-2>div {
		border-width: 2px;
}
.\[\&\>div\]\:border-grey\/30>div {
		border-color: rgb(var(--grey) / 0.3);
}
.\[\&\>div\]\:bg-white>div {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-successcolor>div {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--successcolor) / var(--tw-bg-opacity));
}
.\[\&\>div\]\:p-4>div {
		padding: 1rem;
}
.\[\&\>div\]\:p-2>div {
		padding: 0.5rem;
}
.\[\&\>div\]\:py-4>div {
		padding-top: 1rem;
		padding-bottom: 1rem;
}
.\[\&\>div\]\:px-8>div {
		padding-left: 2rem;
		padding-right: 2rem;
}
.\[\&\>div\]\:pl-4>div {
		padding-left: 1rem;
}
.\[\&\>div\]\:shadow-md>div {
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 1024px) {
		.\[\&\>div\]\:lg\:p-6>div {
				padding: 1.5rem;
		}
}
.\[\&\>div\>figure\]\:flex>div>figure {
		display: flex;
}
.\[\&\>div\>figure\]\:aspect-\[3\/2\]>div>figure {
		aspect-ratio: 3/2;
}
.\[\&\>div\>figure\]\:items-center>div>figure {
		align-items: center;
}
.\[\&\>div\>figure\]\:justify-center>div>figure {
		justify-content: center;
}
.\[\&\>div\>figure\]\:rounded-md>div>figure {
		border-radius: 0.375rem;
}
.\[\&\>div\>figure\]\:border-2>div>figure {
		border-width: 2px;
}
.\[\&\>div\>figure\]\:border-grey\/30>div>figure {
		border-color: rgb(var(--grey) / 0.3);
}
.\[\&\>div\>figure\]\:bg-white>div>figure {
		--tw-bg-opacity: 1;
		background-color: rgb(var(--white) / var(--tw-bg-opacity));
}
.\[\&\>div\>figure\]\:p-6>div>figure {
		padding: 1.5rem;
}
.\[\&\>li\>a\]\:flex>li>a {
		display: flex;
}
.\[\&\>li\>a\]\:py-1>li>a {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
}
@media (min-width: 768px) {
		.md\:\[\&\>li\>a\]\:py-0>li>a {
				padding-top: 0px;
				padding-bottom: 0px;
		}
}