/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

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

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

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

  .container {
    max-width: 400px;
  }
}
@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;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: unset;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 300;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
  --tw-prose-links: var(--links-hover);
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: hsl(var(--text) / <alpha-value>);
  --tw-prose-headings: hsl(var(--text) / <alpha-value>);
  --tw-prose-lead: hsl(var(--text) / <alpha-value>);
  --tw-prose-links: hsl(var(--text) / <alpha-value>);
  --tw-prose-bold: hsl(var(--text) / <alpha-value>);
  --tw-prose-counters: hsl(var(--text) / <alpha-value>);
  --tw-prose-bullets: hsl(var(--text) / <alpha-value>);
  --tw-prose-hr: hsl(var(--text) / <alpha-value>);
  --tw-prose-quotes: hsl(var(--text) / <alpha-value>);
  --tw-prose-quote-borders: hsl(var(--text) / <alpha-value>);
  --tw-prose-captions: hsl(var(--text) / <alpha-value>);
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: hsl(var(--text) / <alpha-value>);
  --tw-prose-pre-code: hsl(var(--text) / <alpha-value>);
  --tw-prose-pre-bg: hsl(var(--text) / <alpha-value>);
  --tw-prose-th-borders: hsl(var(--text) / <alpha-value>);
  --tw-prose-td-borders: hsl(var(--text) / <alpha-value>);
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
  margin: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose {
  --links-hover: hsl(var(--primary));
  --h1-color: hsl(var(--text) / <alpha-value>);
  word-break: break-word;
}
.prose :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: bold;
}
.prose :where(h1, h2, h3, h4, h5, h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin: 0;
}
.prose :where([data-component="accordion"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.prose :where(b):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
}
.prose-white {
  --tw-prose-body: rgb(255 255 255);
  --tw-prose-headings: rgb(255 255 255);
  --tw-prose-lead: rgb(255 255 255);
  --tw-prose-links: rgb(255 255 255);
  --tw-prose-bold: rgb(255 255 255);
  --tw-prose-counters: rgb(255 255 255);
  --tw-prose-bullets: rgb(255 255 255);
  --tw-prose-hr: rgb(255 255 255);
  --tw-prose-quotes: rgb(255 255 255);
  --tw-prose-quote-borders: rgb(255 255 255);
  --tw-prose-captions: rgb(255 255 255);
  --tw-prose-code: rgb(255 255 255);
  --tw-prose-pre-code: rgb(255 255 255);
  --tw-prose-pre-bg: rgb(255 255 255);
  --tw-prose-th-borders: rgb(255 255 255);
  --tw-prose-td-borders: rgb(255 255 255);
  --links-hover: rgb(255 255 255);
  --h1-color: rgb(255 255 255);
}
body .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
body .static {
  position: static;
}
body .fixed {
  position: fixed;
}
body .absolute {
  position: absolute;
}
body .relative {
  position: relative;
}
body .inset-0 {
  inset: 0px;
}
body .bottom-0 {
  bottom: 0px;
}
body .left-0 {
  left: 0px;
}
body .left-full {
  left: 100%;
}
body .right-0 {
  right: 0px;
}
body .right-full {
  right: 100%;
}
body .top-0 {
  top: 0px;
}
body .-z-10 {
  z-index: -10;
}
body .z-10 {
  z-index: 10;
}
body .z-40 {
  z-index: 40;
}
body .z-50 {
  z-index: 50;
}
body .z-\[1000\] {
  z-index: 1000;
}
body .z-\[1001\] {
  z-index: 1001;
}
body .z-\[1002\] {
  z-index: 1002;
}
body .col-\[content\] {
  grid-column: content;
}
body .col-\[max\] {
  grid-column: max;
}
body .col-span-full {
  grid-column: 1 / -1;
}
body .col-start-1 {
  grid-column-start: 1;
}
body .col-start-\[content\] {
  grid-column-start: content;
}
body .col-start-\[max\] {
  grid-column-start: max;
}
body .col-end-\[full\] {
  grid-column-end: full;
}
body .row-span-full {
  grid-row: 1 / -1;
}
body .row-start-1 {
  grid-row-start: 1;
}
body .row-start-2 {
  grid-row-start: 2;
}
body .row-start-3 {
  grid-row-start: 3;
}
body .mb-12 {
  margin-bottom: 3rem;
}
body .mb-2 {
  margin-bottom: 0.5rem;
}
body .mb-4 {
  margin-bottom: 1rem;
}
body .mb-6 {
  margin-bottom: 1.5rem;
}
body .mb-\[0\.15em\] {
  margin-bottom: 0.15em;
}
body .mt-0 {
  margin-top: 0px;
}
body .mt-12 {
  margin-top: 3rem;
}
body .mt-2 {
  margin-top: 0.5rem;
}
body .mt-2\.5 {
  margin-top: 0.625rem;
}
body .mt-36 {
  margin-top: 9rem;
}
body .mt-4 {
  margin-top: 1rem;
}
body .box-border {
  box-sizing: border-box;
}
body .line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
body .block {
  display: block;
}
body .inline-block {
  display: inline-block;
}
body .inline {
  display: inline;
}
body .flex {
  display: flex;
}
body .table {
  display: table;
}
body .grid {
  display: grid;
}
body .\!hidden {
  display: none !important;
}
body .hidden {
  display: none;
}
body .aspect-\[1\.7\/1\] {
  aspect-ratio: 1.7/1;
}
body .aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
body .aspect-\[8\/5\] {
  aspect-ratio: 8/5;
}
body .aspect-square {
  aspect-ratio: 1 / 1;
}
body .\!size-full {
  width: 100% !important;
  height: 100% !important;
}
body .size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
body .size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
body .size-full {
  width: 100%;
  height: 100%;
}
body .\!h-full {
  height: 100% !important;
}
body .h-1\/2 {
  height: 50%;
}
body .h-12 {
  height: 3rem;
}
body .h-4 {
  height: 1rem;
}
body .h-4\/6 {
  height: 66.666667%;
}
body .h-5 {
  height: 1.25rem;
}
body .h-9 {
  height: 2.25rem;
}
body .h-\[--map-height\] {
  height: var(--map-height);
}
body .h-\[12px\] {
  height: 12px;
}
body .h-auto {
  height: auto;
}
body .h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
body .h-full {
  height: 100%;
}
body .h-lvh {
  height: 100lvh;
}
body .h-screen {
  height: 100vh;
}
body .max-h-\[2px\] {
  max-height: 2px;
}
body .max-h-\[500px\] {
  max-height: 500px;
}
body .min-h-\[200px\] {
  min-height: 200px;
}
body .min-h-\[2lh\] {
  min-height: 2lh;
}
body .min-h-\[71px\] {
  min-height: 71px;
}
body .\!w-auto {
  width: auto !important;
}
body .w-9 {
  width: 2.25rem;
}
body .w-\[--logo-width\] {
  width: var(--logo-width);
}
body .w-\[100px\] {
  width: 100px;
}
body .w-\[25vw\] {
  width: 25vw;
}
body .w-\[3\.8rem\] {
  width: 3.8rem;
}
body .w-\[8rem\] {
  width: 8rem;
}
body .w-full {
  width: 100%;
}
body .w-screen {
  width: 100vw;
}
body .min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
body .min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
body .max-w-\[60vw\] {
  max-width: 60vw;
}
body .max-w-full {
  max-width: 100%;
}
body .shrink {
  flex-shrink: 1;
}
body .grow {
  flex-grow: 1;
}
body .basis-full {
  flex-basis: 100%;
}
body .-translate-x-0\.5 {
  --tw-translate-x: -0.125rem;
  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));
}
body .-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));
}
body .-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));
}
body .translate-x-\[-2px\] {
  --tw-translate-x: -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));
}
body .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));
}
body .-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));
}
body .rotate-180 {
  --tw-rotate: 180deg;
  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));
}
body .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));
}
body .cursor-not-allowed {
  cursor: not-allowed;
}
body .resize {
  resize: both;
}
body .list-none {
  list-style-type: none;
}
body .grid-flow-row-dense {
  grid-auto-flow: row dense;
}
body .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
body .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}
body .grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
body .grid-cols-subgrid {
  grid-template-columns: subgrid;
}
body .grid-rows-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-rows: auto minmax(0,1fr);
}
body .grid-rows-\[minmax\(clamp\(280px\2c 70vw\2c 480px\)\2c 1fr\)_minmax\(clamp\(40px\2c 19vw\2c 140px\)\2c auto\)\] {
  grid-template-rows: minmax(clamp(280px,70vw,480px),1fr) minmax(clamp(40px,19vw,140px),auto);
}
body .grid-rows-subgrid {
  grid-template-rows: subgrid;
}
body .flex-col {
  flex-direction: column;
}
body .flex-wrap {
  flex-wrap: wrap;
}
body .content-end {
  align-content: flex-end;
}
body .items-center {
  align-items: center;
}
body .\!justify-start {
  justify-content: flex-start !important;
}
body .justify-end {
  justify-content: flex-end;
}
body .justify-center {
  justify-content: center;
}
body .justify-between {
  justify-content: space-between;
}
body .justify-items-center {
  justify-items: center;
}
body .gap-10 {
  gap: 2.5rem;
}
body .gap-12 {
  gap: 3rem;
}
body .gap-16 {
  gap: 4rem;
}
body .gap-2 {
  gap: 0.5rem;
}
body .gap-4 {
  gap: 1rem;
}
body .gap-6 {
  gap: 1.5rem;
}
body .gap-8 {
  gap: 2rem;
}
body .gap-\[1\.5em\] {
  gap: 1.5em;
}
body .gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
body .gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
body .gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
body .gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
body .gap-y-10 {
  row-gap: 2.5rem;
}
body .gap-y-8 {
  row-gap: 2rem;
}
body :is(.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));
}
body .self-start {
  align-self: flex-start;
}
body .justify-self-end {
  justify-self: end;
}
body .overflow-auto {
  overflow: auto;
}
body .overflow-hidden {
  overflow: hidden;
}
body .overflow-x-auto {
  overflow-x: auto;
}
body .overflow-y-hidden {
  overflow-y: hidden;
}
body .hyphens-auto {
  -webkit-hyphens: auto;
          hyphens: auto;
}
body .break-keep {
  word-break: keep-all;
}
body .rounded {
  border-radius: 0.25rem;
}
body .rounded-full {
  border-radius: 9999px;
}
body .rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
body .rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}
body .rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}
body .border {
  border-width: 1px;
}
body .border-b {
  border-bottom-width: 1px;
}
body .border-b-0 {
  border-bottom-width: 0px;
}
body .border-l {
  border-left-width: 1px;
}
body .border-r {
  border-right-width: 1px;
}
body .border-r-0 {
  border-right-width: 0px;
}
body .border-t {
  border-top-width: 1px;
}
body .border-t-2 {
  border-top-width: 2px;
}
body .border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
body .border-current {
  border-color: currentColor;
}
body .border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
body .border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
body .bg-\[--overlay-color\] {
  background-color: var(--overlay-color);
}
body .bg-bg {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity));
}
body .bg-bg-alternative {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--alternative-background) / var(--tw-bg-opacity));
}
body .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
body .bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
body .bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
body .bg-primary\/50 {
  background-color: hsl(var(--primary) / 0.5);
}
body .bg-fixed {
  background-attachment: fixed;
}
body .fill-current {
  fill: currentColor;
}
body .fill-secondary {
  fill: hsl(var(--secondary) / 1);
}
body .stroke-primary {
  stroke: hsl(var(--primary) / 1);
}
body .stroke-1 {
  stroke-width: 1;
}
body .object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
body .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
body .p-2 {
  padding: 0.5rem;
}
body .p-4 {
  padding: 1rem;
}
body .p-5 {
  padding: 1.25rem;
}
body .p-8 {
  padding: 2rem;
}
body .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
body .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
body .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
body .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
body .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
body .py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
body .py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
body .py-\[2\.5em\] {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
body .pb-1 {
  padding-bottom: 0.25rem;
}
body .pb-1\.5 {
  padding-bottom: 0.375rem;
}
body .pb-3 {
  padding-bottom: 0.75rem;
}
body .pb-6 {
  padding-bottom: 1.5rem;
}
body .pb-8 {
  padding-bottom: 2rem;
}
body .pb-\[50px\] {
  padding-bottom: 50px;
}
body .pl-0 {
  padding-left: 0px;
}
body .pr-\[calc\(100\%-6\.9em\)\] {
  padding-right: calc(100% - 6.9em);
}
body .pt-0 {
  padding-top: 0px;
}
body .pt-1 {
  padding-top: 0.25rem;
}
body .pt-2 {
  padding-top: 0.5rem;
}
body .pt-5 {
  padding-top: 1.25rem;
}
body .pt-6 {
  padding-top: 1.5rem;
}
body .pt-8 {
  padding-top: 2rem;
}
body .pt-\[--header-spacer\] {
  padding-top: var(--header-spacer);
}
body .pt-\[calc\(100\%-6em\)\] {
  padding-top: calc(100% - 6em);
}
body .text-left {
  text-align: left;
}
body .text-center {
  text-align: center;
}
body .text-right {
  text-align: right;
}
body .align-baseline {
  vertical-align: baseline;
}
body .font-rokkitt {
  font-family: "Rokkitt Variable", serif;
}
body .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
body .text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
body .text-5xl {
  font-size: 3rem;
  line-height: 1;
}
body .text-\[2em\] {
  font-size: 2em;
}
body .text-\[clamp\(16px\2c \.9em\2c 28px\)\] {
  font-size: clamp(16px,.9em,28px);
}
body .text-base {
  font-size: var(--font-size);
  line-height: var(--line-height);
}
body .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
body .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
body .font-bold {
  font-weight: 700;
}
body .uppercase {
  text-transform: uppercase;
}
body .leading-7 {
  line-height: 1.75rem;
}
body .leading-\[1\] {
  line-height: 1;
}
body .text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body .text-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
body .text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}
body .text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
body .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body .underline-offset-4 {
  text-underline-offset: 4px;
}
body .opacity-0 {
  opacity: 0;
}
body .opacity-30 {
  opacity: 0.3;
}
body .opacity-\[--overlay-opacity\] {
  opacity: var(--overlay-opacity);
}
body .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);
}
body .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);
}
body .backdrop-blur-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
body .backdrop-saturate-50 {
  --tw-backdrop-saturate: saturate(.5);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
body .transition-\[margin\] {
  transition-property: margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .transition-\[padding\] {
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
body .delay-200 {
  transition-delay: 200ms;
}
body .duration-300 {
  transition-duration: 300ms;
}
body .duration-500 {
  transition-duration: 500ms;
}
body .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
body .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body .\@container {
  container-type: inline-size;
}
body .after\:px-2::after {
  content: var(--tw-content);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body .after\:content-\[\'\|\'\]::after {
  --tw-content: '|';
  content: var(--tw-content);
}
body .last\:mt-8:last-child {
  margin-top: 2rem;
}
body .last\:after\:content-\[\'\'\]:last-child::after {
  --tw-content: '';
  content: var(--tw-content);
}
body :is(.group:hover .group-hover\:pointer-events-none) {
  pointer-events: none;
}
body :is(.group:hover .group-hover\:opacity-0) {
  opacity: 0;
}
body :is(.peer:focus-within ~ .peer-focus-within\:\!block) {
  display: block !important;
}
body :is(.peer:focus-within ~ .peer-focus-within\:bg-black\/60) {
  background-color: rgb(0 0 0 / 0.6);
}
body :is(.peer:hover ~ .peer-hover\:\!block) {
  display: block !important;
}
body :is(.peer:hover ~ .peer-hover\:bg-black\/60) {
  background-color: rgb(0 0 0 / 0.6);
}
body :is(.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))) {
  text-decoration-line: none;
}
body :is(.prose-ul\:list-none :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)))) {
  list-style-type: none;
}
body .hocus\:translate-x-0:hover {
  --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));
}
body .hocus\:border-primary-foreground:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity));
}
body .hocus\:bg-primary-foreground:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity));
}
body .hocus\:text-primary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
body .hocus\:shadow-xl:hover {
  --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);
}
body .hocus\:translate-x-0:focus-within {
  --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));
}
body .hocus\:border-primary-foreground:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity));
}
body .hocus\:bg-primary-foreground:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity));
}
body .hocus\:text-primary:focus-within {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
body .hocus\:shadow-xl:focus-within {
  --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);
}
body :is(.group:hover .group-hocus\:mt-\[100\%\]) {
  margin-top: 100%;
}
body :is(.group:hover .group-hocus\:max-h-\[12px\]) {
  max-height: 12px;
}
body :is(.group:hover .group-hocus\:translate-x-\[-100\%\]) {
  --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));
}
body :is(.group:hover .group-hocus\:translate-x-\[100\%\]) {
  --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));
}
body :is(.group:hover .group-hocus\:bg-primary) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
body :is(.group:hover .group-hocus\:pt-3) {
  padding-top: 0.75rem;
}
body :is(.group:hover .group-hocus\:opacity-100) {
  opacity: 1;
}
body :is(.group:focus-within .group-hocus\:mt-\[100\%\]) {
  margin-top: 100%;
}
body :is(.group:focus-within .group-hocus\:max-h-\[12px\]) {
  max-height: 12px;
}
body :is(.group:focus-within .group-hocus\:translate-x-\[-100\%\]) {
  --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));
}
body :is(.group:focus-within .group-hocus\:translate-x-\[100\%\]) {
  --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));
}
body :is(.group:focus-within .group-hocus\:bg-primary) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
body :is(.group:focus-within .group-hocus\:pt-3) {
  padding-top: 0.75rem;
}
body :is(.group:focus-within .group-hocus\:opacity-100) {
  opacity: 1;
}
@media not all and (min-width: 1024px) {

  body .max-lg\:row-start-1 {
    grid-row-start: 1;
  }

  body .max-lg\:hidden {
    display: none;
  }

  body .max-lg\:text-center {
    text-align: center;
  }
}
@media not all and (min-width: 768px) {

  body .max-md\:row-start-2 {
    grid-row-start: 2;
  }

  body :is(.max-md\:space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  }

  body .max-md\:text-right {
    text-align: right;
  }

  body .max-md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media not all and (min-width: 640px) {

  body .max-sm\:pb-0 {
    padding-bottom: 0px;
  }
}
@media not all and (min-width: 400px) {

  body .max-xs\:block {
    display: block;
  }
}
@media (min-width: 400px) {

  @media not all and (min-width: 640px) {

    body .xs\:max-sm\:block {
      display: block;
    }
  }
}
@media (min-width: 640px) {

  @media not all and (min-width: 768px) {

    body .sm\:max-md\:block {
      display: block;
    }
  }
}
@media (min-width: 768px) {

  body .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  body .md\:mb-12 {
    margin-bottom: 3rem;
  }

  body .md\:flex {
    display: flex;
  }

  body .md\:h-12 {
    height: 3rem;
  }

  body .md\:w-\[6\.875rem\] {
    width: 6.875rem;
  }

  body .md\:w-auto {
    width: auto;
  }

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

  body .md\:grid-cols-\[auto_minmax\(auto\2c 1fr\)_auto\] {
    grid-template-columns: auto minmax(auto,1fr) auto;
  }

  body .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  body .md\:items-center {
    align-items: center;
  }

  body .md\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  body .md\:justify-self-center {
    justify-self: center;
  }

  body .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  body .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  body .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  body .md\:py-\[4em\] {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  body .md\:pb-12 {
    padding-bottom: 3rem;
  }

  body .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  body .md\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  body .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  @media not all and (min-width: 1024px) {

    body .md\:max-lg\:block {
      display: block;
    }
  }
}
@media (min-width: 1024px) {

  body .lg\:col-start-2 {
    grid-column-start: 2;
  }

  body .lg\:col-end-8 {
    grid-column-end: 8;
  }

  body .lg\:col-end-\[center\] {
    grid-column-end: center;
  }

  body .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  body .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  body .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  body .lg\:flex {
    display: flex;
  }

  body .lg\:hidden {
    display: none;
  }

  body .lg\:w-\[5\.5rem\] {
    width: 5.5rem;
  }

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

  body .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body .lg\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  body .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  body .lg\:grid-rows-\[minmax\(clamp\(280px\2c 70vw\2c 480px\)\2c 1fr\)_minmax\(clamp\(140px\2c 13vw\2c 220px\)\2c auto\)\] {
    grid-template-rows: minmax(clamp(280px,70vw,480px),1fr) minmax(clamp(140px,13vw,220px),auto);
  }

  body .lg\:gap-\[2em\] {
    gap: 2em;
  }

  body .lg\:self-center {
    align-self: center;
  }

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

  body .lg\:pb-\[200px\] {
    padding-bottom: 200px;
  }

  body .lg\:opacity-100 {
    opacity: 1;
  }

  body :is(.peer:first-child ~ .peer-first\:lg\:col-start-8) {
    grid-column-start: 8;
  }

  body :is(.peer:first-child ~ .peer-first\:lg\:col-start-\[center\]) {
    grid-column-start: center;
  }

  body :is(.peer:first-child ~ .peer-first\:lg\:pl-10) {
    padding-left: 2.5rem;
  }

  @media not all and (min-width: 1280px) {

    body .lg\:max-xl\:block {
      display: block;
    }
  }
}
@media (min-width: 1280px) {

  body .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  body .xl\:col-start-8 {
    grid-column-start: 8;
  }

  body .xl\:flex {
    display: flex;
  }

  body .xl\:hidden {
    display: none;
  }

  body .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  @media not all and (min-width: 1440px) {

    body .xl\:max-2xl\:block {
      display: block;
    }
  }
}
@media (min-width: 1440px) {

  body .\32xl\:block {
    display: block;
  }
}
body :is(.\[\&\>li\:after\]\:px-2>li):after {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {

  body :is(.md\:\[\&\>li\:not\(\:last-child\)\:after\]\:content-\[\'\|\'\]>li:not(:last-child)):after {
    --tw-content: '|';
    content: var(--tw-content);
  }
}
body :is(.\[\&\>li\>a\]\:block>li>a) {
  display: block;
}
body :is(.\[\&\>li\]\:flex>li) {
  display: flex;
}
body :is(.\[\&\>li\]\:gap-2>li) {
  gap: 0.5rem;
}
body :is(.\[\&\>li\]\:pb-1>li) {
  padding-bottom: 0.25rem;
}
body :is(.\[\&_li\>a\]\:block li>a) {
  display: block;
}
body :is(.\[\&li\>a\]\:blockli>a) {
  display: block;
}
.imgBreakpoint[data-img-wrap-height] .image.not-prose, .imgBreakpoint[data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			.imgBreakpoint[data-img-wrap-height] .image.not-prose [data-oya-image], .imgBreakpoint[data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	.imgBreakpoint[data-img-wrap-width] {

justify-items: center
}
	.imgBreakpoint[data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose, .imgBreakpoint[data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose, .imgBreakpoint[data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	.imgBreakpoint[data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image], .imgBreakpoint[data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image], .imgBreakpoint[data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	.imgBreakpoint[data-img-wrap-position="top"],
	.imgBreakpoint[data-img-wrap-position="bottom"] {

display: grid
}
	.imgBreakpoint[data-img-wrap-position="top"] .image.not-prose, .imgBreakpoint[data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	.imgBreakpoint[data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	.imgBreakpoint[data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}

[data-component="text-media"] .body > :first-child {

margin-top: 0px
}

[data-component="text-media"] .body > :last-child {

margin-bottom: 0px
}

[data-component="text-media"] [data-img-width] .image.not-prose {

max-width: calc(var(--img-max-width) * 100%)
}

[data-component="text-media"] [data-img-width] .image.not-prose > figure.image {

width: 100%
}

[data-component="text-media"] [data-img-width]:not([data-img-width="auto"]) .image.not-prose, [data-component="text-media"] [data-img-width][data-img-width="auto"]:has([data-component="slider-container"]) .image.not-prose, [data-component="text-media"] [data-img-width][data-img-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-width,var(--img-max-width)) * 100%)
}

[data-component="text-media"] [data-img-width]:not([data-img-width="auto"]) .image.not-prose [data-oya-image], [data-component="text-media"] [data-img-width][data-img-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image], [data-component="text-media"] [data-img-width][data-img-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}

[data-component="text-media"] [data-img-align] {

display: grid;

grid-template-columns: repeat(1, minmax(0, 1fr));

align-items: flex-start;

gap: 2rem
}

[data-component="text-media"] [data-img-align][data-img-align="bottom"] .body {

grid-row-start: 1
}

[data-component="text-media"] [data-img-align][data-img-align="bottom"] .image.not-prose {

grid-row-start: 2
}

[data-component="text-media"] [data-img-align][data-img-align="top"] .body {

grid-row-start: 2
}

[data-component="text-media"] [data-img-align][data-img-align="top"] .image.not-prose {

grid-row-start: 1
}

[data-component="text-media"] [data-img-align][data-img-align="right"] {

display: flow-root;

width: 100%
}

[data-component="text-media"] [data-img-align][data-img-align="right"] .image.not-prose {

float: right;

margin-bottom: 2rem;

margin-left: 2rem
}

[data-component="text-media"] [data-img-align][data-img-align="left"] {

display: flow-root;

width: 100%
}

[data-component="text-media"] [data-img-align][data-img-align="left"] .image.not-prose {

float: left;

margin-bottom: 2rem;

margin-right: 2rem
}

[data-component="text-media"] [data-img-wrap-breakpoint]:not([data-img-align="top"]):not([data-img-align="bottom"])[data-img-wrap-position="top"] .body {

grid-row-start: 2
}

[data-component="text-media"] [data-img-wrap-breakpoint]:not([data-img-align="top"]):not([data-img-align="bottom"])[data-img-wrap-position="top"] .image.not-prose {

grid-row-start: 1
}

[data-component="text-media"] [data-img-wrap-breakpoint]:not([data-img-align="top"]):not([data-img-align="bottom"])[data-img-wrap-position="bottom"] .body {

grid-row-start: 1
}

[data-component="text-media"] [data-img-wrap-breakpoint]:not([data-img-align="top"]):not([data-img-align="bottom"])[data-img-wrap-position="bottom"] .image.not-prose {

grid-row-start: 2
}

@media not all and (min-width: 400px) {[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xs"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}

@media not all and (min-width: 640px) {[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="sm"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}

@media not all and (min-width: 768px) {[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="md"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}

@media not all and (min-width: 1024px) {[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="lg"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}

@media not all and (min-width: 1280px) {[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint][data-img-wrap-breakpoint="xl"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}

@media not all and (min-width: 1440px) {[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-height] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-max-height] .image.not-prose {

height: var(--img-wrap-height);

max-height: var(--img-wrap-max-height,100%);

--image-height: var(--img-wrap-height)
}

			[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-height] .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-max-height] .image.not-prose [data-oya-image] {

max-height: var(--img-wrap-max-height,100%);

-o-object-fit: cover;

   object-fit: cover
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width] {

justify-items: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose {

width: calc(var(--img-wrap-width,1) * 100%)
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width]:not([data-img-wrap-width="auto"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has([data-component="slider-container"]) .image.not-prose [data-oya-image],[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-width][data-img-wrap-width="auto"]:has(.backend) .image.not-prose [data-oya-image] {

width: 100%
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="top"],[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="bottom"] {

display: grid
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="top"] .image.not-prose,[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="bottom"] .image.not-prose {

margin: 0px;

display: flex;

width: 100%;

max-width: none;

justify-content: center
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="left"] .image.not-prose {

float: left;

margin: 0px;

margin-bottom: 2rem;

margin-right: 2rem
}
	[data-component="text-media"] [data-img-wrap-breakpoint] [data-img-wrap-breakpoint="2xl"][data-img-wrap-position="right"] .image.not-prose {

float: right;

margin: 0px;

margin-bottom: 2rem;

margin-left: 2rem
}
			}
/* source-sans-3-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* source-sans-3-cyrillic-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* source-sans-3-greek-ext-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-greek-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}
/* source-sans-3-greek-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* source-sans-3-vietnamese-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* source-sans-3-latin-ext-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* source-sans-3-latin-wght-normal */
@font-face {
  font-family: 'Source Sans 3 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(../node/@fontsource-variable/source-sans-3/source-sans-3-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* rokkitt-vietnamese-wght-normal */
@font-face {
  font-family: 'Rokkitt Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../node/@fontsource-variable/rokkitt/rokkitt-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* rokkitt-latin-ext-wght-normal */
@font-face {
  font-family: 'Rokkitt Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../node/@fontsource-variable/rokkitt/rokkitt-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* rokkitt-latin-wght-normal */
@font-face {
  font-family: 'Rokkitt Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../node/@fontsource-variable/rokkitt/rokkitt-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.base-h1 {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.75rem,5vw,3.375rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.base-h2 {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.75rem,5vw,3.375rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.base-h3 {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1.125rem,3vw,1.75rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
.base-h4 {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1.25rem,3vw,1.75rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
/* region Headings */
.h1,
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.75rem,5vw,3.375rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.h2,
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.75rem,5vw,3.375rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.h3,
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1.125rem,3vw,1.75rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
.h4,
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1.25rem,3vw,1.75rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
/* endregion */
/* region Special*/
.font-hero-title {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(2.5rem,5vw,5.5rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.font-hero-subtitle {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.125rem,2vw,1.75rem);
  text-transform: uppercase;
  line-height: 1;
}
.font-subheading-h1-h2 {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1.125rem,2vw,1.75rem);
  text-transform: uppercase;
  line-height: 1;
}
.font-breadcrumb {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(0.75rem,1vw,1rem);
  line-height: 1;
}
.font-menu-items {
  font-family: "Rokkitt Variable", serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1;
}
.font-newsgrid-subtitle {
  font-family: "Source Sans 3 Variable", sans-serif;
  font-size: clamp(1rem,6cqmin,1.25rem);
  line-height: 1;
}
.font-newsgrid-main {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1.25rem,6.7cqmin,1.75rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.font-teaser-title {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(1rem,3vw,1.75rem);
  font-weight: 700;
  text-transform: none;
}
/* endregion */
:root {
	--font-size: clamp(1rem, 3vw, 1.125rem);
	--line-height: 1.4;
	--text: 0 0% 10%; /* #1A1A1A */

	--background: 0 0% 100%; /* #FFF */
	--alternative-background: 0 0% 95%; /* #F2F2F2 */

	--primary: 0 0% 10%; /* #1A1A1A */
	--primary-foreground: 0 0% 100%; /* #FFF */

	--secondary: 0 0% 100%; /* #FFF */
	--secondary-foreground: 0 0% 10%; /* #1A1A1A */
}
.text-white .prose {
		--h1-color: #fff;
	}
/* Fix für Chrome: manchmal werden Icons abgeschnitten, obwohl genug Platz wäre? */
svg {
	overflow: visible;
}
/* Fix für Safari: summary-Pfeil entfernen */
::-webkit-details-marker {
  display: none;
}
/* Focus-Styles */
:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.5;
}
:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/* Für fehlende SVGs */
.svg-missing {
  display: inline-block;
  height: var(--icon-height);
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}
/*For iframes */
iframe {
  max-width: 100%;
}
.oya-button {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(0.875rem,2vw,1.25rem);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: bottom;

	/* Disabled */
}
.oya-button:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.oya-button {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}
.oya-button::after {
  content: var(--tw-content);
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-width: 2px;
}
/* fix only for safari */
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		.button-black::before, .button-white::before {
    mix-blend-mode: exclusion;
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
.button-black::before,
.button-white::before {
  content: var(--tw-content);
  position: absolute;
  pointer-events: none;
  left: 0px;
  width: 100%;
  height: 100%;
  transform-origin: left;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  mix-blend-mode: difference;
}
.button-black:hover::before, .button-black:focus-within::before, .button-black.active::before, .button-white:hover::before, .button-white:focus-within::before, .button-white.active::before {
  --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));
}
.button-black {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}
.button-black::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}
.button-black:hover::after, .button-black:focus-within::after, .button-black.active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
.button-white {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}
.button-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity));
}
.button-white:hover::after, .button-white:focus-within::after, .button-white.active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
}
main form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
main form input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
main form input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
main form input::placeholder {
  color: #6b7280;
  opacity: 1;
}
main form input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
main form input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}
main form input::-webkit-datetime-edit {
  display: inline-flex;
}
main form input::-webkit-datetime-edit,main form input::-webkit-datetime-edit-year-field,main form input::-webkit-datetime-edit-month-field,main form input::-webkit-datetime-edit-day-field,main form input::-webkit-datetime-edit-hour-field,main form input::-webkit-datetime-edit-minute-field,main form input::-webkit-datetime-edit-second-field,main form input::-webkit-datetime-edit-millisecond-field,main form input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
main form textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
main form textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
main form textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
main form textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
main form select:not([multiple]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
main form select:not([multiple]):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
main form select:not([multiple]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
main form select:not([multiple]):where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
main form select[multiple] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
main form select[multiple]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
main form [type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
  border-radius: 0px;
}
main form [type="checkbox"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
main form [type="checkbox"]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  main form [type="checkbox"]:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
main form [type="checkbox"]:checked:hover,main form [type="checkbox"]:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
main form [type="checkbox"]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active)  {
  main form [type="checkbox"]:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
main form [type="checkbox"]:indeterminate:hover,main form [type="checkbox"]:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
main form [type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
  border-radius: 100%;
}
main form [type="radio"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
main form [type="radio"]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  main form [type="radio"]:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
main form [type="radio"]:checked:hover,main form [type="radio"]:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
main form fieldset {
  border-width: 1px;
  padding: 1rem;
}
main form fieldset > legend {
  padding-left: .5em;
  padding-right: .5em;
}
main form input,
		main form textarea,
		main form select,
		main form [type="checkbox"],
		main form [type="radio"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
main form input:focus,
		main form textarea:focus,
		main form select:focus,
		main form [type="checkbox"]:focus,
		main form [type="radio"]:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity));
}
main form input,
		main form textarea,
		main form select {
  width: 100%;
}
main form [type="checkbox"],
		main form [type="radio"] {
  margin-right: 0.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
main form button:not(.custom) {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(0.875rem,2vw,1.25rem);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: bottom;

	/* Disabled */
}
main form button:not(.custom):disabled {
  pointer-events: none;
  opacity: 0.6;
}
main form button:not(.custom) {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}
main form button:not(.custom)::after {
  content: var(--tw-content);
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-width: 2px;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		main form button:not(.custom)::before {
    mix-blend-mode: exclusion;
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
main form button:not(.custom)::before {
  content: var(--tw-content);
  position: absolute;
  pointer-events: none;
  left: 0px;
  width: 100%;
  height: 100%;
  transform-origin: left;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  mix-blend-mode: difference;
}
main form button:not(.custom):hover::before,main form button:not(.custom):focus-within::before,main form button:not(.custom).active::before {
  --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));
}
main form button:not(.custom) {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}
main form button:not(.custom)::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}
main form button:not(.custom):hover::after,main form button:not(.custom):focus-within::after,main form button:not(.custom).active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
[data-module="ldrd_003"] main form button:not(.custom) {
  font-weight: 400;
}
[data-component="button-container"] main form button:not(.custom) {
  width: -moz-fit-content;
  width: fit-content;
}
main form > input {
  width: auto;
}
main form > .form-group,
		main form .inputs-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
main form > .form-group .form-check, main form .inputs-list .form-check {
  padding-bottom: 0.625rem;
}
main form > .form-group .form-check:last-child, main form .inputs-list .form-check:last-child {
  padding-bottom: 0px;
}
main form > .form-group .form-check-label, main form .inputs-list .form-check-label {
  display: flex;
}
main form > .form-group .form-check-label input, main form .inputs-list .form-check-label input {
  margin-top: 5px;
}
main form > .form-group .table-responsive .table, main form .inputs-list .table-responsive .table {
  width: 100%;
}
main form > .row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 640px) {
  main form > .row {
    flex-wrap: nowrap;
  }
}
main form > .row > div {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
main .frame-type-form_formframework .row, main [data-component="oya_objectpath"] .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
main .frame-type-form_formframework .clearfix, main [data-component="oya_objectpath"] .clearfix {
  margin-bottom: 1rem;
}
main [data-component="oya_objectpath"] form .form-group {
  padding-top: 1.25rem;
}
main [data-component="oya_objectpath"] form .form-group sub {
  top: -0.2em;
}
.deLabelButton {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.deLabelButton > .deLabel,
	.deLabelButton > .v-btn__content {
  position: relative;
  z-index: 10;
  font-family: "Rokkitt Variable", serif;
  font-size: var(--font-size);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
  display: flex;
  align-items: center;
}
.deLabelButton > .deLabel::before, .deLabelButton > .v-btn__content::before {
  order: 1;
  margin-left: 0.75rem;
  display: inline-block;
  height: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background-color: currentColor;
  padding-left: .3em;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: '';
  content: var(--tw-content);
}
.deLabelButton > .deLabel::after, .deLabelButton > .v-btn__content::after {
  order: 2;
  display: inline-block;
  height: 24px;
  min-width: 17px;
  background-image: url(../media/img/sprites.view.svg#Arrow);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
[data-module="page-header"] .tx-eo-buchung {
  max-width: 100%;
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm > .searchForm > .col .wohneinheitenPreview {
  width: 100%;
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm #accModal > header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm #accModal .btn-primary {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm #accModal .btn-primary .prose {
		--h1-color: #fff;
	}
[data-module="page-header"] .tx-eo-buchung .searchPostForm #accModal .btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 153 0 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__buttons button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__buttons button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 153 0 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__week-row .datepicker__month-day--selected,
				[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__week-row .datepicker__month-day--hovering {
  --tw-bg-opacity: 1;
  background-color: rgb(255 195 77 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__week-row .datepicker__month-day--first-day-selected,
				[data-module="page-header"] .tx-eo-buchung .searchPostForm .datepicker__week-row .datepicker__month-day--last-day-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (min-width: 801px) {
  [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop {
    display: flex;
  }
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop button {
  padding-top: .8em;
  padding-bottom: .8em;
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile {
    display: flex;
  }
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile button {
  padding-top: .6em;
  padding-bottom: .6em;
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop button, [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
  font-family: "Rokkitt Variable", serif;
  font-size: var(--font-size);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop button::before, [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile button::before {
  order: 1;
  margin-left: 0.75rem;
  display: inline-block;
  height: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background-color: currentColor;
  padding-left: .3em;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: '';
  content: var(--tw-content);
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop button::after, [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile button::after {
  order: 2;
  display: inline-block;
  height: 24px;
  min-width: 17px;
  background-image: url(../media/img/sprites.view.svg#Arrow);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
[data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .desktop button:hover::before, [data-module="page-header"] .tx-eo-buchung .eobuchung-listlink .mobile button:hover::before {
  padding-left: 2em;
}
.tx-eo-buchung {
	/* region von Marvin Nuber */
	width: 100%;
}
@media (min-width: 400px) {
  .tx-eo-buchung {
    max-width: 400px;
  }
}
@media (min-width: 640px) {
  .tx-eo-buchung {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .tx-eo-buchung {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .tx-eo-buchung {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .tx-eo-buchung {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .tx-eo-buchung {
    max-width: 1440px;
  }
}
.tx-eo-buchung {
  margin-left: auto;
  margin-right: auto;
}
.tx-eo-buchung video,
	.tx-eo-buchung img {
  height: revert-layer;
}
/* endregion */
.tx-eo-buchung .detail-space-top {
  height: 0px !important;
}
.tx-eo-buchung .eobuchung-widget {

		/* endregion */
	}
/* region list and detail view */
.tx-eo-buchung .eobuchung-widget.eobuchung-dv :is(h1, h2, h3, h4, h5, h6), .tx-eo-buchung .eobuchung-widget .v-application :is(.display-1, .subtitle-1), .tx-eo-buchung .eobuchung-widget .row.row--dense button .secondary .v-btn__content, .tx-eo-buchung .eobuchung-widget .row.row--dense .v-card__title, .tx-eo-buchung .eobuchung-widget .eobuchung-desktop-filter button.v-expansion-panel-header, .tx-eo-buchung .eobuchung-widget .eobuchung-desktop-list-header .text-h6, .tx-eo-buchung .eobuchung-widget .float-right button, .tx-eo-buchung .eobuchung-widget .v-btn.v-size--large.primary {
  font-family: "Rokkitt Variable", serif !important;
}
.tx-eo-buchung .eobuchung-widget .eobuchung-booking-dialog .v-form .v-btn--is-elevated::after {
  display: none;
}
.tx-eo-buchung .eobuchung-widget .v-application {
  font-family: "Source Sans 3 Variable", sans-serif !important;
}
.tx-eo-buchung .eobuchung-widget .v-card__text,
		.tx-eo-buchung .eobuchung-widget .v-application {
  font-size: 20px !important;
}
.tx-eo-buchung .eobuchung-widget .v-card__title.text-h5 {
  font-size: 28px !important;
}
/* endregion */
/* region list view */
.tx-eo-buchung .eobuchung-widget .eobuchung-desktop-filter button.v-expansion-panel-header {
  font-size: 20px !important;
}
.tx-eo-buchung .eobuchung-widget .eobuchung-desktop-list-header .text-h6 {
  font-weight: 700 !important;
  font-size: 28px !important;
}
.tx-eo-buchung .eobuchung-widget .eobuchung-desktop-list-header .float-right button + div + button {
  margin-left: 2rem;
  border-left-width: 1px !important;
  border-style: solid !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(0.875rem,2vw,1.25rem);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: bottom;

	/* Disabled */
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::after {
  content: var(--tw-content);
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-width: 2px;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::before {
    mix-blend-mode: exclusion;
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::before {
  content: var(--tw-content);
  position: absolute;
  pointer-events: none;
  left: 0px;
  width: 100%;
  height: 100%;
  transform-origin: left;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  mix-blend-mode: difference;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:hover::before,.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:focus-within::before,.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary.active::before {
  --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));
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:hover::after,.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:focus-within::after,.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary.active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
[data-module="ldrd_003"] .tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  font-weight: 400;
}
[data-component="button-container"] .tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  width: -moz-fit-content;
  width: fit-content;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  background-color: unset !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  border-width: 2px !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::after {
  content: var(--tw-content) !important;
  border-width: 0px !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary {
  border-style: solid !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary,
						.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::before,
						.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::after {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:hover .v-btn__content, .tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:focus .v-btn__content {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:hover .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:focus .v-btn__content .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary .v-btn__content {
  text-transform: none;
  letter-spacing: 0em;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary::before,
						.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:hover::before,
						.tx-eo-buchung .eobuchung-widget .row.row--dense button.secondary:focus::before {
  content: var(--tw-content) !important;
  opacity: 1 !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button:has(.v-icon__svg)::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget .row.row--dense button:has(.v-icon__svg) .v-icon__svg {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--text) / var(--tw-text-opacity)) !important;
}
/* endregion */
/* region detail view */
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-application .v-dialog__content.v-dialog__content--active .v-dialog.v-dialog--active.v-dialog--scrollable {
  width: 650px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .deLabel,.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .v-btn__content {
  position: relative;
  z-index: 10;
  font-family: "Rokkitt Variable", serif;
  font-size: var(--font-size);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
  display: flex;
  align-items: center;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .deLabel::before,.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .v-btn__content::before {
  order: 1;
  margin-left: 0.75rem;
  display: inline-block;
  height: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background-color: currentColor;
  padding-left: .3em;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: '';
  content: var(--tw-content);
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .deLabel::after,.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary > .v-btn__content::after {
  order: 2;
  display: inline-block;
  height: 24px;
  min-width: 17px;
  background-image: url(../media/img/sprites.view.svg#Arrow);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary {
  display: flex;
  width: 300px;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
					box-shadow:
						0 3px 1px -2px rgba(0, 0, 0, 0.2),
						0 2px 2px 0 rgba(0, 0, 0, 0.14),
						0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary span {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary span .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary span::after {
							filter: unset !important;
						}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:hover,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:focus::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary::after {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary .v-btn__content {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary .v-btn__content .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary .v-btn__content {
  text-transform: none;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary .v-btn__content::after {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:hover .v-btn__content::before, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .row.no-gutters .v-btn.v-size--large.primary:focus .v-btn__content::before {
  padding-left: 2em;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(0.875rem,2vw,1.25rem);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: bottom;

	/* Disabled */
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:disabled,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:disabled,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:disabled,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::after {
  content: var(--tw-content);
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-width: 2px;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::before {
    mix-blend-mode: exclusion;
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::before {
  content: var(--tw-content);
  position: absolute;
  pointer-events: none;
  left: 0px;
  width: 100%;
  height: 100%;
  transform-origin: left;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  mix-blend-mode: difference;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:hover::before,.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:focus-within::before,.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary.active::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:hover::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:focus-within::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text.active::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:hover::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:focus-within::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary.active::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:hover::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:focus-within::before,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text.active::before {
  --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));
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:hover::after,.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:focus-within::after,.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary.active::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:hover::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:focus-within::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text.active::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:hover::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:focus-within::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary.active::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:hover::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:focus-within::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text.active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
[data-module="ldrd_003"] .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,[data-module="ldrd_003"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,[data-module="ldrd_003"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,[data-module="ldrd_003"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  font-weight: 400;
}
[data-component="button-container"] .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,[data-component="button-container"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,[data-component="button-container"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,[data-component="button-container"] 
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  width: -moz-fit-content;
  width: fit-content;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  background-color: unset !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  border-width: 2px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::after,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::after {
  content: var(--tw-content) !important;
  border-width: 0px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text {
  border-style: solid !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::after,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::after,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::after,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::after {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:hover .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:focus .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:hover .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:focus .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:hover .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:focus .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:hover .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:focus .v-btn__content {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:hover .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:focus .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:hover .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:focus .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:hover .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:focus .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:hover .v-btn__content .prose, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:focus .v-btn__content .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary .v-btn__content, .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text .v-btn__content {
  text-transform: none;
  letter-spacing: 0em;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary:focus::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-contact button.primary--text:focus::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary:focus::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-datepicker button.primary--text:focus::before {
  content: var(--tw-content) !important;
  opacity: 1 !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-card {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  border-width: 2px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--alternative-background) / var(--tw-bg-opacity)) !important;
}
@media not all and (min-width: 1024px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar {
    top: clamp(53px,12vw,75px) !important;
  }
}
@media (min-width: 1024px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar {
    top: 85px !important;
  }
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar {
  z-index: 10 !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
  height: unset !important;
  width: 100%;
}
@media (min-width: 400px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 400px;
  }
}
@media (min-width: 640px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content {
    max-width: 1440px;
  }
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content a {
  border-width: 0px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content a:hover::before {
  content: var(--tw-content) !important;
  opacity: 0 !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content a:focus-within::before {
  content: var(--tw-content) !important;
  opacity: 0 !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content a::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 2px;
  width: 100%;
  --tw-translate-y: 0.25rem;
  --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));
  background-color: currentColor;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: '';
  content: var(--tw-content);
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-toolbar .v-toolbar__content a:hover::after {
  --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));
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn):hover,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn):hover::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn):hover::after,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn),
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn)::before,
					.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button:not(.v-btn)::after {
  background-color: unset !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button,
				.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog button::after {
  border-width: 0px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .v-dialog .v-input--hide-details + div .mt-3.col {
  font-size: 14px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .d-flex:has(.eobuchung-dv-green-feature) {
  margin-bottom: 1rem;
  align-items: center;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-green-feature {
  margin-right: 1.5rem;
  display: inline-flex;
  height: 50px;
  width: 6rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  margin-bottom: 0px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-green-feature + div {
  margin-bottom: 0px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-green-feature span {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv .eobuchung-dv-green-feature span .prose {
		--h1-color: #fff !important;
	}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-services ~ div[id^="GER"] .mt-3 > :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));
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-services ~ div[id^="GER"] .mt-3 {
  padding-left: 0.5rem;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-services ~ div[id^="GER"] .body-2 {
  font-size: 20px !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-services ~ div[id^="GER"] .body-2 .v-icon__svg {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  height: 25px !important;
  width: 25px !important;
  margin-right: 0.75rem !important;
}
.tx-eo-buchung .eobuchung-widget.eobuchung-dv #eobuchung-dv-services ~ div[id^="GER"] [style*="absolute"] {
  z-index: 1;
}
.tx-eo-buchung #dummy-toolbar {
  overflow-x: auto;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--alternative-background) / var(--tw-bg-opacity));
}
.tx-eo-buchung #dummy-toolbar .outer .inner {
  justify-content: flex-end;
}
.tx-eo-buchung #dummy-toolbar .outer .inner a {
  border-width: 0px !important;
}
#pid142 + footer > [data-component="container"], #pid197 + footer > [data-component="container"] {
  display: none !important;
}
#pid142 > [data-component="breadcrumbs"], #pid197 > [data-component="breadcrumbs"] {
  margin-top: 3.5rem;
}
[data-module="list"] .tx-eo-buchung .eobuchung-listlink hr {
  display: none;
}
[data-module="list"] .tx-eo-buchung .eobuchung-listlink .text-center {
  padding-left: 0.5rem;
  text-align: left;
}
@media (min-width: 768px) {
  [data-module="list"] .tx-eo-buchung .eobuchung-listlink .text-center {
    padding-left: 57px;
  }
}
.frame-type-felogin_login [data-component="container"] {
  padding: 0px !important;
}
.frame-type-felogin_login form {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}
.frame-type-felogin_login form fieldset {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
  padding: 1.25rem;
}
@media (min-width: 640px) {
  .frame-type-felogin_login form fieldset {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2rem;
    padding-top: 3.5rem;
  }
}
.frame-type-felogin_login form fieldset > span {
  display: inline-block;
  padding-bottom: 1.75rem;
  font-family: "Rokkitt Variable", serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  .frame-type-felogin_login form fieldset > span {
    padding-bottom: 2.5rem;
  }
}
.frame-type-felogin_login form fieldset .login-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem;
  padding-bottom: 1.75rem;
}
@media (min-width: 640px) {
  .frame-type-felogin_login form fieldset .login-container {
    flex-wrap: nowrap;
    gap: 1rem;
  }
}
.frame-type-felogin_login form fieldset .login-container label {
  position: relative;
  width: 100%;
}
.frame-type-felogin_login form fieldset .login-container label svg {
  position: absolute;
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.frame-type-felogin_login form fieldset .login-container label input {
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
  padding-left: 3rem;
}
.frame-type-felogin_login form fieldset .login-button {
  max-width: 225px;
}
.frame-type-felogin_login form fieldset .login-button input {
  font-family: "Rokkitt Variable", serif;
  font-size: clamp(0.875rem,2vw,1.25rem);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: bottom;

	/* Disabled */
}
.frame-type-felogin_login form fieldset .login-button input:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.frame-type-felogin_login form fieldset .login-button input {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}
.frame-type-felogin_login form fieldset .login-button input::after {
  content: var(--tw-content);
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-width: 2px;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		.frame-type-felogin_login form fieldset .login-button input::before {
    mix-blend-mode: exclusion;
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
.frame-type-felogin_login form fieldset .login-button input::before {
  content: var(--tw-content);
  position: absolute;
  pointer-events: none;
  left: 0px;
  width: 100%;
  height: 100%;
  transform-origin: left;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  mix-blend-mode: difference;
}
.frame-type-felogin_login form fieldset .login-button input:hover::before,.frame-type-felogin_login form fieldset .login-button input:focus-within::before,.frame-type-felogin_login form fieldset .login-button input.active::before {
  --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));
}
.frame-type-felogin_login form fieldset .login-button input {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}
.frame-type-felogin_login form fieldset .login-button input::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}
.frame-type-felogin_login form fieldset .login-button input:hover::after,.frame-type-felogin_login form fieldset .login-button input:focus-within::after,.frame-type-felogin_login form fieldset .login-button input.active::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
[data-module="ldrd_003"] .frame-type-felogin_login form fieldset .login-button input {
  font-weight: 400;
}
[data-component="button-container"] .frame-type-felogin_login form fieldset .login-button input {
  width: -moz-fit-content;
  width: fit-content;
}
.frame-type-felogin_login form fieldset .login-button input {
					font-size: 18px !important;
				}
.frame-type-felogin_login .passwordRecovery {
  display: block;
  padding-top: 1.5rem;
  text-align: center;
}
[data-module="list"] .tx-eo-buchung .eobuchung-listlink .frame-type-felogin_login .passwordRecovery {
  padding-left: 0.5rem;
  text-align: left;
}
@media (min-width: 768px) {
  [data-module="list"] .tx-eo-buchung .eobuchung-listlink .frame-type-felogin_login .passwordRecovery {
    padding-left: 57px;
  }
}
.alert-black,
.alert-blue,
.alert-red,
.alert-gray,
.alert-yellow {
  padding: 1.5rem;
}
.alert-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.alert-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(52 152 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert-red {
  --tw-bg-opacity: 1;
  background-color: rgb(209 22 73 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 170 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.alert-black {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tt_address_list .tt_address_detail {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(26 26 26 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}
.tt_address_list .tt_address_detail img {
  aspect-ratio: 7/4;
  width: 100%;
}
.tt_address_list .tt_address_detail h4 {
  padding-top: 1.25rem;
  font-family: "Rokkitt Variable", serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-size: 28px;
  font-weight: 700;
}
.tt_address_list .tt_address_detail .jobTitle {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  font-style: normal;
}
.tt_address_list .tt_address_detail .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-top: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
}
.frame-type-news_pi1 .news .tt_address_list .tt_address_detail .description p {
  margin: 0px;
}
.tt_address_list .tt_address_detail .list-unstyled {
  bottom: 1.25rem;
  margin-top: auto;
  padding-top: 1.25rem;
}
.tt_address_list .tt_address_detail .list-unstyled li .tlabel {
  display: inline-block;
  min-width: 150px;
  font-weight: 700;
}
.tt_address_list .tt_address_detail .list-unstyled li .ulink {
  text-decoration-line: underline;
}
.tt_address_list .tt_address_detail .list-unstyled li .ulink:hover {
  opacity: 0.8;
}
.tt_address_list .tt_address_detail .list-unstyled li .ulink:focus-within {
  opacity: 0.8;
}
.frame-type-news_pi1 .news-single .news-text-wrap > p {
  padding-bottom: 0.875rem;
}
.frame-type-news_pi1 .news-single .news-text-wrap > p:last-of-type {
  padding-bottom: 0px;
}
.frame-type-news_pi1 .news-single .news-text-wrap ul {
  list-style-type: disc;
  padding-bottom: 0.875rem;
  padding-left: 2.5rem;
}
.frame-type-news_pi1 .news .line-clamp-3 p {
  margin: 0px;
}
.tx-tgm-copyright li {
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tx-tgm-copyright li img {
  margin-right: 1.25rem;
}
[data-module="ldrd_003"] .oya-button {
  font-weight: 400;
}
[data-module="ldrd_003"] [data-component="image-svg"] .region {
  fill: transparent;
  stroke: hsl(var(--secondary) / 1);
  stroke-width: 2;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover):hover,
				[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover).active {
  fill: hsl(var(--secondary) / 1);
}
[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover):hover {
  cursor: pointer;
}
[data-component="button-container"] {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.5rem;
}
@media not all and (min-width: 768px) {
  [data-component="button-container"] {
    flex-direction: column;
  }
}
[data-component="button-container"] {
  justify-content: flex-start;
}
[data-component="button-container"][data-align="center"] {
  justify-content: center;
}
[data-component="button-container"][data-align="right"] {
  justify-content: flex-end;
}
[data-component="button-container"] .oya-button {
  width: -moz-fit-content;
  width: fit-content;
}
.frame-type-menu_sitemap_pages > ul > li {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.frame-type-menu_sitemap_pages > ul > li > a span {
  font-weight: 700;
}
.frame-type-menu_sitemap_pages > ul li {
  list-style-position: inside;
  list-style-type: disc;
  padding-left: 1.75rem;
}
.frame-type-menu_sitemap_pages > ul li li {
  list-style-type: circle;
}
.frame-type-menu_sitemap_pages > ul li li li {
  list-style-type: square;
  font-size: 16px;
}
.frame-type-menu_sitemap_pages > ul li li li li {
  list-style-type: disc;
}
.oya-button {

	font-family: "Rokkitt Variable", serif;

	font-size: clamp(0.875rem,2vw,1.25rem);

	font-weight: 700;

	line-height: 1;

	display: inline-flex;

	max-width: 100%;

	align-items: center;

	justify-content: center;

	white-space: nowrap;

	vertical-align: bottom;

	/* Disabled */
}.oya-button:disabled {

	pointer-events: none;

	opacity: 0.6;
}.oya-button {

	/* Anpassungen, damit Links aussehen wie Buttons */

	cursor: pointer;

	text-decoration-line: none;

	/* Style */

	padding-left: 2.4em;

	padding-right: 2.4em;

	padding-top: 1.2em;

	padding-bottom: 1.2em;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-duration: 75ms;

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

	position: relative;
}.oya-button::after {

	content: var(--tw-content);

	position: absolute;

	inset: 0px;

	width: 100%;

	height: 100%;

	border-width: 2px;
}

/* fix only for safari */
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
		.button-black::before, .button-white::before {

		mix-blend-mode: exclusion;

		--tw-backdrop-invert: invert(100%);

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

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

.button-black::before,
.button-white::before {

	content: var(--tw-content);

	position: absolute;

	pointer-events: none;

	left: 0px;

	width: 100%;

	height: 100%;

	transform-origin: left;

	--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));

	--tw-bg-opacity: 1;

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

	transition-property: transform;

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

	transition-duration: 500ms;

	mix-blend-mode: difference;
}

.button-black:hover::before, .button-black:focus-within::before, .button-black.active::before, .button-white:hover::before, .button-white:focus-within::before, .button-white.active::before {

	--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));
}

.button-black {

	--tw-text-opacity: 1;

	color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
}

.button-black::after {

	content: var(--tw-content);

	--tw-border-opacity: 1;

	border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity));
}

.button-black:hover::after, .button-black:focus-within::after, .button-black.active::after {

	--tw-border-opacity: 1;

	border-color: hsl(var(--primary) / var(--tw-border-opacity));
}

.button-white {

	--tw-text-opacity: 1;

	color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}

.button-white::after {

	content: var(--tw-content);

	--tw-border-opacity: 1;

	border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity));
}

.button-white:hover::after, .button-white:focus-within::after, .button-white.active::after {

	--tw-border-opacity: 1;

	border-color: hsl(var(--secondary) / var(--tw-border-opacity));
}
/* layer(none) */
@font-face {
  font-family: 'lg';
  src: url("../node/lightgallery/fonts/lg.woff2?io9a6k") format("woff2"), url("../node/lightgallery/fonts/lg.ttf?io9a6k") format("truetype"), url("../node/lightgallery/fonts/lg.woff?io9a6k") format("woff"), url("../node/lightgallery/fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lg' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-container {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next, .lg-single-item
.lg-prev {
  display: none;
}
.lg-next {
  right: 20px;
}
.lg-next:before {
  content: '\e095';
}
.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: '\e094';
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: '\e070';
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: '\e90a';
}
.lg-toolbar .lg-download:after {
  content: '\e0f2';
}
.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.lg-error-msg {
  font-size: 14px;
  color: #999;
}
.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}
.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}
.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}
.lg-group:after {
  content: '';
  display: table;
  clear: both;
}
.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-on {
  scroll-behavior: unset;
}
.lg-overlay-open {
  overflow: hidden;
}
.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/assets/node/lightgallery/images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: '\e909';
}
.lg-components {
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
[data-lightgallery] .image {
  cursor: pointer;
}
.lg-container .lg-backdrop {
		/* Hintergrund von lightgallery auf volle Größe, damit beim scrollen nichts sichtbar ist */
		height: 100lvh;
	}
.lg-container .lg-item > picture > img:not(.lg-dummy-img) {
		/* Fix für Flackern bei kleinen Bildern */
		-o-object-fit: scale-down;
		   object-fit: scale-down;

		width: var(--image-width, auto) !important;
		height: var(--image-height, auto) !important;
	}
.base-body {

	--tw-bg-opacity: 1;

	background-color: hsl(var(--background) / var(--tw-bg-opacity));

	font-family: "Source Sans 3 Variable", sans-serif;

	font-size: var(--font-size);

	line-height: var(--line-height);

	--tw-text-opacity: 1;

	color: hsl(var(--text) / var(--tw-text-opacity))
}

body {

	--tw-bg-opacity: 1;

	background-color: hsl(var(--background) / var(--tw-bg-opacity));

	font-family: "Source Sans 3 Variable", sans-serif;

	font-size: var(--font-size);

	line-height: var(--line-height);

	--tw-text-opacity: 1;

	color: hsl(var(--text) / var(--tw-text-opacity));

	/* Content vertikal zentrieren */

	display: flex;

	min-height: 100vh;

	flex-direction: column

	/* Scroll-Leiste immer einblenden, um Springen zu vermeiden */
}

body main {

	flex-grow: 1
}

body {

	overflow-y: scroll
}body {
	--header-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.4));
}

[data-module="page-header"] {
	--header-spacer: clamp(90px, 22vw, 180px);
	--map-height: clamp(10em, 30vw, 17.3em);
}

[data-module="page-header"] .text-shadow {
		filter: var(--header-shadow);
	}

.shape-overlay {
	--dreieck-offset: 2em;
	-webkit-mask:
		url(../media/img/dreieck_pageheader.svg) var(--dreieck-offset) calc(100% + 2px) no-repeat,
		url(../media/img/eck_pageheader.svg) 0 calc(100% + 2px) no-repeat;
	        mask:
		url(../media/img/dreieck_pageheader.svg) var(--dreieck-offset) calc(100% + 2px) no-repeat,
		url(../media/img/eck_pageheader.svg) 0 calc(100% + 2px) no-repeat;
	-webkit-mask-size: 40vw, auto;
	        mask-size: 40vw, auto;
}

@media (min-width: 1024px) {

.shape-overlay {
		-webkit-mask-size: 30em, auto;
		        mask-size: 30em, auto;
		--dreieck-offset: 3em
}
	}

@media (min-width: 1280px) {

.shape-overlay {
		-webkit-mask-size: 40em, auto;
		        mask-size: 40em, auto
}
	}
[data-component="image-svg"] svg {
    width: 100%;
    height: 100%
}
.base-h1 {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.75rem,5vw,3.375rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.base-h2 {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.75rem,5vw,3.375rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.base-h3 {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1.125rem,3vw,1.75rem);
		font-weight: 400;
		text-transform: uppercase;
		line-height: 1;
}

.base-h4 {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1.25rem,3vw,1.75rem);
		font-weight: 400;
		text-transform: uppercase;
		line-height: 1;
}

/* region Headings */

.h1,
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.75rem,5vw,3.375rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.h2,
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.75rem,5vw,3.375rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.h3,
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1.125rem,3vw,1.75rem);
		font-weight: 400;
		text-transform: uppercase;
		line-height: 1;
}

.h4,
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1.25rem,3vw,1.75rem);
		font-weight: 400;
		text-transform: uppercase;
		line-height: 1;
}

/* endregion */

/* region Special*/

.font-hero-title {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(2.5rem,5vw,5.5rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.font-hero-subtitle {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.125rem,2vw,1.75rem);
		text-transform: uppercase;
		line-height: 1;
}

.font-subheading-h1-h2 {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1.125rem,2vw,1.75rem);
		text-transform: uppercase;
		line-height: 1;
}

.font-breadcrumb {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(0.75rem,1vw,1rem);
		line-height: 1;
}

.font-menu-items {
		font-family: "Rokkitt Variable", serif;
		font-size: 1.5rem;
		text-transform: uppercase;
		line-height: 1;
}

.font-newsgrid-subtitle {
		font-family: "Source Sans 3 Variable", sans-serif;
		font-size: clamp(1rem,6cqmin,1.25rem);
		line-height: 1;
}

.font-newsgrid-main {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1.25rem,6.7cqmin,1.75rem);
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1;
}

.font-teaser-title {
		font-family: "Rokkitt Variable", serif;
		font-size: clamp(1rem,3vw,1.75rem);
		font-weight: 700;
		text-transform: none;
}

/* endregion */

[data-component="navbar"] > div:first-child li a {
		position: relative;
}

[data-component="navbar"] > div:first-child li a::after {
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 2px;
		width: 100%;
		--tw-translate-y: 0.25rem;
		--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));
		background-color: currentColor;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
		--tw-content: '';
		content: var(--tw-content);
}

[data-component="navbar"] > div:first-child li a:hover::after {
		--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));
}

[data-component="navbar"]:not(.floating) {
		filter: var(--header-shadow);
	}

[data-component="navbar"].floating {
		position: sticky;
		top: 0px;
}

body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded) {
		height: 0px;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));

		/* Wenn in der Seite das erste Element eine Page-Header ist, dann großes Logo */
		--logo-width: clamp(100px, 28vw, 200px);
}

@media (min-width: 1024px) {

body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded) {
			--logo-width: 200px
	}
		}

body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded) .logo-big {
		display: block;
}

body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded) .logo-slim {
		display: none;
}

body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded):not(.hofnet) > div:first-child > div > div {
		padding-top: 0.5rem;
}

@media (min-width: 1024px) {

		body [data-component="navbar"][data-has-page-header="true"]:not(.floating):not(.menu-expanded):not(.hofnet) > div:first-child > div > div {
				padding-top: 1.75rem;
		}
}

body [data-component="navbar"].floating,
	body [data-component="navbar"].menu-expanded,
	body [data-component="navbar"][data-has-page-header="false"] {
		position: sticky;
		top: 0px;
		z-index: 50;
		height: -moz-fit-content;
		height: fit-content;
		--tw-bg-opacity: 1;
		background-color: hsl(var(--background) / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: hsl(var(--text) / var(--tw-text-opacity));

		--logo-width: clamp(100px, 28vw, 200px);
}

@media (min-width: 1024px) {

body [data-component="navbar"].floating,
	body [data-component="navbar"].menu-expanded,
	body [data-component="navbar"][data-has-page-header="false"] {
			--logo-width: 180px
	}
		}

body [data-component="navbar"].floating .logo-big, body [data-component="navbar"].menu-expanded .logo-big, body [data-component="navbar"][data-has-page-header="false"] .logo-big {
		display: none;
}

body [data-component="navbar"].floating .logo-slim, body [data-component="navbar"].menu-expanded .logo-slim, body [data-component="navbar"][data-has-page-header="false"] .logo-slim {
		display: block;
}

body [data-component="navbar"].floating:not(.hofnet) > div:first-child > div > div, body [data-component="navbar"].menu-expanded:not(.hofnet) > div:first-child > div > div, body [data-component="navbar"][data-has-page-header="false"]:not(.hofnet) > div:first-child > div > div {
		align-items: center;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {

		body [data-component="navbar"].floating:not(.hofnet) > div:first-child > div > div, body [data-component="navbar"].menu-expanded:not(.hofnet) > div:first-child > div > div, body [data-component="navbar"][data-has-page-header="false"]:not(.hofnet) > div:first-child > div > div {
				padding-top: 1rem;
				padding-bottom: 1rem;
		}
}

body [data-component="navbar"].floating > div:first-child, body [data-component="navbar"].menu-expanded > div:first-child, body [data-component="navbar"][data-has-page-header="false"] > div:first-child {
		border-bottom-width: 2px;
		border-bottom-color: currentColor;
}

[data-component="mobile-menu"] .shape-overlay {
		-webkit-mask:
			linear-gradient(#000 0%, #000 100%),
			url(../media/img/mobile_menu_shape.svg) top no-repeat;
		-webkit-mask-composite:
			xor;
		        -webkit-mask:
			linear-gradient(#000 0%, #000 100%),
			url(../media/img/mobile_menu_shape.svg) top no-repeat;
		        -webkit-mask-composite:
			xor;
		                -webkit-mask:
			linear-gradient(#000 0%, #000 100%),
			url(../media/img/mobile_menu_shape.svg) top no-repeat;
		                -webkit-mask-composite:
			xor;
		                        -webkit-mask:
			linear-gradient(#000 0%, #000 100%),
			url(../media/img/mobile_menu_shape.svg) top no-repeat;
		                        -webkit-mask-composite:
			xor;
		                                mask:
			linear-gradient(#000 0%, #000 100%) exclude,
			url(../media/img/mobile_menu_shape.svg) top no-repeat;
	}
.base-h1 {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.75rem,5vw,3.375rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.base-h2 {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.75rem,5vw,3.375rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.base-h3 {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1.125rem,3vw,1.75rem);

    font-weight: 400;

    text-transform: uppercase;

    line-height: 1
}

.base-h4 {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1.25rem,3vw,1.75rem);

    font-weight: 400;

    text-transform: uppercase;

    line-height: 1
}

/* region Headings */

.h1,
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.75rem,5vw,3.375rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.h2,
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.75rem,5vw,3.375rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.h3,
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1.125rem,3vw,1.75rem);

    font-weight: 400;

    text-transform: uppercase;

    line-height: 1
}

.h4,
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1.25rem,3vw,1.75rem);

    font-weight: 400;

    text-transform: uppercase;

    line-height: 1
}

/* endregion */

/* region Special*/

.font-hero-title {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(2.5rem,5vw,5.5rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.font-hero-subtitle {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.125rem,2vw,1.75rem);

    text-transform: uppercase;

    line-height: 1
}

.font-subheading-h1-h2 {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1.125rem,2vw,1.75rem);

    text-transform: uppercase;

    line-height: 1
}

.font-breadcrumb {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(0.75rem,1vw,1rem);

    line-height: 1
}

.font-menu-items {

    font-family: "Rokkitt Variable", serif;

    font-size: 1.5rem;

    text-transform: uppercase;

    line-height: 1
}

.font-newsgrid-subtitle {

    font-family: "Source Sans 3 Variable", sans-serif;

    font-size: clamp(1rem,6cqmin,1.25rem);

    line-height: 1
}

.font-newsgrid-main {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1.25rem,6.7cqmin,1.75rem);

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}

.font-teaser-title {

    font-family: "Rokkitt Variable", serif;

    font-size: clamp(1rem,3vw,1.75rem);

    font-weight: 700;

    text-transform: none
}

/* endregion */

[data-component="navbar"].menu-expanded [data-component="mobile-menu"] {

    display: flex;

    flex-direction: column;

    gap: 4rem;

    font-family: "Rokkitt Variable", serif;

    font-size: 1.5rem;

    text-transform: uppercase;

    line-height: 1
}
[data-component="icon"].facebook:hover {
			fill: #3b5998;
		}
	[data-component="icon"].Instagram:hover {
			fill: #962fbf;
		}
	[data-component="icon"].Youtube:hover {
			fill: #b2071d;
		}
[data-component="menu-button"] {
	--menu-button-max-width: 1.8em;
	--menu-button-layer-height: 2px;
	--menu-button-layer-spacing: 0.45em;

	--menu-button-full-height: calc(var(--menu-button-layer-height) * 3 + var(--menu-button-layer-spacing) * 2);

	position: relative;

	box-sizing: content-box;

	height: var(--menu-button-full-height);

	width: var(--menu-button-max-width);

	padding: 0.5rem;
}

	[data-component="menu-button"] .menu-button-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	height: var(--menu-button-full-height);
	width: var(--menu-button-max-width);
	translate: -50% -50%;
}

	[data-component="menu-button"] .menu-button-inner .layer {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	height: var(--menu-button-layer-height);
	width: var(--menu-button-max-width);
	background-color: currentColor;
	translate: -50% -50%;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

	[data-component="menu-button"] .menu-button-inner .layer:nth-child(1) {
	translate: -50% calc((var(--menu-button-layer-height) + var(--menu-button-layer-spacing)) * -1);
}

	[data-component="menu-button"] .menu-button-inner .layer:nth-child(2) {
				--menu-button-max-width: 1.4em;
				left: auto;
				right: 0px;
				translate: 0 -50%;
				transition-property: opacity;
				transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				transition-duration: 150ms;
			}

	[data-component="menu-button"] .menu-button-inner .layer:nth-child(3) {
	translate: -50% calc((var(--menu-button-layer-height) / 2 + var(--menu-button-layer-spacing)));
}

	[data-component="menu-button"][aria-expanded="true"] .menu-button-inner .layer:nth-child(1) {
	rotate: 30deg;
	translate: -50% -50%;
}

	[data-component="menu-button"][aria-expanded="true"] .menu-button-inner .layer:nth-child(2) {
	opacity: 0;
}

	[data-component="menu-button"][aria-expanded="true"] .menu-button-inner .layer:nth-child(3) {
	rotate: -30deg;
	translate: -50% -50%;
}
[data-component="icon"] {
	--icon-height: 1em;
	display: inline-block;
	height: var(--icon-height);
	width: auto;
	fill: currentColor;
}
[data-component="container"] {position: relative;width: 100%
}@media (min-width: 400px) {[data-component="container"] {max-width: 400px
    }
}@media (min-width: 640px) {[data-component="container"] {max-width: 640px
    }
}@media (min-width: 768px) {[data-component="container"] {max-width: 768px
    }
}@media (min-width: 1024px) {[data-component="container"] {max-width: 1024px
    }
}@media (min-width: 1280px) {[data-component="container"] {max-width: 1280px
    }
}@media (min-width: 1440px) {[data-component="container"] {max-width: 1440px
    }
}@media not all and (min-width: 768px) {[data-component="container"] {max-width: 100%
    }
}

	[data-component="container"]:not(.no-padding) {padding-left: 1.25rem;padding-right: 1.25rem
}

	[data-component="container"]:not(.no-center) {margin-left: auto;margin-right: auto
}

	[data-component="container"].full-width {max-width: 100%
}
[data-component="main-section"] {
	--section-pt: var(--spacing-1);
	--section-pb: var(--spacing-1);
	--section-pt-first: var(--spacing-2);
	--section-pb-last: var(--spacing-2);

	--spacing-0: 0;
	--spacing-1: 2rem;
	--spacing-1-mobile: 1rem;
	--spacing-2: 3rem;
	--spacing-2-mobile: 2.5rem;
	--spacing-3: 6rem;
	--spacing-3-mobile: 3rem;
	--spacing-4: 10rem;
	--spacing-4-mobile: 4rem;
	--spacing-5: 13rem;
	--spacing-5-mobile: 6rem;
	--spacing-6: 13rem;
	--spacing-6-mobile: 7.15rem;
	--spacing-7: 13rem;
	--spacing-7-mobile: 7.15rem;
	--spacing-8: 13rem;
	--spacing-8-mobile: 7.15rem;
	--spacing-9: 13rem;
	--spacing-9-mobile: 7.15rem;
	--spacing-10: 13rem;
	--spacing-10-mobile: 7.15rem;
}

	[data-component="main-section"][data-pt][data-pt="0"] {
			--section-pt: var(--spacing-0);
		}

	[data-component="main-section"][data-pt][data-pt="1"] {
			--section-pt: var(--spacing-1-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="1"] {
				--section-pt: var(--spacing-1)
		}
			}

	[data-component="main-section"][data-pt][data-pt="2"] {
			--section-pt: var(--spacing-2-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="2"] {
				--section-pt: var(--spacing-2)
		}
			}

	[data-component="main-section"][data-pt][data-pt="3"] {
			--section-pt: var(--spacing-3-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="3"] {
				--section-pt: var(--spacing-3)
		}
			}

	[data-component="main-section"][data-pt][data-pt="4"] {
			--section-pt: var(--spacing-4-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="4"] {
				--section-pt: var(--spacing-4)
		}
			}

	[data-component="main-section"][data-pt][data-pt="5"] {
			--section-pt: var(--spacing-5-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="5"] {
				--section-pt: var(--spacing-5)
		}
			}

	[data-component="main-section"][data-pt][data-pt="6"] {
			--section-pt: var(--spacing-6-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="6"] {
				--section-pt: var(--spacing-6)
		}
			}

	[data-component="main-section"][data-pt][data-pt="7"] {
			--section-pt: var(--spacing-7-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="7"] {
				--section-pt: var(--spacing-7)
		}
			}

	[data-component="main-section"][data-pt][data-pt="8"] {
			--section-pt: var(--spacing-8-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="8"] {
				--section-pt: var(--spacing-8)
		}
			}

	[data-component="main-section"][data-pt][data-pt="9"] {
			--section-pt: var(--spacing-9-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="9"] {
				--section-pt: var(--spacing-9)
		}
			}

	[data-component="main-section"][data-pt][data-pt="10"] {
			--section-pt: var(--spacing-10-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pt][data-pt="10"] {
				--section-pt: var(--spacing-10)
		}
			}

	[data-component="main-section"][data-pb][data-pb="0"] {
			--section-pb: var(--spacing-0);
		}

	[data-component="main-section"][data-pb][data-pb="1"] {
			--section-pb: var(--spacing-1-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="1"] {
				--section-pb: var(--spacing-1)
		}
			}

	[data-component="main-section"][data-pb][data-pb="2"] {
			--section-pb: var(--spacing-2-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="2"] {
				--section-pb: var(--spacing-2)
		}
			}

	[data-component="main-section"][data-pb][data-pb="3"] {
			--section-pb: var(--spacing-3-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="3"] {
				--section-pb: var(--spacing-3)
		}
			}

	[data-component="main-section"][data-pb][data-pb="4"] {
			--section-pb: var(--spacing-4-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="4"] {
				--section-pb: var(--spacing-4)
		}
			}

	[data-component="main-section"][data-pb][data-pb="5"] {
			--section-pb: var(--spacing-5-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="5"] {
				--section-pb: var(--spacing-5)
		}
			}

	[data-component="main-section"][data-pb][data-pb="6"] {
			--section-pb: var(--spacing-6-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="6"] {
				--section-pb: var(--spacing-6)
		}
			}

	[data-component="main-section"][data-pb][data-pb="7"] {
			--section-pb: var(--spacing-7-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="7"] {
				--section-pb: var(--spacing-7)
		}
			}

	[data-component="main-section"][data-pb][data-pb="8"] {
			--section-pb: var(--spacing-8-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="8"] {
				--section-pb: var(--spacing-8)
		}
			}

	[data-component="main-section"][data-pb][data-pb="9"] {
			--section-pb: var(--spacing-9-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="9"] {
				--section-pb: var(--spacing-9)
		}
			}

	[data-component="main-section"][data-pb][data-pb="10"] {
			--section-pb: var(--spacing-10-mobile);
		}

	@media (min-width: 1024px) {

	[data-component="main-section"][data-pb][data-pb="10"] {
				--section-pb: var(--spacing-10)
		}
			}

[data-component="main-section"] {
	position: relative;

	/* Abstände */

	padding-bottom: var(--section-pb);

	padding-top: var(--section-pt);

	/* Hintergrundfarbe */

	background-color: var(--bg-color);
}

[data-component="main-section"].bg-fixed {
		clip-path: inset(0);
	}

[data-component="main-section"].bg-fixed [data-oya-image] {
	position: fixed;
	height: 100lvh;
}

body > main > [data-component="main-section"]:not(.ignore-first-and-last-padding):not([data-module="column-container"]):first-of-type {
	padding-top: var(--section-pt-first);
}

body > main > [data-component="main-section"]:not(.ignore-first-and-last-padding):not([data-module="column-container"]):last-of-type {
	padding-bottom: var(--section-pb-last);
}
figure.image > [data-oya-image] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

picture {
	/* damit nur die Klassen von img in picture relevant sind. picture wird sonst als block gerendert  */
	display: contents;
}
[data-component="grid-container"] {
	--breakpoint-md: 768px;
	--breakpoint-lg: 1024px;
	--breakpoint-xl: 1280px;
	--breakpoint-2xl: 1440px;

	--max-width-for-sliders: 1920px;
	--half-max-minus-content: calc((var(--max-width-for-sliders) - var(--content-width) - var(--padding-x) * 2) / 2);

	--padding-x: 1.25rem;

	--content-width: 100%;
	--content-columns: 12; /* NUR GERADE WERTE AB 4 AUFWÄRTS VERWENDEN !!*/

	--content-width-calc: calc(var(--content-width) - var(--padding-x) * 2);
	--content-column-width: calc(var(--content-width-calc) / var(--content-columns));
	display: grid;
	grid-template-columns:
		[full-start]
		minmax(0, 1fr)
		[max-start]
		minmax(0, var(--half-max-minus-content))
		var(--padding-x)
		[content-start]
		repeat(calc(var(--content-columns) / 2), var(--content-column-width))
		[center]
		repeat(calc(var(--content-columns) / 2), var(--content-column-width))
		[content-end]
		var(--padding-x)
		minmax(0, var(--half-max-minus-content))
		[max-end]
		minmax(0, 1fr)
		[full-end];
}

	@media (min-width: 768px) {[data-component="grid-container"] {
		--content-width: min(var(--breakpoint-md), 100%)
}
	}

	@media (min-width: 1024px) {[data-component="grid-container"] {
		--content-width: min(var(--breakpoint-lg), 100%)
}
	}

	@media (min-width: 1280px) {[data-component="grid-container"] {
		--content-width: min(var(--breakpoint-xl), 100%)
}
	}

	@media (min-width: 1440px) {[data-component="grid-container"] {
		--content-width: min(var(--breakpoint-2xl), 100%)
}
	}
[data-component="scroll-up-button"]:hover svg {
			animation: fly-out-in 1s infinite;
		}
	@keyframes fly-out-in {
		50% {
			opacity: 0;
			translate: 0 -100%;
		}
		51% {
			translate: 0 100%;
		}
		100% {
			opacity: 1;
			translate: 0 0;
		}
	}
[data-component="logo"] {

    display: flex;

    align-items: center
}

	[data-component="logo"] [data-oya-image] {

    height: auto;

    width: var(--logo-width)
}

	[data-component="logo"] [data-oya-image] .border-line,
		[data-component="logo"] [data-oya-image] .text {

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

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

    transition-duration: 300ms;

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

	[data-component="logo"] [data-oya-image] .border-line {

    fill: none;

    stroke: currentColor;

    stroke-width: 2
}

	[data-component="logo"] [data-oya-image] .text {

    fill: currentColor
}

[data-component="navbar"]:not(.hofnet) [data-component="logo"]:hover [data-oya-image] .border-line {

    fill: #fff;

    stroke: hsl(var(--primary) / 1)
}

[data-component="navbar"]:not(.hofnet) [data-component="logo"]:hover [data-oya-image] .text {

    fill: hsl(var(--primary) / 1)
}
[data-module="ldrd_003"] .oya-button {
    font-weight: 400
}
	[data-module="ldrd_003"] [data-component="image-svg"] .region {
    fill: transparent;
    stroke: hsl(var(--secondary) / 1);
    stroke-width: 2;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
	[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover):hover,
				[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover).active {
    fill: hsl(var(--secondary) / 1)
}
	[data-module="ldrd_003"] [data-component="image-svg"] .region:not(.no-hover):hover {
    cursor: pointer
}
[data-component="tser_007_008_010_teaser"] [data-component="slider-container"] {

    grid-column: 1 / -1;

    grid-column-end: max;

    display: grid;

    grid-template-columns: subgrid
}

		[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] {

    display: grid;

    grid-template-columns: subgrid
}

		[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow {

    grid-column: max
}

		@media (min-width: 1024px) {

    [data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow {

        grid-column-start: 1
    }
}

		[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow swiper-container {

    grid-column: content
}

		@media (min-width: 1024px) {

    [data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow swiper-container {

        grid-column-start: 1
    }
}

		[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .pagination-container,
			[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .navigation-container {

    grid-column: content;

    grid-row-start: 2
}

		@media (min-width: 1024px) {

    [data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .pagination-container,
			[data-component="tser_007_008_010_teaser"] [data-component="slider-container"][data-slider-config="teaser"] .navigation-container {

        grid-column-start: 1
    }
}
	[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaser"],
			[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaserNoText"] {

    display: grid;

    grid-template-columns: subgrid
}
	[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow, [data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaserNoText"] .swiper-overflow {

    grid-column: max
}
	[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaser"] .swiper-overflow swiper-container, [data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaserNoText"] .swiper-overflow swiper-container {

    grid-column: content
}
	[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaser"] .pagination-container,
				[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaser"] .navigation-container,
				[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaserNoText"] .pagination-container,
				[data-component="tser_007_008_010_teaser"][data-teaser-type="no-text"] [data-component="slider-container"][data-slider-config="teaserNoText"] .navigation-container {

    grid-column: content;

    grid-row-start: 2
}
[data-component="slider-container"] {
	--navigation-height: 2.25rem;
	position: relative;
	height: -moz-fit-content;
	height: fit-content;
	width: 100%;
}

	[data-component="slider-container"] .swiper-overflow {
	display: grid;
	grid-template-columns: subgrid;
	overflow: hidden;
}

	[data-component="slider-container"] .swiper-overflow swiper-container {
	grid-column: 1 / -1;
	margin-bottom: 1rem;
	display: grid;
	grid-template-columns: subgrid;
	overflow: visible;
			/* Fix für Safari, damit Slides volle Breite nutzen */
			width: 100%;
}

	[data-component="slider-container"] swiper-slide {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

	[data-component="slider-container"] swiper-slide:not(.swiper-slide-active):not(.swiper-slide-visible) {
	opacity: 0.4;
}

	[data-component="slider-container"] .pagination-container {
	display: flex;
	height: var(--navigation-height);
	align-items: center;
	justify-content: center;
}

	[data-component="slider-container"] .pagination-container.swiper-pagination-lock {
	display: none;
}

	[data-component="slider-container"] .pagination-container .swiper-pagination-bullet {
	cursor: pointer;
	display: flex;
	width: var(--swiper-pagination-bullet-size);
	height: var(--swiper-pagination-bullet-size);
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	background-color: var(--swiper-pagination-bullet-inactive-color);
	opacity: var(--swiper-pagination-bullet-inactive-opacity);
}

	[data-component="slider-container"] .pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--swiper-pagination-color);
	opacity: var(--swiper-pagination-bullet-opacity);
}

	[data-component="slider-container"] .navigation-container {
	position: absolute;
	z-index: 10;
	display: flex;
	height: var(--navigation-height);
	width: 100%;
	justify-content: space-between;
}

	[data-component="slider-container"] .navigation-container .button-prev,
		[data-component="slider-container"] .navigation-container .button-next {
	display: flex;
	aspect-ratio: 1 / 1;
	height: 100%;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: hsl(var(--primary) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

	[data-component="slider-container"] .navigation-container .button-prev.swiper-button-disabled, [data-component="slider-container"] .navigation-container .button-next.swiper-button-disabled {
	opacity: 0.3;
}

	[data-component="slider-container"] .navigation-container .button-prev.swiper-button-lock, [data-component="slider-container"] .navigation-container .button-next.swiper-button-lock {
	display: none;
}

	[data-component="slider-container"][data-slider-config="teaserNoText"] swiper-slide, [data-component="slider-container"][data-slider-config="teaser"] swiper-slide {
	max-width: 80%;
}

	[data-component="slider-container"][data-slider-config="textmedia"] swiper-slide {
	width: -moz-fit-content;
	width: fit-content;
	max-width: 80%;
}

	[data-component="slider-container"][data-slider-config="textmedia"] swiper-slide:last-child {
				/* Fix, damit letzte Slider-Slide keine Margin hat bei slidesPerView: "auto" */
				margin-right: 0px !important;
			}

	[data-component="slider-container"][data-slider-config="textmedia"] swiper-slide:not(.swiper-slide-active):not(.swiper-slide-fully-visible) {
	opacity: 0.4;
}

	[data-component="slider-container"][data-slider-config="textmedia"] swiper-slide > img,
			[data-component="slider-container"][data-slider-config="textmedia"] swiper-slide > picture > img {
	height: auto;
	width: 100%;
}

	[data-component="slider-container"][data-slider-config="news"] {
	grid-column-start: 1;
	grid-column-end: max-end;
	display: grid;
	grid-template-columns: subgrid;
}

	[data-component="slider-container"][data-slider-config="news"] .swiper-overflow {
	grid-column-start: max-start;
	grid-column-end: max-end;
	display: grid;
	grid-template-columns: subgrid;
}

	[data-component="slider-container"][data-slider-config="news"] .swiper-overflow swiper-container {
	grid-column-start: content-start;
	grid-column-end: content-end;
	display: grid;
	grid-template-columns: subgrid;
}

	[data-component="slider-container"][data-slider-config="news"] .pagination-container,
		[data-component="slider-container"][data-slider-config="news"] .navigation-container {
	grid-column-start: content-start;
	grid-column-end: content-end;
	grid-row-start: 2;
}
[data-component="glry_007_gallery"] [data-component="slider-container"] {

    grid-column: 1 / -1;

    grid-column-end: max;

    display: grid;

    grid-template-columns: subgrid
}

		[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] {

    display: grid;

    grid-template-columns: subgrid
}

		[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow {

    grid-column: content
}

		@media (min-width: 1024px) {

    [data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow {

        grid-column-start: center;

        grid-column-end: max
    }
}

		[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow swiper-container {

    grid-column: content;

    margin-bottom: 0px
}

		@media (min-width: 1024px) {

    [data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow swiper-container {

        grid-column-start: center;

        grid-column-end: max
    }
}

		[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .pagination-container,
			[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .navigation-container {

    grid-column: content;

    grid-row-start: 2
}

		@media (min-width: 1024px) {

    [data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .pagination-container,
			[data-component="glry_007_gallery"] [data-component="slider-container"][data-slider-config="gallery"] .navigation-container {

        grid-column-start: center
    }
}
	[data-component="glry_007_gallery"][data-gallery-type="no-text"] [data-component="slider-container"][data-slider-config="gallery"] {

    display: grid;

    grid-template-columns: subgrid
}
	[data-component="glry_007_gallery"][data-gallery-type="no-text"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow {

    grid-column: max
}
	[data-component="glry_007_gallery"][data-gallery-type="no-text"] [data-component="slider-container"][data-slider-config="gallery"] .swiper-overflow swiper-container {

    grid-column: max
}
	[data-component="glry_007_gallery"][data-gallery-type="no-text"] [data-component="slider-container"][data-slider-config="gallery"] .pagination-container,
				[data-component="glry_007_gallery"][data-gallery-type="no-text"] [data-component="slider-container"][data-slider-config="gallery"] .navigation-container {

    grid-column: content;

    grid-row-start: 2
}
[data-component="column-container"] {
	--gap-horizontal: 1.5rem;
	--gap-vertical: 1.5rem;

	--columns-base: 1;
	--columns-max: var(--columns-base);

	--columns-xs: var(--columns-base);
	--columns-sm: var(--columns-xs);
	--columns-md: var(--columns-sm);
	--columns-lg: var(--columns-max, --columns-md);
	--columns-xl: var(--columns-lg);
	--columns-2xl: var(--columns-xl);

	--final-columns-base: var(--custom-columns-base, repeat(var(--columns-base), minmax(0, 1fr)));
	--final-columns-xs: var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-xs), minmax(0, 1fr))));
	--final-columns-sm: var(
		--custom-columns-sm,
		var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-sm), minmax(0, 1fr))))
	);
	--final-columns-md: var(
		--custom-columns-md,
		var(
			--custom-columns-sm,
			var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-md), minmax(0, 1fr))))
		)
	);
	--final-columns-lg: var(
		--custom-columns-lg,
		var(
			--custom-columns-md,
			var(
				--custom-columns-sm,
				var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-lg), minmax(0, 1fr))))
			)
		)
	);
	--final-columns-xl: var(
		--custom-columns-xl,
		var(
			--custom-columns-lg,
			var(
				--custom-columns-md,
				var(
					--custom-columns-sm,
					var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-xl), minmax(0, 1fr))))
				)
			)
		)
	);
	--final-columns-2xl: var(
		--custom-columns-2xl,
		var(
			--custom-columns-xl,
			var(
				--custom-columns-lg,
				var(
					--custom-columns-md,
					var(
						--custom-columns-sm,
						var(--custom-columns-xs, var(--custom-columns-base, repeat(var(--columns-2xl), minmax(0, 1fr))))
					)
				)
			)
		)
	);
	display: grid;
	justify-content: center;
	-moz-column-gap: var(--gap-horizontal);
	     column-gap: var(--gap-horizontal);
	row-gap: var(--gap-vertical);
	grid-template-columns: var(--final-columns-base);
}@media not all and (min-width: 640px) {@media (min-width: 400px) {[data-component="column-container"] {
			grid-template-columns: var(--final-columns-xs);
		}
	}
}@media not all and (min-width: 768px) {@media (min-width: 640px) {[data-component="column-container"] {
			grid-template-columns: var(--final-columns-sm);
		}
	}
}@media not all and (min-width: 1024px) {@media (min-width: 768px) {[data-component="column-container"] {
			grid-template-columns: var(--final-columns-md);
		}
	}
}@media not all and (min-width: 1280px) {@media (min-width: 1024px) {[data-component="column-container"] {
			grid-template-columns: var(--final-columns-lg);
		}
	}
}@media not all and (min-width: 1440px) {@media (min-width: 1280px) {[data-component="column-container"] {
			grid-template-columns: var(--final-columns-xl);
		}
	}
}@media (min-width: 1440px) {[data-component="column-container"] {
		grid-template-columns: var(--final-columns-2xl);
	}
}

	/* Horizontale Ausrichtung der Spalten */

	[data-component="column-container"][class*="horizontal-"].horizontal-left {
	justify-content: flex-start;
}

	[data-component="column-container"][class*="horizontal-"].horizontal-right {
	justify-content: flex-end;
}

	[data-component="column-container"][class*="horizontal-"].horizontal-between {
	justify-content: space-between;
}

	/* Vertikale Ausrichtung der Spalten */

	[data-component="column-container"][class*="vertical-"].vertical-center {
	align-items: center;
}

	[data-component="column-container"][class*="vertical-"].vertical-bottom {
	align-items: flex-end;
}

	[data-component="column-container"] > .column > [data-component="main-section"]:first-of-type {
	padding-top: 0px;
}

	[data-component="column-container"] > .column > [data-component="main-section"]:last-of-type {
	padding-bottom: 0px;
}

	[data-component="column-container"] > .column > [data-component="main-section"] > [data-component="container"] {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
[data-module="accn_003"] [data-component="grid-container"] {
    min-height: 500px
}
	[data-module="accn_003"] .keyword_tab.active {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    font-weight: 900
}
	[data-module="accn_003"] .tab {
    grid-column-start: content;
    grid-column-end: max;
    grid-row: 1 / -1;
    display: none;
    scroll-margin-top: 13rem;
    grid-template-columns: subgrid;
    align-items: center;
    gap: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
	[data-module="accn_003"] .tab.active {
    display: grid
}
[data-component="text-header"] {
		margin-bottom: 1rem;
}

@media (min-width: 1024px) {

		[data-component="text-header"] {
				margin-bottom: 3rem;
		}
}

	[data-component="text-header"].text-header-map {
		margin-bottom: clamp(1em,4vw,3em);
}

	@media (min-width: 768px) {

		[data-component="text-header"].text-header-map {
				margin-bottom: clamp(1em,7vw,3em);
		}
}

	[data-component="text-header"] > * {
		font-weight: unset;
		margin-top: 0px;
		width: -moz-fit-content;
		width: fit-content;
	}

	[data-component="text-header"][data-align="left"] > * {
		margin-right: auto;
		text-align: left;
}

	[data-component="text-header"][data-align="center"] > * {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}

	[data-component="text-header"][data-align="right"] > * {
		margin-left: auto;
		text-align: right;
}
[data-component="accordion"]:not(.custom) + [data-component="accordion"] {
			margin-top: 0.5rem;
}
	[data-component="accordion"]:not(.custom) summary {
			display: inline-flex;
			width: 100%;
			cursor: pointer;
			-webkit-user-select: none;
			   -moz-user-select: none;
			        user-select: none;
			align-items: center;
			justify-content: space-between;
			border-width: 1px;
			border-color: currentColor;
			padding-left: 1rem;
			padding-right: 1rem;
			padding-top: 1rem;
			padding-bottom: 1rem;
			line-height: 1;
}
	[data-component="accordion"]:not(.custom) .content {
			border-width: 1px;
			border-top-width: 0px;
			border-color: currentColor;
			padding: 2rem;
}
	[data-component="accordion"]:not(.custom).open summary, [data-component="accordion"]:not(.custom):hover summary, [data-component="accordion"]:not(.custom):focus-within summary {
			--tw-border-opacity: 1;
			border-color: hsl(var(--primary) / var(--tw-border-opacity));
			--tw-bg-opacity: 1;
			background-color: hsl(var(--primary) / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}

/* Icon */
[data-component="accordion"] summary [data-component="icon"] {
			transition-property: rotate;
			transition-duration: 200ms;
			--icon-height: 0.6rem;
			rotate: 90deg;
		}
[data-component="accordion"].open summary [data-component="icon"] {
			rotate: -90deg;
}
[data-component="breadcrumbs"] {
		margin-top: 1.5rem
}

	[data-component="breadcrumbs"] ol {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		white-space: nowrap;
		direction: rtl;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none
}

	/* Firefox */

	[data-component="breadcrumbs"] ol::-webkit-scrollbar {
			display: none; /* Chrome */
		}

	[data-component="breadcrumbs"] ol li {
		position: relative;
		display: inline-flex;
		flex-direction: column
}

	[data-component="breadcrumbs"] ol li a::before {
		padding-left: 1rem;
		padding-right: 1rem;
		--tw-content: '|';
		content: var(--tw-content)
}

	[data-component="breadcrumbs"] ol li a[aria-current='page'] {
		--tw-text-opacity: 1;
		color: hsl(var(--primary) / var(--tw-text-opacity))
}

	[data-component="breadcrumbs"] ol li a:hover {
		text-decoration-line: underline
}

	[data-component="breadcrumbs"] ol li a:focus-within {
		text-decoration-line: underline
}

	[data-component="breadcrumbs"] ol li div {
		font-weight: 700
}

	[data-component="breadcrumbs"] ol li div[aria-current='page'] {
		--tw-text-opacity: 1;
		color: hsl(var(--primary) / var(--tw-text-opacity))
}