/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
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)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

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

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

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

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

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

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

small {
	font-size: 80%;
}

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
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)
*/

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

/*
Forms
=====
*/

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

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

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

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

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

progress {
	vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Interactive
===========
*/

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

summary {
	display: list-item;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

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

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

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

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

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

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

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

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

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

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

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}*, ::before, ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(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-color:currentColor;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1440px){.container{max-width:1440px;}}.aspect-w-1,
.aspect-w-3,
.aspect-w-4,
.aspect-w-9,
.aspect-w-21{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);}.aspect-w-1 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-9 > *,
.aspect-w-21 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;}.aspect-w-3{--tw-aspect-w:3;}.aspect-w-4{--tw-aspect-w:4;}.aspect-w-21{--tw-aspect-w:21;}.aspect-h-1{--tw-aspect-h:1;}.aspect-h-3{--tw-aspect-h:3;}.aspect-h-9{--tw-aspect-h:9;}.intro-text{font-family:Russo One;font-size:20px;}@media (min-width: 768px){.intro-text{font-size:23px;line-height:26px;}}.rte h1, .rte h2, .rte h3, .rte h4, .rte h5{font-family:Russo One;}.rte h2{line-height:1.5rem;}.rte p{margin-bottom:1rem;}.rte ul{margin-bottom:1rem;list-style-type:disc;padding-left:1.25rem;}.visible{visibility:visible;}.invisible{visibility:hidden;}.static{position:static;}.absolute{position:absolute;}.relative{position:relative;}.left-0{left:0px;}.top-\[62px\]{top:62px;}.z-50{z-index:50;}.m-2{margin:0.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-20{margin-top:5rem;margin-bottom:5rem;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.mb-4{margin-bottom:1rem;}.mt-4{margin-top:1rem;}.mb-8{margin-bottom:2rem;}.mb-2{margin-bottom:0.5rem;}.mt-8{margin-top:2rem;}.mb-1{margin-bottom:0.25rem;}.mt-3{margin-top:0.75rem;}.ml-2{margin-left:0.5rem;}.mb-20{margin-bottom:5rem;}.ml-8{margin-left:2rem;}.mt-6{margin-top:1.5rem;}.mr-2\.5{margin-right:0.625rem;}.mb-2\.5{margin-bottom:0.625rem;}.mr-2{margin-right:0.5rem;}.block{display:block;}.inline-block{display:inline-block;}.inline{display:inline;}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}.table{display:table;}.grid{display:grid;}.contents{display:contents;}.hidden{display:none;}.h-full{height:100%;}.h-14{height:3.5rem;}.h-0{height:0px;}.h-2\.5{height:0.625rem;}.h-5{height:1.25rem;}.h-2{height:0.5rem;}.h-10{height:2.5rem;}.min-h-\[300px\]{min-height:300px;}.w-full{width:100%;}.w-\[80px\]{width:80px;}.w-auto{width:auto;}.w-0{width:0px;}.w-2\.5{width:0.625rem;}.w-5{width:1.25rem;}.w-2{width:0.5rem;}.w-9\/12{width:75%;}.max-w-page{max-width:1446px;}.max-w-navigation{max-width:1920px;}.translate-y-\[10px\]{--tw-translate-y:10px;-webkit-transform:var(--tw-transform);transform:var(--tw-transform);}.translate-x-\[10px\]{--tw-translate-x:10px;-webkit-transform:var(--tw-transform);transform:var(--tw-transform);}.transform{-webkit-transform:var(--tw-transform);transform:var(--tw-transform);}.cursor-pointer{cursor:pointer;}.list-none{list-style-type:none;}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none;}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}.gap-5{gap:1.25rem;}.break-words{overflow-wrap:break-word;}.bg-grey{--tw-bg-opacity:1;background-color:rgba(243, 243, 242, var(--tw-bg-opacity));}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.bg-blue{--tw-bg-opacity:1;background-color:rgba(0, 148, 223, var(--tw-bg-opacity));}.object-cover{-o-object-fit:cover;object-fit:cover;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.py-7{padding-top:1.75rem;padding-bottom:1.75rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.px-10{padding-left:2.5rem;padding-right:2.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.px-12{padding-left:3rem;padding-right:3rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-\[25px\]{padding-left:25px;padding-right:25px;}.pb-4{padding-bottom:1rem;}.pt-12{padding-top:3rem;}.pt-5{padding-top:1.25rem;}.pb-3\.5{padding-bottom:0.875rem;}.pb-3{padding-bottom:0.75rem;}.pb-5{padding-bottom:1.25rem;}.pl-5{padding-left:1.25rem;}.pt-\[40px\]{padding-top:40px;}.pb-\[10px\]{padding-bottom:10px;}.pb-6{padding-bottom:1.5rem;}.text-center{text-align:center;}.font-highlight{font-family:Russo One;}.text-2xl{font-size:26px;line-height:29px;letter-spacing:-0.02rem;}.text-lg{font-size:20px;}.text-2\.5xl{font-size:28px;line-height:32px;letter-spacing:-0.1rem;}.text-xl{font-size:23px;line-height:26px;}.text-sm{font-size:14px;}.text-fiord{--tw-text-opacity:1;color:rgba(82, 101, 115, var(--tw-text-opacity));}.text-tarawera{--tw-text-opacity:1;color:rgba(47, 68, 84, var(--tw-text-opacity));}.text-blue{--tw-text-opacity:1;color:rgba(0, 148, 223, var(--tw-text-opacity));}.text-cello{--tw-text-opacity:1;color:rgba(54, 77, 95, var(--tw-text-opacity));}.opacity-0{opacity:0;}.transition-all{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;}.duration-500{-webkit-transition-duration:500ms;transition-duration:500ms;}.skip-to,.svg--defs,.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.skip-to:focus{position:fixed;z-index:999;left:.7rem;top:.8rem;width:auto;height:auto;padding:1.5rem 2rem;clip:auto;display:block;background-color:#f1f1f1;color:#0073aa;border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:600;text-decoration:none;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6)}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-regular.woff2) format("woff2"),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-regular.woff) format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-700.woff2) format("woff2"),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-700.woff) format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:800;font-display:swap;src:local(""),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-800.woff2) format("woff2"),url(/app/themes/template/res/fonts/dist/libre-franklin-v6-latin-800.woff) format("woff")}@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(/app/themes/template/res/fonts/dist/russo-one-v9-latin-regular.woff2) format("woff2"),url(/app/themes/template/res/fonts/dist/russo-one-v9-latin-regular.woff) format("woff")}body:not(.home) #navigation{-webkit-box-shadow:0 64px 64px 0 rgba(0,0,0,.05),0 24px 24px 0 rgba(0,0,0,.05),0 8px 8px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.05);box-shadow:0 64px 64px 0 rgba(0,0,0,.05),0 24px 24px 0 rgba(0,0,0,.05),0 8px 8px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.05)}body.admin-bar .menu__wrapper{top:103px}@media(min-width:1024px){body.admin-bar .menu__wrapper{top:0}}.menu__list--0{position:absolute;top:100%;display:none;min-width:32rem;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.menu__toggler:checked~.menu__list--0{display:block;}.menu__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom-width:5px;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;}@media (min-width: 1024px){.menu__item{padding-top:42px;}.menu__item{padding-bottom:43px;}.menu__item.menu__item--current{--tw-border-opacity:1;border-color:rgba(0, 148, 223, var(--tw-border-opacity));}}.menu__item.menu__item--current .menu__link{--tw-text-opacity:1;color:rgba(0, 148, 223, var(--tw-text-opacity));}.menu__link{display:block;width:100%;text-align:center;font-family:Russo One;font-size:20px;--tw-text-opacity:1;color:rgba(82, 101, 115, var(--tw-text-opacity));}@media (min-width: 1024px){.menu__link{width:auto;}}.menu__toggle{position:relative;display:inline-block;height:2.5rem;width:2.5rem;cursor:pointer;--tw-text-opacity:1;color:rgba(82, 101, 115, var(--tw-text-opacity));}.menu__toggle svg{pointer-events:none;}.menu__toggler{position:absolute;top:-9999px;left:9999px;height:1px;width:1px;}.burger{width:12.5%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}@media(min-width:1024px){.burger{display:none}}.burger-icon{cursor:pointer;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.burger-icon .line{display:block;width:20px;height:2px;background-color:var(--theme-primary-color);margin-bottom:5px}#menu-toggle:checked~.burger .line:first-child{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}#menu-toggle:checked~.burger .line:nth-child(2){opacity:0}#menu-toggle:checked~.burger .line:nth-child(3){-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}#menu-toggle:checked~.menu__wrapper{opacity:1;visibility:visible}@media(min-width:1100px){.menu__list--lang{margin-left:26px}}.menu__list--lang .menu__item--de, .menu__list--lang .menu__item--en{padding-left:0.625rem;padding-right:0.625rem;}.menu__list--lang .menu__item--en:before{position:absolute;top:50%;left:-1px;height:1.25rem;width:1px;--tw-translate-y:-54%;-webkit-transform:var(--tw-transform);transform:var(--tw-transform);--tw-rotate:20deg;transform:var(--tw-transform);transform:var(--tw-transform);--tw-bg-opacity:1;background-color:rgba(186, 186, 186, var(--tw-bg-opacity));font-weight:400;content:"";}.menu__list--lang .menu__item--active .menu__link{font-weight:400;line-height:1.25rem;--tw-text-opacity:1;color:rgba(186, 186, 186, var(--tw-text-opacity));}.productfinder__select-wrapper{position:relative;height:2.5rem;width:75%;}@media (min-width: 1024px){.productfinder__select-wrapper{width:41.666667%;}}.productfinder__select-wrapper:before{pointer-events:none;position:absolute;right:0px;top:0px;height:100%;width:2.5rem;border-left-width:2px;--tw-border-opacity:1;border-color:rgba(243, 243, 242, var(--tw-border-opacity));content:"";}.productfinder__select-wrapper:after{pointer-events:none;position:absolute;right:13px;top:50%;height:0px;width:0px;--tw-translate-y:-50%;-webkit-transform:var(--tw-transform);transform:var(--tw-transform);transform:var(--tw-transform);border-radius:0.375rem;border-left-width:7px;border-right-width:7px;border-top-width:7px;border-color:transparent;--tw-border-opacity:1;border-top-color:rgba(0, 148, 223, var(--tw-border-opacity));content:"";}@media(max-width:1023px){table,tbody,td,th,thead,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{margin:0 0 1rem}tr:nth-child(odd){background:#ccc}td{border:none;border-bottom:1px solid #eee;position:relative;padding:10px 0 10px 50%}td:before{position:absolute;top:50%;left:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:45%;padding-right:10px;white-space:nowrap;content:attr(data-name) ""}}@media(min-width:1024px){.product-finder__table{width:100%}.product-finder__table tbody{border-collapse:collapse}.product-finder__table th{--tw-bg-opacity:1;background-color:rgba(243, 243, 242, var(--tw-bg-opacity));}.product-finder__table th{text-align:left;padding:10px 20px;font-weight:500}.product-finder__table th:not(:last-child){border-right:12px solid #fff}.product-finder__table td{border-bottom-width:3px;}.product-finder__table td{--tw-border-opacity:1;border-color:rgba(243, 243, 242, var(--tw-border-opacity));}.product-finder__table td{padding:20px}.product-finder__table td a{padding-left:30px;position:relative;color:var(--theme-primary-color);text-decoration:none}.product-finder__table td a:before{content:"";position:absolute;top:0;left:0;width:40px;height:100%;background-image:url(../img/dist/external-link.png);background-repeat:no-repeat}}.product__pagination .page-numbers{margin-left:0.5rem;margin-right:0.5rem;--tw-text-opacity:1;color:rgba(0, 148, 223, var(--tw-text-opacity));}.product__pagination .page-numbers:hover{text-decoration:underline;}.product__pagination .page-numbers.current{text-decoration:underline;}.last\:mb-0:last-child{margin-bottom:0px;}@media (min-width: 768px){.md\:w-8\/12{width:66.666667%;}.md\:w-6\/12{width:50%;}.md\:w-5\/12{width:41.666667%;}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.md\:flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.md\:flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.md\:py-\[30px\]{padding-top:30px;padding-bottom:30px;}.md\:px-\[20px\]{padding-left:20px;padding-right:20px;}.md\:pt-10{padding-top:2.5rem;}.md\:pb-5{padding-bottom:1.25rem;}.md\:pt-11{padding-top:2.75rem;}.md\:pb-7{padding-bottom:1.75rem;}.md\:pb-8{padding-bottom:2rem;}.md\:text-3xl{font-size:32px;line-height:34px;}.md\:text-base{font-size:16px;}}@media (min-width: 1024px){.lg\:visible{visibility:visible;}.lg\:relative{position:relative;}.lg\:top-0{top:0px;}.lg\:mx-3{margin-left:0.75rem;margin-right:0.75rem;}.lg\:inline{display:inline;}.lg\:flex{display:-webkit-box;display:-ms-flexbox;display:flex;}.lg\:w-auto{width:auto;}.lg\:w-6\/12{width:50%;}.lg\:w-3\/12{width:25%;}.lg\:w-5\/12{width:41.666667%;}.lg\:max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;}.lg\:flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}.lg\:justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.lg\:px-24{padding-left:6rem;padding-right:6rem;}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px;}.lg\:pr-2{padding-right:0.5rem;}.lg\:pb-12{padding-bottom:3rem;}.lg\:pt-0{padding-top:0px;}.lg\:pt-24{padding-top:6rem;}.lg\:pb-20{padding-bottom:5rem;}.lg\:pb-0{padding-bottom:0px;}.lg\:pt-\[90px\]{padding-top:90px;}.lg\:pb-\[10px\]{padding-bottom:10px;}.lg\:text-left{text-align:left;}.lg\:text-4xl{font-size:50px;line-height:50px;}.lg\:text-3xl{font-size:32px;line-height:34px;}.lg\:opacity-100{opacity:1;}}@media (min-width: 1280px){.xl\:mt-0{margin-top:0px;}.xl\:block{display:block;}.xl\:w-4\/12{width:33.333333%;}.xl\:w-2\/12{width:16.666667%;}.xl\:w-3\/12{width:25%;}.xl\:text-left{text-align:left;}}