*, ::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: ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
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]:where(:not([hidden="until-found"])) {
display: none;
}
.container {
width: 100%;
}
@media (min-width: 380px) {
.container {
max-width: 380px;
}
}
@media (min-width: 420px) {
.container {
max-width: 420px;
}
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@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: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
.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: oklch(from var(--primary) 0.6 calc(c - 0.0445) calc(h + 10));
text-decoration: underline;
font-weight: 400;
}
.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 var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
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: #1F1F1F;
--tw-prose-headings: var(--primary);
--tw-prose-lead: #1F1F1F;
--tw-prose-links: #1F1F1F;
--tw-prose-bold: #1F1F1F;
--tw-prose-counters: #1F1F1F;
--tw-prose-bullets: #1F1F1F;
--tw-prose-hr: #1F1F1F;
--tw-prose-quotes: #1F1F1F;
--tw-prose-quote-borders: #1F1F1F;
--tw-prose-captions: #1F1F1F;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
--tw-prose-code: #1F1F1F;
--tw-prose-pre-code: #1F1F1F;
--tw-prose-pre-bg: #1F1F1F;
--tw-prose-th-borders: #1F1F1F;
--tw-prose-td-borders: #1F1F1F;
--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: rgb(255 255 255 / 10%);
--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: 1.25rem;
line-height: normal;
}
.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 {
word-break: break-word;
}
.prose :where(strong, b):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: var(--tw-prose-bold);
}
.prose :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-family: Afacad,sans-serif;
font-weight: 500;
color: var(--tw-prose-headings);
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 4rem;
line-height: 1;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 3rem;
line-height: 1;
}
.prose :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 3rem;
line-height: 1;
}
.prose :where(h4, .h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 3rem;
line-height: 1;
}
.prose-mobile :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose-mobile :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose-mobile :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose-mobile :where(h4, .h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.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);
}
.prose-primary {
--tw-prose-body: #1F1F1F;
--tw-prose-headings: var(--primary);
--tw-prose-lead: var(--primary);
--tw-prose-links: var(--primary);
--tw-prose-bold: var(--primary);
--tw-prose-counters: var(--primary);
--tw-prose-bullets: var(--primary);
--tw-prose-hr: var(--primary);
--tw-prose-quotes: var(--primary);
--tw-prose-quote-borders: var(--primary);
--tw-prose-captions: var(--primary);
--tw-prose-code: var(--primary);
--tw-prose-pre-code: var(--primary);
--tw-prose-pre-bg: var(--primary);
--tw-prose-th-borders: var(--primary);
--tw-prose-td-borders: var(--primary);
}
body .pointer-events-none {
pointer-events: none;
}
body .pointer-events-auto {
pointer-events: auto;
}
body .visible {
visibility: visible;
}
body .static {
position: static;
}
body .fixed {
position: fixed;
}
body .absolute {
position: absolute;
}
body .relative {
position: relative;
}
body .sticky {
position: sticky;
}
body .inset-0 {
inset: 0px;
}
body .\!top-\[calc\(100vw\/393\*269\)\] {
top: calc(100vw / 393 * 269) !important;
}
body .\!top-auto {
top: auto !important;
}
body .bottom-0 {
bottom: 0px;
}
body .bottom-12 {
bottom: 3rem;
}
body .bottom-\[-25px\] {
bottom: -25px;
}
body .bottom-\[20px\] {
bottom: 20px;
}
body .bottom-\[67px\] {
bottom: 67px;
}
body .bottom-\[78px\] {
bottom: 78px;
}
body .bottom-\[80px\] {
bottom: 80px;
}
body .left-0 {
left: 0px;
}
body .left-1\/2 {
left: 50%;
}
body .left-full {
left: 100%;
}
body .right-0 {
right: 0px;
}
body .right-4 {
right: 1rem;
}
body .top-0 {
top: 0px;
}
body .top-1\/2 {
top: 50%;
}
body .top-4 {
top: 1rem;
}
body .top-\[-24px\] {
top: -24px;
}
body .top-\[60px\] {
top: 60px;
}
body .top-\[calc\(100\%-50px\)\] {
top: calc(100% - 50px);
}
body .\!z-50 {
z-index: 50 !important;
}
body .z-10 {
z-index: 10;
}
body .z-20 {
z-index: 20;
}
body .z-40 {
z-index: 40;
}
body .z-50 {
z-index: 50;
}
body .z-\[1000\] {
z-index: 1000;
}
body .z-\[1002\] {
z-index: 1002;
}
body .z-\[60\] {
z-index: 60;
}
body .z-\[70\] {
z-index: 70;
}
body .z-\[9999\] {
z-index: 9999;
}
body .m-0 {
margin: 0px;
}
body .mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
body .mx-\[64px\] {
margin-left: 64px;
margin-right: 64px;
}
body .mx-auto {
margin-left: auto;
margin-right: auto;
}
body .my-2\.5 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
body .my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
body .-mb-6 {
margin-bottom: -1.5rem;
}
body .mb-0 {
margin-bottom: 0px;
}
body .mb-10 {
margin-bottom: 2.5rem;
}
body .mb-16 {
margin-bottom: 4rem;
}
body .mb-2 {
margin-bottom: 0.5rem;
}
body .mb-20 {
margin-bottom: 5rem;
}
body .mb-4 {
margin-bottom: 1rem;
}
body .mb-7 {
margin-bottom: 1.75rem;
}
body .mr-2 {
margin-right: 0.5rem;
}
body .mr-4 {
margin-right: 1rem;
}
body .mt-4 {
margin-top: 1rem;
}
body .mt-5 {
margin-top: 1.25rem;
}
body .mt-6 {
margin-top: 1.5rem;
}
body .mt-8 {
margin-top: 2rem;
}
body .mt-9 {
margin-top: 2.25rem;
}
body .mt-\[var\(--navbar-height\)\] {
margin-top: var(--navbar-height);
}
body .mt-auto {
margin-top: auto;
}
body .line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
body .line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
body .line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body .line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
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 .contents {
display: contents;
}
body .hidden {
display: none;
}
body .aspect-\[10\/7\] {
aspect-ratio: 10/7;
}
body .aspect-\[105\/72\] {
aspect-ratio: 105/72;
}
body .aspect-\[3\/2\] {
aspect-ratio: 3/2;
}
body .aspect-\[7\/10\] {
aspect-ratio: 7/10;
}
body .aspect-\[7\/5\] {
aspect-ratio: 7/5;
}
body .aspect-\[9\/2\] {
aspect-ratio: 9/2;
}
body .aspect-\[var\(--image-aspect\2c 8\/5\)\] {
aspect-ratio: var(--image-aspect,8/5);
}
body .aspect-square {
aspect-ratio: 1 / 1;
}
body .\!size-12 {
width: 3rem !important;
height: 3rem !important;
}
body .size-12 {
width: 3rem;
height: 3rem;
}
body .size-5 {
width: 1.25rem;
height: 1.25rem;
}
body .size-6 {
width: 1.5rem;
height: 1.5rem;
}
body .size-7 {
width: 1.75rem;
height: 1.75rem;
}
body .size-8 {
width: 2rem;
height: 2rem;
}
body .size-\[--icon-size\] {
width: var(--icon-size);
height: var(--icon-size);
}
body .size-\[1\.125em\] {
width: 1.125em;
height: 1.125em;
}
body .size-\[120px\] {
width: 120px;
height: 120px;
}
body .size-\[48px\] {
width: 48px;
height: 48px;
}
body .size-fit {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
}
body .size-full {
width: 100%;
height: 100%;
}
body .\!h-\[280px\] {
height: 280px !important;
}
body .h-0 {
height: 0px;
}
body .h-12 {
height: 3rem;
}
body .h-16 {
height: 4rem;
}
body .h-4\/5 {
height: 80%;
}
body .h-5 {
height: 1.25rem;
}
body .h-6 {
height: 1.5rem;
}
body .h-9 {
height: 2.25rem;
}
body .h-\[1lh\] {
height: 1lh;
}
body .h-\[2em\] {
height: 2em;
}
body .h-\[30px\] {
height: 30px;
}
body .h-\[35px\] {
height: 35px;
}
body .h-\[3lh\] {
height: 3lh;
}
body .h-\[40px\] {
height: 40px;
}
body .h-\[46px\] {
height: 46px;
}
body .h-\[48px\] {
height: 48px;
}
body .h-\[60px\] {
height: 60px;
}
body .h-\[64px\] {
height: 64px;
}
body .h-\[70px\] {
height: 70px;
}
body .h-\[86px\] {
height: 86px;
}
body .h-auto {
height: auto;
}
body .h-fit {
height: -moz-fit-content;
height: fit-content;
}
body .h-full {
height: 100%;
}
body .h-screen {
height: 100vh;
}
body .max-h-\[240px\] {
max-height: 240px;
}
body .max-h-\[400px\] {
max-height: 400px;
}
body .max-h-\[64px\] {
max-height: 64px;
}
body .max-h-\[calc\(100vh-60px\)\] {
max-height: calc(100vh - 60px);
}
body .max-h-svh {
max-height: 100svh;
}
body .min-h-\[118px\] {
min-height: 118px;
}
body .min-h-\[94px\] {
min-height: 94px;
}
body .min-h-fit {
min-height: -moz-fit-content;
min-height: fit-content;
}
body .\!w-auto {
width: auto !important;
}
body .w-1\/2 {
width: 50%;
}
body .w-\[100vw\] {
width: 100vw;
}
body .w-\[145px\] {
width: 145px;
}
body .w-\[150px\] {
width: 150px;
}
body .w-\[18px\] {
width: 18px;
}
body .w-\[230px\] {
width: 230px;
}
body .w-\[260px\] {
width: 260px;
}
body .w-\[285px\] {
width: 285px;
}
body .w-\[309px\] {
width: 309px;
}
body .w-\[62px\] {
width: 62px;
}
body .w-auto {
width: auto;
}
body .w-fit {
width: -moz-fit-content;
width: fit-content;
}
body .w-full {
width: 100%;
}
body .w-max {
width: -moz-max-content;
width: max-content;
}
body .min-w-12 {
min-width: 3rem;
}
body .min-w-5 {
min-width: 1.25rem;
}
body .min-w-6 {
min-width: 1.5rem;
}
body .min-w-8 {
min-width: 2rem;
}
body .min-w-\[102px\] {
min-width: 102px;
}
body .min-w-\[120px\] {
min-width: 120px;
}
body .min-w-\[35\%\] {
min-width: 35%;
}
body .min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content;
}
body .max-w-28 {
max-width: 7rem;
}
body .max-w-\[1140px\] {
max-width: 1140px;
}
body .max-w-\[1160px\] {
max-width: 1160px;
}
body .max-w-\[1920px\] {
max-width: 1920px;
}
body .max-w-\[280px\] {
max-width: 280px;
}
body .max-w-\[309px\] {
max-width: 309px;
}
body .max-w-\[800px\] {
max-width: 800px;
}
body .max-w-\[calc\(100\%-56px\)\] {
max-width: calc(100% - 56px);
}
body .max-w-\[calc\(100svw-2\.5rem\)\] {
max-width: calc(100svw - 2.5rem);
}
body .max-w-full {
max-width: 100%;
}
body .flex-1 {
flex: 1 1 0%;
}
body .origin-center {
transform-origin: center;
}
body .-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .-translate-x-\[calc\(100\%\+0\.3em\)\] {
--tw-translate-x: calc(calc(100% + 0.3em) * -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));
}
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-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .-translate-y-\[0\.12em\] {
--tw-translate-y: -0.12em;
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-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .translate-y-32 {
--tw-translate-y: 8rem;
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-\[-10px\] {
--tw-translate-y: -10px;
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-\[10px\] {
--tw-translate-y: 10px;
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-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
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 .scale-0 {
--tw-scale-x: 0;
--tw-scale-y: 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));
}
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-pointer {
cursor: pointer;
}
body .resize {
resize: both;
}
body .grid-cols-\[auto\2c auto\] {
grid-template-columns: auto auto;
}
body .grid-rows-\[1fr_auto\] {
grid-template-rows: 1fr auto;
}
body .flex-row {
flex-direction: row;
}
body .flex-row-reverse {
flex-direction: row-reverse;
}
body .flex-col {
flex-direction: column;
}
body .flex-wrap {
flex-wrap: wrap;
}
body .flex-nowrap {
flex-wrap: nowrap;
}
body .items-start {
align-items: flex-start;
}
body .items-end {
align-items: flex-end;
}
body .items-center {
align-items: center;
}
body .justify-start {
justify-content: flex-start;
}
body .justify-center {
justify-content: center;
}
body .justify-between {
justify-content: space-between;
}
body .justify-items-center {
justify-items: center;
}
body .gap-0\.5 {
gap: 0.125rem;
}
body .gap-1 {
gap: 0.25rem;
}
body .gap-10 {
gap: 2.5rem;
}
body .gap-2 {
gap: 0.5rem;
}
body .gap-2\.5 {
gap: 0.625rem;
}
body .gap-3 {
gap: 0.75rem;
}
body .gap-4 {
gap: 1rem;
}
body .gap-5 {
gap: 1.25rem;
}
body .gap-6 {
gap: 1.5rem;
}
body .gap-7 {
gap: 1.75rem;
}
body .gap-8 {
gap: 2rem;
}
body .gap-9 {
gap: 2.25rem;
}
body .gap-\[18px\] {
gap: 18px;
}
body .gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
body .gap-y-2 {
row-gap: 0.5rem;
}
body .self-start {
align-self: flex-start;
}
body .self-end {
align-self: flex-end;
}
body .self-stretch {
align-self: stretch;
}
body .justify-self-end {
justify-self: end;
}
body .overflow-auto {
overflow: auto;
}
body .overflow-hidden {
overflow: hidden;
}
body .\!overflow-visible {
overflow: visible !important;
}
body .overflow-visible {
overflow: visible;
}
body .overflow-x-auto {
overflow-x: auto;
}
body .overflow-x-clip {
overflow-x: clip;
}
body .overscroll-contain {
overscroll-behavior: contain;
}
body .text-ellipsis {
text-overflow: ellipsis;
}
body .hyphens-auto {
hyphens: auto;
}
body .whitespace-normal {
white-space: normal;
}
body .whitespace-nowrap {
white-space: nowrap;
}
body .text-nowrap {
text-wrap: nowrap;
}
body .break-words {
overflow-wrap: break-word;
}
body .rounded-10px {
border-radius: 10px;
}
body .rounded-3xl {
border-radius: 1.5rem;
}
body .rounded-\[10px\] {
border-radius: 10px;
}
body .rounded-\[20px\] {
border-radius: 20px;
}
body .rounded-full {
border-radius: 9999px;
}
body .rounded-xl {
border-radius: 0.75rem;
}
body .rounded-br-\[10px\] {
border-bottom-right-radius: 10px;
}
body .rounded-tl-\[10px\] {
border-top-left-radius: 10px;
}
body .rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
body .rounded-tr-\[10px\] {
border-top-right-radius: 10px;
}
body .rounded-tr-xl {
border-top-right-radius: 0.75rem;
}
body .border {
border-width: 1px;
}
body .border-0 {
border-width: 0px;
}
body .border-2 {
border-width: 2px;
}
body .border-\[1px\] {
border-width: 1px;
}
body .border-b {
border-bottom-width: 1px;
}
body .border-b-2 {
border-bottom-width: 2px;
}
body .border-b-8 {
border-bottom-width: 8px;
}
body .border-l {
border-left-width: 1px;
}
body .border-r {
border-right-width: 1px;
}
body .border-t {
border-top-width: 1px;
}
body .border-t-2 {
border-top-width: 2px;
}
body .border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
body .border-current {
border-color: currentColor;
}
body .border-primary {
border-color: var(--primary);
}
body .border-text {
--tw-border-opacity: 1;
border-color: rgb(31 31 31 / var(--tw-border-opacity, 1));
}
body .border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
body .border-b-primary {
border-bottom-color: var(--primary);
}
body .border-r-white {
--tw-border-opacity: 1;
border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
body .bg-\[\#EAE8E8\] {
--tw-bg-opacity: 1;
background-color: rgb(234 232 232 / var(--tw-bg-opacity, 1));
}
body .bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
body .bg-current {
background-color: currentColor;
}
body .bg-primary {
background-color: var(--primary);
}
body .bg-secondary {
background-color: var(--secondary);
}
body .bg-text\/10 {
background-color: rgb(31 31 31 / 0.1);
}
body .bg-transparent {
background-color: transparent;
}
body .bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body .bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
body .bg-none {
background-image: none;
}
body .from-black\/0 {
--tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
body .to-\[\#1A1A1A\] {
--tw-gradient-to: #1A1A1A var(--tw-gradient-to-position);
}
body .bg-fixed {
background-attachment: fixed;
}
body .fill-\[oklch\(from_var\(--primary\)_49\%_0\.11_h\)\] {
fill: oklch(from var(--primary) 49% 0.11 h);
}
body .fill-\[oklch\(from_var\(--primary\)_57\.95\%_0\.2315_h\)\] {
fill: oklch(from var(--primary) 57.95% 0.2315 h);
}
body .fill-\[oklch\(from_var\(--primary\)_74\%_0\.07_h\)\] {
fill: oklch(from var(--primary) 74% 0.07 h);
}
body .fill-\[oklch\(from_var\(--primary\)_81\.99\%_0\.1687_calc\(h\+17\)\)\] {
fill: oklch(from var(--primary) 81.99% 0.1687 calc(h + 17));
}
body .fill-black {
fill: #000;
}
body .fill-none {
fill: none;
}
body .fill-primary {
fill: var(--primary);
}
body .fill-secondary {
fill: var(--secondary);
}
body .fill-white {
fill: #fff;
}
body .stroke-current {
stroke: currentColor;
}
body .stroke-white {
stroke: #fff;
}
body .stroke-2 {
stroke-width: 2;
}
body .object-contain {
-o-object-fit: contain;
object-fit: contain;
}
body .object-cover {
-o-object-fit: cover;
object-fit: cover;
}
body .p-0 {
padding: 0px;
}
body .p-2\.5 {
padding: 0.625rem;
}
body .p-3 {
padding: 0.75rem;
}
body .p-4 {
padding: 1rem;
}
body .p-5 {
padding: 1.25rem;
}
body .p-6 {
padding: 1.5rem;
}
body .p-\[2px\] {
padding: 2px;
}
body .p-\[85px\] {
padding: 85px;
}
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-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body .px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
body .px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
body .px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
body .px-\[19px\] {
padding-left: 19px;
padding-right: 19px;
}
body .px-\[70px\] {
padding-left: 70px;
padding-right: 70px;
}
body .py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
body .py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
body .py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
body .py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
body .py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
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-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
body .py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
body .py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
body .py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
body .pb-1\.5 {
padding-bottom: 0.375rem;
}
body .pb-10 {
padding-bottom: 2.5rem;
}
body .pb-20 {
padding-bottom: 5rem;
}
body .pb-5 {
padding-bottom: 1.25rem;
}
body .pb-6 {
padding-bottom: 1.5rem;
}
body .pb-7 {
padding-bottom: 1.75rem;
}
body .pb-8 {
padding-bottom: 2rem;
}
body .pl-5 {
padding-left: 1.25rem;
}
body .pl-6 {
padding-left: 1.5rem;
}
body .pr-\[119px\] {
padding-right: 119px;
}
body .pt-0\.5 {
padding-top: 0.125rem;
}
body .pt-\[71px\] {
padding-top: 71px;
}
body .text-left {
text-align: left;
}
body .text-center {
text-align: center;
}
body .align-baseline {
vertical-align: baseline;
}
body .\!font-afacad {
font-family: Afacad, sans-serif !important;
}
body .font-\[revert\] {
font-family: revert;
}
body .font-afacad {
font-family: Afacad, sans-serif;
}
body .font-gotcha {
font-family: GotchaRegular, cursive;
}
body .font-mukta {
font-family: Mukta, sans-serif;
}
body .text-\[12px\] {
font-size: 12px;
}
body .text-\[14px\] {
font-size: 14px;
}
body .text-\[16px\] {
font-size: 16px;
}
body .text-\[18px\] {
font-size: 18px;
}
body .text-\[20px\] {
font-size: 20px;
}
body .text-\[22px\] {
font-size: 22px;
}
body .text-\[24px\] {
font-size: 24px;
}
body .text-\[28px\] {
font-size: 28px;
}
body .text-\[32px\] {
font-size: 32px;
}
body .text-\[40px\] {
font-size: 40px;
}
body .text-\[48px\] {
font-size: 48px;
}
body .font-bold {
font-weight: 700;
}
body .font-extrabold {
font-weight: 800;
}
body .font-normal {
font-weight: 400;
}
body .font-semibold {
font-weight: 600;
}
body .font-thin {
font-weight: 100;
}
body .uppercase {
text-transform: uppercase;
}
body .italic {
font-style: italic;
}
body .leading-\[0\] {
line-height: 0;
}
body .leading-\[1\.13\] {
line-height: 1.13;
}
body .leading-\[1\.1\] {
line-height: 1.1;
}
body .leading-\[18px\] {
line-height: 18px;
}
body .leading-\[28px\] {
line-height: 28px;
}
body .leading-none {
line-height: 1;
}
body .text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body .text-primary {
color: var(--primary);
}
body .text-primary-hell {
--tw-text-opacity: 1;
color: var(--primary-hell,oklch(from var(--primary) calc(l + 0.4226) calc(c - 0.0445) calc(h + 10) / var(--tw-text-opacity, 1)));
}
body .text-text {
--tw-text-opacity: 1;
color: rgb(31 31 31 / var(--tw-text-opacity, 1));
}
body .text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body .underline {
text-decoration-line: underline;
}
body .no-underline {
text-decoration-line: none;
}
body .decoration-dotted {
text-decoration-style: dotted;
}
body .placeholder-opacity-50::-moz-placeholder {
--tw-placeholder-opacity: 0.5;
}
body .placeholder-opacity-50::placeholder {
--tw-placeholder-opacity: 0.5;
}
body .opacity-0 {
opacity: 0;
}
body .opacity-100 {
opacity: 1;
}
body .opacity-50 {
opacity: 0.5;
}
body .shadow-\[0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
--tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
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 .drop-shadow-lg {
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
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 .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 .transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body .duration-1000 {
transition-duration: 1000ms;
}
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 .content-\[\'\'\] {
--tw-content: '';
content: var(--tw-content);
}
body .\@container {
container-type: inline-size;
}
body .\[direction\:ltr\] {
direction: ltr;
}
body .\[direction\:rtl\] {
direction: rtl;
}
@media (min-width: 768px) {
.md\:container {
width: 100%;
}
@media (min-width: 380px) {
.md\:container {
max-width: 380px;
}
}
@media (min-width: 420px) {
.md\:container {
max-width: 420px;
}
}
@media (min-width: 480px) {
.md\:container {
max-width: 480px;
}
}
@media (min-width: 640px) {
.md\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.md\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.md\:container {
max-width: 1024px;
}
}
@media (min-width: 1200px) {
.md\:container {
max-width: 1200px;
}
}
@media (min-width: 1280px) {
.md\:container {
max-width: 1280px;
}
}
}
body :is(.\*\:col-span-full > *) {
grid-column: 1 / -1;
}
body :is(.\*\:grid > *) {
display: grid;
}
body :is(.\*\:origin-\[15px_15px\] > *) {
transform-origin: 15px 15px;
}
body :is(.\*\:grid-cols-subgrid > *) {
grid-template-columns: subgrid;
}
body :is(.\*\:items-center > *) {
align-items: center;
}
body :is(.\*\:transition-transform > *) {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body .backdrop\:bg-black::backdrop {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
body .backdrop\:opacity-0::backdrop {
opacity: 0;
}
body .backdrop\:transition-opacity::backdrop {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body .before\:\!hidden::before {
content: var(--tw-content);
display: none !important;
}
body .after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
body .after\:bottom-0::after {
content: var(--tw-content);
bottom: 0px;
}
body .after\:left-0::after {
content: var(--tw-content);
left: 0px;
}
body .after\:\!hidden::after {
content: var(--tw-content);
display: none !important;
}
body .after\:h-0\.5::after {
content: var(--tw-content);
height: 0.125rem;
}
body .after\:w-full::after {
content: var(--tw-content);
width: 100%;
}
body .after\:translate-y-1\.5::after {
content: var(--tw-content);
--tw-translate-y: 0.375rem;
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 .after\:bg-current::after {
content: var(--tw-content);
background-color: currentColor;
}
body .after\:transition-all::after {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body :is(.last\:\*\:font-bold > *:last-child) {
font-weight: 700;
}
body .hover\:bg-secondary:hover {
background-color: var(--secondary);
}
body .hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body .focus\:\!outline-none:focus {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
body :is(.group:hover .group-hover\:fill-black) {
fill: #000;
}
body :is(.group.open .group-\[\.open\]\:-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 :is(.group:not(.open) .group-\[\&\:not\(\.open\)\]\:pr-14) {
padding-right: 3.5rem;
}
body .data-\[open\=\'true\'\]\:translate-y-0[data-open='true'] {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .data-\[open\=\'true\'\]\:opacity-100[data-open='true'] {
opacity: 1;
}
body .data-\[open\=\'true\'\]\:backdrop\:opacity-70[data-open='true']::backdrop {
opacity: 0.7;
}
body .hocus\:cursor-pointer:hover {
cursor: pointer;
}
body .hocus\:border-primary:hover {
border-color: var(--primary);
}
body .hocus\:\!bg-secondary:hover {
background-color: var(--secondary) !important;
}
body .hocus\:bg-\[\#EAE8E8\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(234 232 232 / var(--tw-bg-opacity, 1));
}
body .hocus\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
body .hocus\:bg-primary:hover {
background-color: var(--primary);
}
body .hocus\:bg-secondary:hover {
background-color: var(--secondary);
}
body .hocus\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body .hocus\:fill-primary:hover {
fill: var(--primary);
}
body .hocus\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body .hocus\:text-primary:hover {
color: var(--primary);
}
body .hocus\:text-primary-foreground:hover {
color: var(--primary-foreground, #fff);
}
body .hocus\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body .hocus\:underline:hover {
text-decoration-line: underline;
}
body .hocus\:decoration-solid:hover {
text-decoration-style: solid;
}
body .hocus\:decoration-dotted:hover {
text-decoration-style: dotted;
}
body .hocus\:\!outline-none:hover {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
body .hocus\:outline-none:hover {
outline: 2px solid transparent;
outline-offset: 2px;
}
body .hocus\:after\:h-1\.5:hover::after {
content: var(--tw-content);
height: 0.375rem;
}
body .hocus\:cursor-pointer:focus-within {
cursor: pointer;
}
body .hocus\:border-primary:focus-within {
border-color: var(--primary);
}
body .hocus\:\!bg-secondary:focus-within {
background-color: var(--secondary) !important;
}
body .hocus\:bg-\[\#EAE8E8\]:focus-within {
--tw-bg-opacity: 1;
background-color: rgb(234 232 232 / var(--tw-bg-opacity, 1));
}
body .hocus\:bg-black:focus-within {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
body .hocus\:bg-primary:focus-within {
background-color: var(--primary);
}
body .hocus\:bg-secondary:focus-within {
background-color: var(--secondary);
}
body .hocus\:bg-white:focus-within {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body .hocus\:fill-primary:focus-within {
fill: var(--primary);
}
body .hocus\:text-black:focus-within {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body .hocus\:text-primary:focus-within {
color: var(--primary);
}
body .hocus\:text-primary-foreground:focus-within {
color: var(--primary-foreground, #fff);
}
body .hocus\:text-white:focus-within {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body .hocus\:underline:focus-within {
text-decoration-line: underline;
}
body .hocus\:decoration-solid:focus-within {
text-decoration-style: solid;
}
body .hocus\:decoration-dotted:focus-within {
text-decoration-style: dotted;
}
body .hocus\:\!outline-none:focus-within {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
body .hocus\:outline-none:focus-within {
outline: 2px solid transparent;
outline-offset: 2px;
}
body .hocus\:after\:h-1\.5:focus-within::after {
content: var(--tw-content);
height: 0.375rem;
}
body :is(.group:hover .group-hocus\:bottom-\[20px\]) {
bottom: 20px;
}
body :is(.group:hover .group-hocus\:bottom-\[30px\]) {
bottom: 30px;
}
body :is(.group:hover .group-hocus\:top-0) {
top: 0px;
}
body :is(.group:hover .group-hocus\:inline-block) {
display: inline-block;
}
body :is(.group:hover .group-hocus\:scale-100) {
--tw-scale-x: 1;
--tw-scale-y: 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));
}
body :is(.group:hover .group-hocus\:scale-105) {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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\:scale-110) {
--tw-scale-x: 1.1;
--tw-scale-y: 1.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));
}
body :is(.group:hover .group-hocus\:bg-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(.group:hover .group-hocus\:fill-black) {
fill: #000;
}
body :is(.group:hover .group-hocus\:fill-white) {
fill: #fff;
}
body :is(.group:hover .group-hocus\:pt-1\.5) {
padding-top: 0.375rem;
}
body :is(.group:hover .group-hocus\:text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body :is(.group:hover .group-hocus\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body :is(.group:hover .group-hocus\:underline) {
text-decoration-line: underline;
}
body :is(.group:hover .group-hocus\:opacity-100) {
opacity: 1;
}
body :is(.group:focus-within .group-hocus\:bottom-\[20px\]) {
bottom: 20px;
}
body :is(.group:focus-within .group-hocus\:bottom-\[30px\]) {
bottom: 30px;
}
body :is(.group:focus-within .group-hocus\:top-0) {
top: 0px;
}
body :is(.group:focus-within .group-hocus\:inline-block) {
display: inline-block;
}
body :is(.group:focus-within .group-hocus\:scale-100) {
--tw-scale-x: 1;
--tw-scale-y: 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));
}
body :is(.group:focus-within .group-hocus\:scale-105) {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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\:scale-110) {
--tw-scale-x: 1.1;
--tw-scale-y: 1.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));
}
body :is(.group:focus-within .group-hocus\:bg-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(.group:focus-within .group-hocus\:fill-black) {
fill: #000;
}
body :is(.group:focus-within .group-hocus\:fill-white) {
fill: #fff;
}
body :is(.group:focus-within .group-hocus\:pt-1\.5) {
padding-top: 0.375rem;
}
body :is(.group:focus-within .group-hocus\:text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body :is(.group:focus-within .group-hocus\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body :is(.group:focus-within .group-hocus\:underline) {
text-decoration-line: underline;
}
body :is(.group:focus-within .group-hocus\:opacity-100) {
opacity: 1;
}
body .openClass\:pointer-events-auto.open {
pointer-events: auto;
}
body .openClass\:-translate-x-full.open {
--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 .openClass\:bg-primary.open {
background-color: var(--primary);
}
body .openClass\:text-white.open {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body .openClass\:opacity-100.open {
opacity: 1;
}
body :is(.group.open .group-openClass\:border-b) {
border-bottom-width: 1px;
}
body :is(.group.open .group-openClass\:\!border-white) {
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
body :is(.group.open .group-openClass\:border-white) {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
body :is(.group.open .group-openClass\:\!bg-primary) {
background-color: var(--primary) !important;
}
body :is(.group.open .group-openClass\:\!fill-white) {
fill: #fff !important;
}
body :is(.group.open .group-openClass\:fill-white) {
fill: #fff;
}
body :is(.group.open .group-openClass\:\!text-white) {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
body :is(.group.open .group-openClass\:opacity-0) {
opacity: 0;
}
body :is(.group.open .group-openClass\:\*\:translate-y-0 > *) {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body :is(.group.open .group-openClass\:first\:\*\:-rotate-45 > *:first-child) {
--tw-rotate: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body :is(.group.open .group-openClass\:last\:\*\:rotate-45 > *:last-child) {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body :is(.group.open .hocus\:group-openClass\:bg-white:hover) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(.group.open .hocus\:group-openClass\:bg-white:focus-within) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(body.tourismus .tourismus\:hidden) {
display: none;
}
body :is(body.tourismus .tourismus\:aspect-\[3\/5\]) {
aspect-ratio: 3/5;
}
body :is(body.tourismus .tourismus\:\!h-\[676px\]) {
height: 676px !important;
}
body :is(body.tourismus .tourismus\:gap-\[50px\]) {
gap: 50px;
}
body :is(body.tourismus .tourismus\:border-white) {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
body :is(body.tourismus .tourismus\:bg-primary) {
background-color: var(--primary);
}
body :is(body.tourismus .tourismus\:bg-secondary) {
background-color: var(--secondary);
}
body :is(body.tourismus .tourismus\:bg-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(body.tourismus .tourismus\:fill-primary) {
fill: var(--primary);
}
body :is(body.tourismus .tourismus\:fill-white) {
fill: #fff;
}
body :is(body.tourismus .tourismus\:py-\[70px\]) {
padding-top: 70px;
padding-bottom: 70px;
}
body :is(body.tourismus .tourismus\:font-bold) {
font-weight: 700;
}
body :is(body.tourismus .tourismus\:text-primary) {
color: var(--primary);
}
body :is(body.tourismus .tourismus\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body :is(body.tourismus .tourismus\:opacity-50) {
opacity: 0.5;
}
body :is(body.tourismus .group:hover .tourismus\:group-hocus\:fill-white) {
fill: #fff;
}
body :is(body.tourismus .group:focus-within .tourismus\:group-hocus\:fill-white) {
fill: #fff;
}
body :is(body.gemeinde .gemeinde\:bottom-\[123px\]) {
bottom: 123px;
}
body :is(body.gemeinde .gemeinde\:bottom-\[143px\]) {
bottom: 143px;
}
body :is(body.gemeinde .gemeinde\:mb-10) {
margin-bottom: 2.5rem;
}
body :is(body.gemeinde .gemeinde\:hidden) {
display: none;
}
body :is(body.gemeinde .gemeinde\:aspect-\[3\/4\]) {
aspect-ratio: 3/4;
}
body :is(body.gemeinde .gemeinde\:\!h-\[540px\]) {
height: 540px !important;
}
body :is(body.gemeinde .gemeinde\:gap-\[45px\]) {
gap: 45px;
}
body :is(body.gemeinde .gemeinde\:border-black) {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
body :is(body.gemeinde .gemeinde\:border-primary) {
border-color: var(--primary);
}
body :is(body.gemeinde .gemeinde\:bg-primary) {
background-color: var(--primary);
}
body :is(body.gemeinde .gemeinde\:bg-secondary) {
background-color: var(--secondary);
}
body :is(body.gemeinde .gemeinde\:bg-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(body.gemeinde .gemeinde\:fill-primary) {
fill: var(--primary);
}
body :is(body.gemeinde .gemeinde\:fill-white) {
fill: #fff;
}
body :is(body.gemeinde .gemeinde\:font-bold) {
font-weight: 700;
}
body :is(body.gemeinde .gemeinde\:text-primary) {
color: var(--primary);
}
body :is(body.gemeinde .gemeinde\:opacity-50) {
opacity: 0.5;
}
body :is(body.gemeinde .group:hover .gemeinde\:group-hocus\:fill-black) {
fill: #000;
}
body :is(body.gemeinde .group:focus-within .gemeinde\:group-hocus\:fill-black) {
fill: #000;
}
body :is(body:not(.tourismus) .not-tourismus\:hidden) {
display: none;
}
body :is(body:not(.gemeinde) .not-gemeinde\:hidden) {
display: none;
}
@media (max-width: 1400px) {
body .max-\[1400px\]\:right-0 {
right: 0px;
}
}
@media not all and (min-width: 1280px) {
body .max-xl\:max-w-\[600px\] {
max-width: 600px;
}
body .max-xl\:flex-col {
flex-direction: column;
}
body .max-xl\:items-center {
align-items: center;
}
body .max-xl\:gap-3 {
gap: 0.75rem;
}
body .max-xl\:\!bg-white {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
body .max-xl\:\!text-black {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
}
@media not all and (min-width: 1200px) {
body .max-2xl\:left-0 {
left: 0px;
}
}
@media (max-width: 1160px) {
body .max-\[1160px\]\:max-w-\[1024px\] {
max-width: 1024px;
}
}
@media not all and (min-width: 1024px) {
body .max-lg\:left-1\/2 {
left: 50%;
}
body .max-lg\:mt-8 {
margin-top: 2rem;
}
body .max-lg\:hidden {
display: none;
}
body .max-lg\:aspect-\[2\/3\] {
aspect-ratio: 2/3;
}
body .max-lg\:aspect-\[393\/269\] {
aspect-ratio: 393/269;
}
body .max-lg\:max-h-\[269px\] {
max-height: 269px;
}
body .max-lg\:\!w-\[240px\] {
width: 240px !important;
}
body .max-lg\:w-2\.5 {
width: 0.625rem;
}
body .max-lg\:w-3 {
width: 0.75rem;
}
body .max-lg\:w-\[calc\(100\%-40px\)\] {
width: calc(100% - 40px);
}
body .max-lg\:w-full {
width: 100%;
}
body .max-lg\:max-w-\[105px\] {
max-width: 105px;
}
body .max-lg\:max-w-\[285px\] {
max-width: 285px;
}
body .max-lg\:max-w-\[353px\] {
max-width: 353px;
}
body .max-lg\:max-w-\[480px\] {
max-width: 480px;
}
body .max-lg\:-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .max-lg\:flex-col {
flex-direction: column;
}
body .max-lg\:flex-wrap {
flex-wrap: wrap;
}
body .max-lg\:items-center {
align-items: center;
}
body .max-lg\:justify-center {
justify-content: center;
}
body .max-lg\:\!overflow-visible {
overflow: visible !important;
}
body .max-lg\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
body .max-lg\:pt-8 {
padding-top: 2rem;
}
body .max-lg\:\!font-gotcha {
font-family: GotchaRegular, cursive !important;
}
body .max-lg\:text-\[24px\] {
font-size: 24px;
}
body .max-lg\:text-\[32px\] {
font-size: 32px;
}
body :is(body.gemeinde .gemeinde\:max-lg\:hidden) {
display: none;
}
}
@media not all and (min-width: 768px) {
body .max-md\:hidden {
display: none;
}
body .max-md\:pl-\[65px\] {
padding-left: 65px;
}
body .max-md\:pr-5 {
padding-right: 1.25rem;
}
}
@media not all and (min-width: 640px) {
body .max-sm\:hidden {
display: none;
}
body .max-sm\:flex-wrap {
flex-wrap: wrap;
}
body .max-sm\:gap-6 {
gap: 1.5rem;
}
body .max-sm\:py-\[17px\] {
padding-top: 17px;
padding-bottom: 17px;
}
body .openClass\:max-sm\:left-0.open {
left: 0px;
}
}
@media not all and (min-width: 480px) {
body .max-xs\:block {
display: block;
}
body .max-xs\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
body .max-xs\:text-\[16px\] {
font-size: 16px;
}
}
@media not all and (min-width: 420px) {
body .max-2xs\:hidden {
display: none;
}
body .max-2xs\:px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
body .max-2xs\:pr-\[77px\] {
padding-right: 77px;
}
}
@media (max-width: 390px) {
body .max-\[390px\]\:max-w-\[calc\(100\%-20px\)\] {
max-width: calc(100% - 20px);
}
}
@media (min-width: 380px) {
body .\33xs\:flex-row {
flex-direction: row;
}
body .\33xs\:items-center {
align-items: center;
}
}
@media (min-width: 480px) {
body .xs\:w-\[80\%\] {
width: 80%;
}
body .xs\:justify-center {
justify-content: center;
}
body .xs\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
@media not all and (min-width: 640px) {
body .xs\:max-sm\:block {
display: block;
}
}
}
@media (min-width: 640px) {
body .sm\:mx-\[60px\] {
margin-left: 60px;
margin-right: 60px;
}
body .sm\:h-\[60px\] {
height: 60px;
}
body .sm\:max-w-\[min\(1400px\2c 100vw\)\] {
max-width: min(1400px, 100vw);
}
body .sm\:flex-row {
flex-direction: row;
}
body .sm\:items-center {
align-items: center;
}
body .sm\:justify-between {
justify-content: space-between;
}
body .sm\:p-10 {
padding: 2.5rem;
}
body .sm\:px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
body .sm\:px-\[60px\] {
padding-left: 60px;
padding-right: 60px;
}
body .sm\:text-\[40px\] {
font-size: 40px;
}
body .openClass\:sm\:-translate-x-full.open {
--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));
}
@media not all and (min-width: 768px) {
body .sm\:max-md\:block {
display: block;
}
}
}
@media (min-width: 768px) {
body .md\:bottom-\[150px\] {
bottom: 150px;
}
body .md\:bottom-\[50px\] {
bottom: 50px;
}
body .md\:mx-\[86px\] {
margin-left: 86px;
margin-right: 86px;
}
body .md\:hidden {
display: none;
}
body .md\:h-\[21px\] {
height: 21px;
}
body .md\:h-\[70px\] {
height: 70px;
}
body .md\:w-full {
width: 100%;
}
body .md\:min-w-\[180px\] {
min-width: 180px;
}
body .md\:min-w-\[30\%\] {
min-width: 30%;
}
body .md\:min-w-\[33\%\] {
min-width: 33%;
}
body .md\:max-w-\[660px\] {
max-width: 660px;
}
body .md\:flex-row {
flex-direction: row;
}
body .md\:flex-col {
flex-direction: column;
}
body .md\:items-start {
align-items: flex-start;
}
body .md\:gap-1\.5 {
gap: 0.375rem;
}
body .md\:gap-2 {
gap: 0.5rem;
}
body .md\:gap-\[48px\] {
gap: 48px;
}
body .md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
body .md\:pl-10 {
padding-left: 2.5rem;
}
body .md\:pl-8 {
padding-left: 2rem;
}
body .md\:pr-\[110px\] {
padding-right: 110px;
}
body .md\:text-\[28px\] {
font-size: 28px;
}
body .md\:text-\[40px\] {
font-size: 40px;
}
body .md\:text-\[64px\] {
font-size: 64px;
}
body .md\:text-\[80px\] {
font-size: 80px;
}
body :is(body.gemeinde .gemeinde\:md\:bottom-\[115px\]) {
bottom: 115px;
}
body :is(body.gemeinde .gemeinde\:md\:bottom-\[215px\]) {
bottom: 215px;
}
@media not all and (min-width: 1024px) {
body .md\:max-lg\:block {
display: block;
}
}
}
@media (min-width: 1024px) {
body .lg\:absolute {
position: absolute;
}
body .lg\:bottom-\[105px\] {
bottom: 105px;
}
body .lg\:bottom-\[150px\] {
bottom: 150px;
}
body .lg\:top-1\/2 {
top: 50%;
}
body .lg\:z-50 {
z-index: 50;
}
body .lg\:mb-\[160px\] {
margin-bottom: 160px;
}
body .lg\:ml-8 {
margin-left: 2rem;
}
body .lg\:mt-12 {
margin-top: 3rem;
}
body .lg\:mt-8 {
margin-top: 2rem;
}
body .lg\:line-clamp-\[7\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
body .lg\:block {
display: block;
}
body .lg\:hidden {
display: none;
}
body .lg\:aspect-\[10\/3\] {
aspect-ratio: 10/3;
}
body .lg\:aspect-\[7\/4\] {
aspect-ratio: 7/4;
}
body .lg\:size-16 {
width: 4rem;
height: 4rem;
}
body .lg\:\!h-\[600px\] {
height: 600px !important;
}
body .lg\:h-\[113px\] {
height: 113px;
}
body .lg\:max-h-\[calc\(100\%-50px\)\] {
max-height: calc(100% - 50px);
}
body .lg\:w-\[102px\] {
width: 102px;
}
body .lg\:w-\[120px\] {
width: 120px;
}
body .lg\:w-\[427\] {
width: 427;
}
body .lg\:w-\[427px\] {
width: 427px;
}
body .lg\:w-\[45\%\] {
width: 45%;
}
body .lg\:w-\[55\%\] {
width: 55%;
}
body .lg\:w-\[773px\] {
width: 773px;
}
body .lg\:min-w-16 {
min-width: 4rem;
}
body .lg\:min-w-8 {
min-width: 2rem;
}
body .lg\:min-w-\[100\%\] {
min-width: 100%;
}
body .lg\:max-w-\[207px\] {
max-width: 207px;
}
body .lg\:max-w-\[25\%\] {
max-width: 25%;
}
body .lg\:max-w-\[280px\] {
max-width: 280px;
}
body .lg\:max-w-\[320px\] {
max-width: 320px;
}
body .lg\:max-w-\[387px\] {
max-width: 387px;
}
body .lg\:max-w-\[460px\] {
max-width: 460px;
}
body .lg\:max-w-\[561px\] {
max-width: 561px;
}
body .lg\:max-w-\[600px\] {
max-width: 600px;
}
body .lg\:max-w-\[728px\] {
max-width: 728px;
}
body .lg\:max-w-\[89\%\] {
max-width: 89%;
}
body .lg\:-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .lg\:flex-row {
flex-direction: row;
}
body .lg\:flex-col {
flex-direction: column;
}
body .lg\:flex-wrap {
flex-wrap: wrap;
}
body .lg\:justify-center {
justify-content: center;
}
body .lg\:gap-10 {
gap: 2.5rem;
}
body .lg\:gap-12 {
gap: 3rem;
}
body .lg\:gap-2 {
gap: 0.5rem;
}
body .lg\:gap-6 {
gap: 1.5rem;
}
body .lg\:rounded-bl-10px {
border-bottom-left-radius: 10px;
}
body .lg\:rounded-br-10px {
border-bottom-right-radius: 10px;
}
body .lg\:rounded-br-none {
border-bottom-right-radius: 0px;
}
body .lg\:rounded-tl-10px {
border-top-left-radius: 10px;
}
body .lg\:rounded-tr-10px {
border-top-right-radius: 10px;
}
body .lg\:rounded-tr-none {
border-top-right-radius: 0px;
}
body .lg\:p-20 {
padding: 5rem;
}
body .lg\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
body .lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
body .lg\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
body .lg\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
body .lg\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
body .lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
body .lg\:pb-20 {
padding-bottom: 5rem;
}
body .lg\:pb-6 {
padding-bottom: 1.5rem;
}
body .lg\:pb-8 {
padding-bottom: 2rem;
}
body .lg\:pl-8 {
padding-left: 2rem;
}
body .lg\:pr-0 {
padding-right: 0px;
}
body .lg\:pt-\[116px\] {
padding-top: 116px;
}
body .lg\:pt-\[19px\] {
padding-top: 19px;
}
body .lg\:text-\[20px\] {
font-size: 20px;
}
body .lg\:text-\[32px\] {
font-size: 32px;
}
body .lg\:font-bold {
font-weight: 700;
}
body .lg\:leading-\[32px\] {
line-height: 32px;
}
body :is(body.tourismus .lg\:tourismus\:aspect-\[9\/4\]) {
aspect-ratio: 9/4;
}
body :is(body.tourismus .lg\:tourismus\:\!h-\[900px\]) {
height: 900px !important;
}
body :is(body.gemeinde .gemeinde\:lg\:mb-\[110px\]) {
margin-bottom: 110px;
}
body :is(body.gemeinde .lg\:gemeinde\:aspect-\[5\/2\]) {
aspect-ratio: 5/2;
}
body :is(body.gemeinde .lg\:gemeinde\:\!h-\[800px\]) {
height: 800px !important;
}
body :is(body.gemeinde .lg\:gemeinde\:bg-primary) {
background-color: var(--primary);
}
body :is(body.gemeinde .lg\:gemeinde\:bg-secondary) {
background-color: var(--secondary);
}
body :is(body.gemeinde .lg\:gemeinde\:text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body :is(body.gemeinde .lg\:gemeinde\:hover\:bg-white:hover) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(body.gemeinde .lg\:gemeinde\:hocus\:bg-white:hover) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body :is(body.gemeinde .lg\:gemeinde\:hocus\:bg-white:focus-within) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media not all and (min-width: 1280px) {
body .lg\:max-xl\:block {
display: block;
}
}
}
@media (min-width: 1200px) {
body .\32xl\:left-\[150px\] {
left: 150px;
}
body .\32xl\:block {
display: block;
}
body .\32xl\:w-\[1200px\] {
width: 1200px;
}
}
@media (min-width: 1280px) {
body .xl\:mb-8 {
margin-bottom: 2rem;
}
body .xl\:mr-\[calc\(50px-1rem\)\] {
margin-right: calc(50px - 1rem);
}
body .xl\:flex {
display: flex;
}
body .xl\:aspect-\[10\/9\] {
aspect-ratio: 10/9;
}
body .xl\:w-\[600px\] {
width: 600px;
}
body .xl\:w-\[800px\] {
width: 800px;
}
body .xl\:min-w-\[500px\] {
min-width: 500px;
}
body .xl\:\!max-w-\[1400px\] {
max-width: 1400px !important;
}
body .xl\:grid-cols-\[auto_minmax\(auto\2c 1fr\)\] {
grid-template-columns: auto minmax(auto,1fr);
}
body .xl\:gap-20 {
gap: 5rem;
}
body .xl\:gap-y-4 {
row-gap: 1rem;
}
body .xl\:p-14 {
padding: 3.5rem;
}
body .xl\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
body .xl\:pb-\[70px\] {
padding-bottom: 70px;
}
body .xl\:pl-\[110px\] {
padding-left: 110px;
}
body .xl\:pl-\[70px\] {
padding-left: 70px;
}
body .xl\:pr-\[50px\] {
padding-right: 50px;
}
body .xl\:pt-\[88px\] {
padding-top: 88px;
}
@media not all and (min-width: 1200px) {
body .xl\:max-2xl\:block {
display: block;
}
}
}
@media (min-width: 1401px) {
body .min-\[1401px\]\:right-\[150px\] {
right: 150px;
}
}
[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: 480px) {[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: 1200px) {@media (min-width: 1280px) {[data-component="column-container"] {
grid-template-columns: var(--final-columns-xl);
}
}
}@media (min-width: 1200px) {[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;
}
.container-bg header h1,
.container-bg header h2,
.container-bg header h3,
.container-bg header h4 {
margin-bottom: 2rem !important;
}
.container-bg header h1 span, .container-bg header h2 span, .container-bg header h3 span, .container-bg header h4 span {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.container-bg .body p {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
[data-component="container"] {
position: relative;
}@media not all and (min-width: 768px) {[data-component="container"] {
max-width: 100%;
}
}
[data-component="container"]:not(.overhang) {
width: 100%;
}
@media (min-width: 380px) {[data-component="container"]:not(.overhang) {
max-width: 380px;
}
}
@media (min-width: 420px) {[data-component="container"]:not(.overhang) {
max-width: 420px;
}
}
@media (min-width: 480px) {[data-component="container"]:not(.overhang) {
max-width: 480px;
}
}
@media (min-width: 640px) {[data-component="container"]:not(.overhang) {
max-width: 640px;
}
}
@media (min-width: 768px) {[data-component="container"]:not(.overhang) {
max-width: 768px;
}
}
@media (min-width: 1024px) {[data-component="container"]:not(.overhang) {
max-width: 1024px;
}
}
@media (min-width: 1200px) {[data-component="container"]:not(.overhang) {
max-width: 1200px;
}
}
@media (min-width: 1280px) {[data-component="container"]:not(.overhang) {
max-width: 1280px;
}
}
[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="container"].overhang {
--container-padding: 1.25rem;
--container-padding-double: calc(var(--container-padding) * 2);
--max-width-base: calc(100% - var(--container-padding-double));
--max-width-xs: calc(480px - var(--container-padding-double));
--max-width-sm: calc(640px - var(--container-padding-double));
--max-width-md: calc(768px - var(--container-padding-double));
--max-width-lg: calc(1024px - var(--container-padding-double));
--max-width-xl: calc(1200px - var(--container-padding-double));
--max-width-2xl: calc(1200px - var(--container-padding-double));
--content-width: var(--max-width-base);
}
@media (min-width: 640px) {[data-component="container"].overhang {
--content-width: var(--max-width-sm);
}
}
@media (min-width: 768px) {[data-component="container"].overhang {
--content-width: var(--max-width-md);
}
}
@media (min-width: 1024px) {[data-component="container"].overhang {
--content-width: var(--max-width-lg);
}
}
@media (min-width: 1280px) {[data-component="container"].overhang {
--content-width: var(--max-width-xl);
}
}
@media (min-width: 1200px) {[data-component="container"].overhang {
--content-width: var(--max-width-2xl);
}
}
[data-component="container"].overhang {
display: grid;
max-width: min(1920px, 100%);
padding-left: 0px;
padding-right: 0px;
grid-template-columns:
[full-width-start] 1fr
[content-start] repeat(12, calc(var(--content-width) / 12))
[content-end] 1fr
[full-width-end];
}
.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, [data-component="text-media"] [data-img-align] [data-img-align="center"] .body {
grid-row-start: 2
}
[data-component="text-media"] [data-img-align][data-img-align="top"] .image.not-prose, [data-component="text-media"] [data-img-align] [data-img-align="center"] .image.not-prose {
grid-row-start: 1
}
[data-component="text-media"] [data-img-align][data-img-align="center"] > div {
margin-left: auto;
margin-right: auto
}
[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"]):not([data-img-align="center"])[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"]):not([data-img-align="center"])[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"]):not([data-img-align="center"])[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"]):not([data-img-align="center"])[data-img-wrap-position="bottom"] .image.not-prose {
grid-row-start: 2
}
@media not all and (min-width: 480px) {[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: 1200px) {[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
}
}
[data-component="icon"] {
--icon-height: 1em;
--icon-width: 1em;
height: var(--icon-height, auto);
width: var(--icon-width, auto);
fill: currentColor;
}
/* afacad-cyrillic-ext-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-cyrillic-ext-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-cyrillic-ext-400-normal.woff) format('woff');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* afacad-math-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-math-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-math-400-normal.woff) format('woff');
unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}
/* afacad-symbols-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-symbols-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-symbols-400-normal.woff) format('woff');
unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}
/* afacad-vietnamese-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-vietnamese-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-vietnamese-400-normal.woff) format('woff');
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;
}
/* afacad-latin-ext-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-latin-ext-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-latin-ext-400-normal.woff) format('woff');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* afacad-latin-400-normal */
@font-face {
font-family: 'Afacad';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(../node/@fontsource/afacad/afacad-latin-400-normal.woff2) format('woff2'), url(../node/@fontsource/afacad/afacad-latin-400-normal.woff) format('woff');
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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: "GotchaRegular";
src:
url("../fonts/font.woff2") format("woff2"),
url("../fonts/font.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
margin-bottom: .5em;
font-family: GotchaRegular, cursive;
font-weight: 700;
color: var(--primary);
}
.base-h1 {
font-size: 2.5rem;
line-height: 0.9;
}
@media (min-width: 1024px) {
.base-h1 {
font-size: 4rem;
line-height: 1;
}
}
.base-h2 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h2 {
font-size: 3rem;
line-height: 1;
}
}
.base-h3 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h3 {
font-size: 3rem;
line-height: 1;
}
}
.base-h4 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h4 {
font-size: 3rem;
line-height: 1;
}
}
:where(.h1) {
font-size: 2.5rem;
line-height: 0.9;
}
@media (min-width: 1024px) {
:where(.h1) {
font-size: 4rem;
line-height: 1;
}
}
:where(.h2) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h2) {
font-size: 3rem;
line-height: 1;
}
}
:where(.h3) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h3) {
font-size: 3rem;
line-height: 1;
}
}
:where(.h4) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h4) {
font-size: 3rem;
line-height: 1;
}
}
@media not all and (min-width: 1024px) {
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h4, .h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
}
.menu-main-font {
font-size: 1.5rem;
line-height: 1.2;
}
@media (min-width: 1024px) {
.menu-main-font {
font-size: 2.5rem;
line-height: 1.425;
}
}
.menu-sub-font {
font-size: 1rem;
line-height: 1.2;
}
@media (min-width: 1024px) {
.menu-sub-font {
font-size: 1.5rem;
line-height: 1.2;
}
}
.page-header-title {
font-size: 3rem;
line-height: 0.91667;
}
@media (min-width: 1024px) {
.page-header-title {
font-size: 5rem;
line-height: normal;
}
}
.page-header-title-special {
font-family: Afacad, sans-serif;
font-size: 1rem;
line-height: normal;
}
@media (min-width: 1024px) {
.page-header-title-special {
font-size: 2.5rem;
line-height: normal;
}
}
summary {
/* summary-Pfeil ausblenden */
list-style-type: none;
}
/* Safari */
summary::-webkit-details-marker {
display: none;
}
.base-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border-width: 1px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 400;
text-decoration-line: none;
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;
}
.base-button.disabled,
.base-button[disabled] {
pointer-events: none;
opacity: 0.3;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.default-button {
border-color: var(--text);
background-color: var(--bg);
color: var(--border);
}
.default-button:hover {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
.default-button:focus-within {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
.default-button.active {
border-color: var(--border-active);
background-color: var(--bg-active);
color: var(--text-active);
}
.default-button:hover.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
.default-button:focus-within.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
.default-blue {
--bg: transparent;
--text: var(--primary);
--border: var(--primary);
--bg-hover: var(--primary);
--text-hover: var(--primary-foreground, #fff);
--border-hover: var(--primary);
--bg-active: var(--primary);
--text-active: var(--primary-foreground, #fff);
--border-active: var(--primary);
--bg-active-hover: var(--primary);
--text-active-hover: var(--primary-foreground, #fff);
--border-active-hover: var(--primary);
}
.default-orange {
--bg: var(--secondary);
--text: #1A1A1A;
--border: #1A1A1A;
--bg-hover: #1A1A1A;
--text-hover: #fff;
--border-hover: #1A1A1A;
--bg-active: #1A1A1A;
--text-active: #fff;
--border-active: #1A1A1A;
--bg-active-hover: #1A1A1A;
--text-active-hover: #fff;
--border-active-hover: #1A1A1A;
}
.default-black {
--bg: transparent;
--text: #000;
--border: #000;
--bg-hover: #000;
--text-hover: #fff;
--border-hover: #000;
--bg-active: #000;
--text-active: #fff;
--border-active: #000;
--bg-active-hover: #000;
--text-active-hover: #fff;
--border-active-hover: #000;
}
.default-white {
--bg: transparent;
--text: #fff;
--border: #fff;
--bg-hover: #fff;
--text-hover: var(--primary);
--border-hover: #fff;
--bg-active: #fff;
--text-active: var(--primary);
--border-active: #fff;
--bg-active-hover: #fff;
--text-active-hover: var(--primary);
--border-active-hover: #fff;
}
[data-component="oya-button"],
.rte-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border-width: 1px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 400;
text-decoration-line: none;
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-component="oya-button"].disabled,[data-component="oya-button"][disabled],
.rte-button.disabled,
.rte-button[disabled] {
pointer-events: none;
opacity: 0.3;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
[data-component="oya-button"],
.rte-button {
border-color: var(--text);
background-color: var(--bg);
color: var(--border);
}
[data-component="oya-button"]:hover,
.rte-button:hover {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
[data-component="oya-button"]:focus-within,
.rte-button:focus-within {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
[data-component="oya-button"].active,
.rte-button.active {
border-color: var(--border-active);
background-color: var(--bg-active);
color: var(--text-active);
}
[data-component="oya-button"]:hover.active,
.rte-button:hover.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
[data-component="oya-button"]:focus-within.active,
.rte-button:focus-within.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
[data-component="oya-button"].blue, .rte-button.blue {
--bg: transparent;
--text: var(--primary);
--border: var(--primary);
--bg-hover: var(--primary);
--text-hover: var(--primary-foreground, #fff);
--border-hover: var(--primary);
--bg-active: var(--primary);
--text-active: var(--primary-foreground, #fff);
--border-active: var(--primary);
--bg-active-hover: var(--primary);
--text-active-hover: var(--primary-foreground, #fff);
--border-active-hover: var(--primary);
}
[data-component="oya-button"].orange, .rte-button.orange {
--bg: var(--secondary);
--text: #1A1A1A;
--border: #1A1A1A;
--bg-hover: #1A1A1A;
--text-hover: #fff;
--border-hover: #1A1A1A;
--bg-active: #1A1A1A;
--text-active: #fff;
--border-active: #1A1A1A;
--bg-active-hover: #1A1A1A;
--text-active-hover: #fff;
--border-active-hover: #1A1A1A;
}
[data-component="oya-button"].black, .rte-button.black {
--bg: transparent;
--text: #000;
--border: #000;
--bg-hover: #000;
--text-hover: #fff;
--border-hover: #000;
--bg-active: #000;
--text-active: #fff;
--border-active: #000;
--bg-active-hover: #000;
--text-active-hover: #fff;
--border-active-hover: #000;
}
[data-component="oya-button"].white, .rte-button.white {
--bg: transparent;
--text: #fff;
--border: #fff;
--bg-hover: #fff;
--text-hover: var(--primary);
--border-hover: #fff;
--bg-active: #fff;
--text-active: var(--primary);
--border-active: #fff;
--bg-active-hover: #fff;
--text-active-hover: var(--primary);
--border-active-hover: #fff;
}
main form input, footer form input, dialog 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, footer form input:focus, dialog 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, footer form input::-moz-placeholder, dialog form input::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
main form input::placeholder, footer form input::placeholder, dialog form input::placeholder {
color: #6b7280;
opacity: 1;
}
main form input::-webkit-datetime-edit-fields-wrapper, footer form input::-webkit-datetime-edit-fields-wrapper, dialog form input::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
main form input::-webkit-date-and-time-value, footer form input::-webkit-date-and-time-value, dialog form input::-webkit-date-and-time-value {
min-height: 1.5em;
text-align: inherit;
}
main form input::-webkit-datetime-edit, footer form input::-webkit-datetime-edit, dialog 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, footer form input::-webkit-datetime-edit, footer form input::-webkit-datetime-edit-year-field, footer form input::-webkit-datetime-edit-month-field, footer form input::-webkit-datetime-edit-day-field, footer form input::-webkit-datetime-edit-hour-field, footer form input::-webkit-datetime-edit-minute-field, footer form input::-webkit-datetime-edit-second-field, footer form input::-webkit-datetime-edit-millisecond-field, footer form input::-webkit-datetime-edit-meridiem-field, dialog form input::-webkit-datetime-edit, dialog form input::-webkit-datetime-edit-year-field, dialog form input::-webkit-datetime-edit-month-field, dialog form input::-webkit-datetime-edit-day-field, dialog form input::-webkit-datetime-edit-hour-field, dialog form input::-webkit-datetime-edit-minute-field, dialog form input::-webkit-datetime-edit-second-field, dialog form input::-webkit-datetime-edit-millisecond-field, dialog form input::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
main form textarea, footer form textarea, dialog 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, footer form textarea:focus, dialog 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, footer form textarea::-moz-placeholder, dialog form textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
main form textarea::placeholder, footer form textarea::placeholder, dialog form textarea::placeholder {
color: #6b7280;
opacity: 1;
}
main form select:not([multiple]), footer form select:not([multiple]), dialog 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, footer form select:not([multiple]):focus, dialog 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]), footer form select:not([multiple]), dialog 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"])), footer form select:not([multiple]):where([size]:not([size="1"])), dialog 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], footer form select[multiple], dialog 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, footer form select[multiple]:focus, dialog 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"], footer form [type="checkbox"], dialog 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, footer form [type="checkbox"]:focus, dialog 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, footer form [type="checkbox"]:checked, dialog 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, footer form [type="checkbox"]:checked, dialog form [type="checkbox"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
main form [type="checkbox"]:checked:hover,main form [type="checkbox"]:checked:focus, footer form [type="checkbox"]:checked:hover, footer form [type="checkbox"]:checked:focus, dialog form [type="checkbox"]:checked:hover, dialog form [type="checkbox"]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
main form [type="checkbox"]:indeterminate, footer form [type="checkbox"]:indeterminate, dialog 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, footer form [type="checkbox"]:indeterminate, dialog form [type="checkbox"]:indeterminate {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
main form [type="checkbox"]:indeterminate:hover,main form [type="checkbox"]:indeterminate:focus, footer form [type="checkbox"]:indeterminate:hover, footer form [type="checkbox"]:indeterminate:focus, dialog form [type="checkbox"]:indeterminate:hover, dialog form [type="checkbox"]:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
main form [type="checkbox"], footer form [type="checkbox"], dialog form [type="checkbox"] {
width: 1.25rem;
height: 1.25rem;
}
main form [type="radio"], footer form [type="radio"], dialog 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, footer form [type="radio"]:focus, dialog 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, footer form [type="radio"]:checked, dialog 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, footer form [type="radio"]:checked, dialog form [type="radio"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
main form [type="radio"]:checked:hover,main form [type="radio"]:checked:focus, footer form [type="radio"]:checked:hover, footer form [type="radio"]:checked:focus, dialog form [type="radio"]:checked:hover, dialog form [type="radio"]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
main form fieldset, footer form fieldset, dialog form fieldset {
border-width: 1px;
padding: 1rem;
}
main form fieldset > legend, footer form fieldset > legend, dialog 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"],
footer form input,
footer form textarea,
footer form select,
footer form [type="checkbox"],
footer form [type="radio"],
dialog form input,
dialog form textarea,
dialog form select,
dialog form [type="checkbox"],
dialog form [type="radio"] {
border-radius: 5px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
main form input:focus,
main form textarea:focus,
main form select:focus,
main form [type="checkbox"]:focus,
main form [type="radio"]:focus,
footer form input:focus,
footer form textarea:focus,
footer form select:focus,
footer form [type="checkbox"]:focus,
footer form [type="radio"]:focus,
dialog form input:focus,
dialog form textarea:focus,
dialog form select:focus,
dialog form [type="checkbox"]:focus,
dialog form [type="radio"]:focus {
border-color: var(--primary);
--tw-ring-color: var(--primary);
}
main form input,
main form textarea,
main form select,
footer form input,
footer form textarea,
footer form select,
dialog form input,
dialog form textarea,
dialog form select {
width: 100%;
}
main form [type="checkbox"],
main form [type="radio"],
footer form [type="checkbox"],
footer form [type="radio"],
dialog form [type="checkbox"],
dialog form [type="radio"] {
margin-right: 0.5rem;
color: var(--primary);
}
main form > input, footer form > input, dialog form > input {
width: auto;
}
main form > .form-group,
main form .inputs-list,
footer form > .form-group,
footer form .inputs-list,
dialog form > .form-group,
dialog form .inputs-list {
margin-top: 1rem;
margin-bottom: 1rem;
}
main form > .form-group .form-check, main form .inputs-list .form-check, footer form > .form-group .form-check, footer form .inputs-list .form-check, dialog form > .form-group .form-check, dialog 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, footer form > .form-group .form-check:last-child, footer form .inputs-list .form-check:last-child, dialog form > .form-group .form-check:last-child, dialog form .inputs-list .form-check:last-child {
padding-bottom: 0px;
}
main form > .form-group .form-check-label, main form .inputs-list .form-check-label, footer form > .form-group .form-check-label, footer form .inputs-list .form-check-label, dialog form > .form-group .form-check-label, dialog form .inputs-list .form-check-label {
display: flex;
}
main form > .form-group .form-check-label input, main form .inputs-list .form-check-label input, footer form > .form-group .form-check-label input, footer form .inputs-list .form-check-label input, dialog form > .form-group .form-check-label input, dialog form .inputs-list .form-check-label input {
margin-top: 5px;
}
main form > .form-group .table-responsive .table, main form .inputs-list .table-responsive .table, footer form > .form-group .table-responsive .table, footer form .inputs-list .table-responsive .table, dialog form > .form-group .table-responsive .table, dialog form .inputs-list .table-responsive .table {
width: 100%;
}
main form > .row, footer form > .row, dialog form > .row {
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
@media (min-width: 640px) {
main form > .row, footer form > .row, dialog form > .row {
flex-wrap: nowrap;
}
}
main form > .row > div, footer form > .row > div, dialog form > .row > div {
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
}
main form .btn.btn-primary, footer form .btn.btn-primary, dialog form .btn.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border-width: 1px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 400;
text-decoration-line: none;
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;
}
main form .btn.btn-primary.disabled,main form .btn.btn-primary[disabled], footer form .btn.btn-primary.disabled, footer form .btn.btn-primary[disabled], dialog form .btn.btn-primary.disabled, dialog form .btn.btn-primary[disabled] {
pointer-events: none;
opacity: 0.3;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
main form .btn.btn-primary, footer form .btn.btn-primary, dialog form .btn.btn-primary {
border-color: var(--text);
background-color: var(--bg);
color: var(--border);
}
main form .btn.btn-primary:hover, footer form .btn.btn-primary:hover, dialog form .btn.btn-primary:hover {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
main form .btn.btn-primary:focus-within, footer form .btn.btn-primary:focus-within, dialog form .btn.btn-primary:focus-within {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
main form .btn.btn-primary.active, footer form .btn.btn-primary.active, dialog form .btn.btn-primary.active {
border-color: var(--border-active);
background-color: var(--bg-active);
color: var(--text-active);
}
main form .btn.btn-primary:hover.active, footer form .btn.btn-primary:hover.active, dialog form .btn.btn-primary:hover.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
main form .btn.btn-primary:focus-within.active, footer form .btn.btn-primary:focus-within.active, dialog form .btn.btn-primary:focus-within.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
main form .btn.btn-primary, footer form .btn.btn-primary, dialog form .btn.btn-primary {
--bg: transparent;
--text: var(--primary);
--border: var(--primary);
--bg-hover: var(--primary);
--text-hover: var(--primary-foreground, #fff);
--border-hover: var(--primary);
--bg-active: var(--primary);
--text-active: var(--primary-foreground, #fff);
--border-active: var(--primary);
--bg-active-hover: var(--primary);
--text-active-hover: var(--primary-foreground, #fff);
--border-active-hover: var(--primary);
}
[class*="list-custom-"] {
list-style-type: none;
--icon-size: 1.7em;
}
[class*="list-custom-"] li {
position: relative;
}
[class*="list-custom-"] li a {
text-decoration-line: none;
}
[class*="list-custom-"] li::marker {
--tw-content: none;
content: var(--tw-content);
}
[class*="list-custom-"] li::before {
position: absolute;
left: 0px;
width: var(--icon-size);
height: var(--icon-size);
--tw-translate-x: calc(calc(100% + 0.3em) * -1);
--tw-translate-y: -0.12em;
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-content: '';
content: var(--tw-content);
background-color: var(--primary);
-webkit-mask-image: var(--icon-path);
mask-image: var(--icon-path);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.list-custom-arrow-right-light {
--icon-path: url(../media/icons/sprites.view.svg#BulletList--arrow-right-light);
}
.list-custom-circle-info-light {
--icon-path: url(../media/icons/sprites.view.svg#BulletList--circle-info-light);
}
.list-custom-krone {
--icon-path: url(../media/icons/sprites.view.svg#BulletList--krone);
}
.list-custom-schloss {
--icon-path: url(../media/icons/sprites.view.svg#BulletList--schloss);
}
/* KeSearch */
#kesearch_results .result-list-item,
#kesearch_results .tx-indexedsearch-res,
.tx-indexedsearch-results .result-list-item,
.tx-indexedsearch-results .tx-indexedsearch-res {
position: relative;
margin-bottom: 30px;
border-bottom-width: 1px;
border-style: solid;
border-bottom-color: var(--primary);
padding-bottom: 1.25rem;
}
#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .tx-indexedsearch-result-number,
#kesearch_results .tx-indexedsearch-res .result-number,
#kesearch_results .tx-indexedsearch-res .tx-indexedsearch-result-number,
.tx-indexedsearch-results .result-list-item .result-number,
.tx-indexedsearch-results .result-list-item .tx-indexedsearch-result-number,
.tx-indexedsearch-results .tx-indexedsearch-res .result-number,
.tx-indexedsearch-results .tx-indexedsearch-res .tx-indexedsearch-result-number {
--tw-text-opacity: 1;
color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
#kesearch_results .result-list-item .result-title, #kesearch_results .tx-indexedsearch-res .result-title, .tx-indexedsearch-results .result-list-item .result-title, .tx-indexedsearch-results .tx-indexedsearch-res .result-title {
font-weight: 700;
}
#kesearch_results .result-list-item .result-teaser, #kesearch_results .tx-indexedsearch-res .result-teaser, .tx-indexedsearch-results .result-list-item .result-teaser, .tx-indexedsearch-results .tx-indexedsearch-res .result-teaser {
--tw-text-opacity: 1;
color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
#kesearch_results .result-list-item .hit, #kesearch_results .tx-indexedsearch-res .hit, .tx-indexedsearch-results .result-list-item .hit, .tx-indexedsearch-results .tx-indexedsearch-res .hit {
background-color: var(--primary);
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
#kesearch_results .result-list-item .link-overlay, #kesearch_results .tx-indexedsearch-res .link-overlay, .tx-indexedsearch-results .result-list-item .link-overlay, .tx-indexedsearch-results .tx-indexedsearch-res .link-overlay {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
opacity: 0;
}
#kesearch_results .result-list-item .teaser_icon img, #kesearch_results .tx-indexedsearch-res .teaser_icon img, .tx-indexedsearch-results .result-list-item .teaser_icon img, .tx-indexedsearch-results .tx-indexedsearch-res .teaser_icon img {
margin-top: 2px;
margin-right: 5px;
margin-bottom: 2px;
width: 200px;
height: 89px;
}
#kesearch_results .result-list-item a, #kesearch_results .tx-indexedsearch-res a, .tx-indexedsearch-results .result-list-item a, .tx-indexedsearch-results .tx-indexedsearch-res a {
text-decoration: none !important;
}
#kesearch_results .result-list-item .mt-2, #kesearch_results .tx-indexedsearch-res .mt-2, .tx-indexedsearch-results .result-list-item .mt-2, .tx-indexedsearch-results .tx-indexedsearch-res .mt-2 {
margin-top: 0.5rem;
}
#kesearch_results .result-list-item .pr-2, #kesearch_results .tx-indexedsearch-res .pr-2, .tx-indexedsearch-results .result-list-item .pr-2, .tx-indexedsearch-results .tx-indexedsearch-res .pr-2 {
padding-right: 0.5rem;
}
#indexedsearch_num_results {
color: #898989;
}
.kesearch_searchbox .kesearchbox #ke_search_sword,
.kesearch_searchbox .kesearchbox .indexed_search_searchinput,
.kesearch_searchbox .input-group #ke_search_sword,
.kesearch_searchbox .input-group .indexed_search_searchinput,
.tx_indexedsearch_searchform .kesearchbox #ke_search_sword,
.tx_indexedsearch_searchform .kesearchbox .indexed_search_searchinput,
.tx_indexedsearch_searchform .input-group #ke_search_sword,
.tx_indexedsearch_searchform .input-group .indexed_search_searchinput {
position: relative;
top: 0px;
float: left;
height: 38px;
border-radius: 0px;
border-width: 1px;
border-style: solid;
border-color: rgb(200 229 167 / var(--tw-bg-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
background-image: none;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity, 1));
--tw-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
--tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.kesearch_searchbox .kesearchbox #ke_search_sword:focus,
.kesearch_searchbox .kesearchbox .indexed_search_searchinput:focus,
.kesearch_searchbox .input-group #ke_search_sword:focus,
.kesearch_searchbox .input-group .indexed_search_searchinput:focus,
.tx_indexedsearch_searchform .kesearchbox #ke_search_sword:focus,
.tx_indexedsearch_searchform .kesearchbox .indexed_search_searchinput:focus,
.tx_indexedsearch_searchform .input-group #ke_search_sword:focus,
.tx_indexedsearch_searchform .input-group .indexed_search_searchinput:focus {
border-color: rgb(200 229 167 / var(--tw-bg-opacity));
--tw-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,240,1,0.6);
--tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.kesearch_searchbox .kesearchbox #ke_search_sword,
.kesearch_searchbox .kesearchbox .indexed_search_searchinput,
.kesearch_searchbox .input-group #ke_search_sword,
.kesearch_searchbox .input-group .indexed_search_searchinput,
.tx_indexedsearch_searchform .kesearchbox #ke_search_sword,
.tx_indexedsearch_searchform .kesearchbox .indexed_search_searchinput,
.tx_indexedsearch_searchform .input-group #ke_search_sword,
.tx_indexedsearch_searchform .input-group .indexed_search_searchinput {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
}
.kesearch_searchbox .kesearchbox #ke_search_sword:focus, .kesearch_searchbox .kesearchbox .indexed_search_searchinput:focus, .kesearch_searchbox .input-group #ke_search_sword:focus, .kesearch_searchbox .input-group .indexed_search_searchinput:focus, .tx_indexedsearch_searchform .kesearchbox #ke_search_sword:focus, .tx_indexedsearch_searchform .kesearchbox .indexed_search_searchinput:focus, .tx_indexedsearch_searchform .input-group #ke_search_sword:focus, .tx_indexedsearch_searchform .input-group .indexed_search_searchinput:focus {
outline: 0;
-webkit-box-shadow:
inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(200, 240, 1, 0.6);
}
.kesearch_searchbox .kesearchbox .indexed_search_searchinput, .kesearch_searchbox .input-group .indexed_search_searchinput, .tx_indexedsearch_searchform .kesearchbox .indexed_search_searchinput, .tx_indexedsearch_searchform .input-group .indexed_search_searchinput {
width: 220px;
}
.kesearch_searchbox .kesearchbox .input-group-btn button, .kesearch_searchbox .input-group .input-group-btn button, .tx_indexedsearch_searchform .kesearchbox .input-group-btn button, .tx_indexedsearch_searchform .input-group .input-group-btn button {
float: left;
display: block;
height: 38px;
width: 38px;
border-radius: 0px;
border-color: rgb(200 229 167 / var(--tw-bg-opacity));
background-color: rgb(200 229 167 / var(--tw-bg-opacity));
padding: 0px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.kesearch_searchbox .kesearchbox .input-group-btn button:hover, .kesearch_searchbox .input-group .input-group-btn button:hover, .tx_indexedsearch_searchform .kesearchbox .input-group-btn button:hover, .tx_indexedsearch_searchform .input-group .input-group-btn button:hover {
border-color: rgb(55 97 37 / var(--tw-bg-opacity));
background-color: rgb(55 97 37 / var(--tw-bg-opacity));
}
.kesearch_searchbox .kesearchbox .input-group-btn button svg, .kesearch_searchbox .input-group .input-group-btn button svg, .tx_indexedsearch_searchform .kesearchbox .input-group-btn button svg, .tx_indexedsearch_searchform .input-group .input-group-btn button svg {
margin-left: auto;
margin-right: auto;
--tw-brightness: brightness(0);
--tw-invert: invert(1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.kesearch_searchbox .kesearchbox:after, .kesearch_searchbox .input-group:after, .tx_indexedsearch_searchform .kesearchbox:after, .tx_indexedsearch_searchform .input-group:after {
content: "";
display: block;
clear: both;
}footer .footer-bottom-grid {
/*@apply flex items-center justify-between gap-4; */
display:
grid;
align-items:
center;
justify-content:
space-between;
gap:
1rem;
}@media not all and (min-width: 768px) {footer .footer-bottom-grid {
text-align:
center;
}
}footer .footer-bottom-grid {
grid-template:
"links links"
"copyright copyright";
}
@media (min-width: 768px) {footer .footer-bottom-grid {
grid-template: "copyright links"
}
}
body.tourismus footer .footer-bottom-grid {
grid-template:
"links links"
"copyright copyright"
"firstImage secondImage";
}
@media (min-width: 768px) {
body.tourismus footer .footer-bottom-grid {
grid-template: "firstImage copyright secondImage links"
}
}
.test-t {
transform: translate3d(0, 0, 0) !important;
}
.made-by-oya {
display: flex;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
overflow: hidden;
/* endregion ANIMATIONS */
}
.made-by-oya .slide-container {
position: relative;
display: flex;
width: -moz-max-content;
width: max-content;
flex-direction: column;
}
.made-by-oya .slide-container .shorter-text {
position: absolute;
top: 0px;
}
.made-by-oya .heart-container {
display: flex;
flex-direction: column;
justify-content: center;
}
/* region ANIMATIONS */
.made-by-oya .slide-container:first-of-type {
align-items: flex-end;
text-align: right;
}
.made-by-oya .slide-container:last-of-type {
align-items: flex-start;
text-align: left;
}
.made-by-oya .slide-container > * {
transition-property: opacity, translate;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.made-by-oya .slide-container .fadeIn {
opacity: 0;
}
.made-by-oya .slide-container .slideUp {
translate: 0 0;
}
.made-by-oya .slide-container .slideUp + .slideUp {
translate: 0 100%;
}
.made-by-oya .slide-container .slideDown {
translate: 0 -100%;
}
.made-by-oya .slide-container .slideDown + .slideDown {
translate: 0 0;
}
.made-by-oya:hover .slide-container, .made-by-oya:focus-within .slide-container {
position: relative;
display: flex;
width: -moz-max-content;
width: max-content;
flex-direction: column;
}
.made-by-oya:hover .slide-container .fadeOut, .made-by-oya:focus-within .slide-container .fadeOut {
opacity: 0;
}
.made-by-oya:hover .slide-container .fadeIn, .made-by-oya:focus-within .slide-container .fadeIn {
opacity: 1;
}
.made-by-oya:hover .slide-container .slideUp, .made-by-oya:focus-within .slide-container .slideUp {
translate: 0 -100%;
}
.made-by-oya:hover .slide-container .slideUp + .slideUp, .made-by-oya:focus-within .slide-container .slideUp + .slideUp {
translate: 0 0;
}
.made-by-oya:hover .slide-container .slideDown, .made-by-oya:focus-within .slide-container .slideDown {
translate: 0 0;
}
.made-by-oya:hover .slide-container .slideDown + .slideDown, .made-by-oya:focus-within .slide-container .slideDown + .slideDown {
translate: 0 100%;
}
[data-component="page-header"] [data-component="header-slider-toggle"] {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms
}body.tourismus [data-component="page-header"] [data-component="header-slider-toggle"] {border-top-left-radius: 0.75rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}body.tourismus [data-component="page-header"] [data-component="header-slider-toggle"]:hover {background-color: var(--primary)
}body.tourismus [data-component="page-header"] [data-component="header-slider-toggle"]:focus-within {background-color: var(--primary)
}@media not all and (min-width: 768px) {body.tourismus [data-component="page-header"] [data-component="header-slider-toggle"] {bottom: 0px;left: 50%;--tw-translate-x: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-right-radius: 0.75rem
}
}@media (min-width: 768px) {body.tourismus [data-component="page-header"] [data-component="header-slider-toggle"] {right: 0px;top: 50%;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-left-radius: 1rem
}
}body.gemeinde [data-component="page-header"] [data-component="header-slider-toggle"] {bottom: 80px;left: 50%;width: 3rem !important;height: 3rem !important;--tw-translate-x: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius: 9999px;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}body.gemeinde [data-component="page-header"] [data-component="header-slider-toggle"]:hover {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}body.gemeinde [data-component="page-header"] [data-component="header-slider-toggle"]:focus-within {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}@media (min-width: 1024px) {body.gemeinde [data-component="page-header"] [data-component="header-slider-toggle"] {bottom: 150px
}
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev,
[data-component="page-header"] [data-component="page-header-slider"] .button-next {position: absolute;top: 0px;height: 48px;width: 48px;border-style: none;background-color: var(--primary);transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev:hover,
[data-component="page-header"] [data-component="page-header-slider"] .button-next:hover {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev:focus-within,
[data-component="page-header"] [data-component="page-header-slider"] .button-next:focus-within {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
@media (min-width: 768px) {[data-component="page-header"] [data-component="page-header-slider"] .button-prev,
[data-component="page-header"] [data-component="page-header-slider"] .button-next {height: 70px;width: 70px
}
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev svg, [data-component="page-header"] [data-component="page-header-slider"] .button-next svg {width: 1.5rem;height: 1.5rem;fill: #fff
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev:hover svg, [data-component="page-header"] [data-component="page-header-slider"] .button-prev:focus svg, [data-component="page-header"] [data-component="page-header-slider"] .button-next:hover svg, [data-component="page-header"] [data-component="page-header-slider"] .button-next:focus svg {fill: var(--primary)
}
[data-component="page-header"] [data-component="page-header-slider"] .button-prev {left: -64px;border-bottom-left-radius: 0px;border-bottom-right-radius: 10px;border-top-left-radius: 0px;border-top-right-radius: 10px
}
@media (min-width: 768px) {[data-component="page-header"] [data-component="page-header-slider"] .button-prev {left: -86px
}
}
[data-component="page-header"] [data-component="page-header-slider"] .button-next {right: -64px;border-bottom-left-radius: 10px;border-bottom-right-radius: 0px;border-top-left-radius: 10px;border-top-right-radius: 0px
}
@media (min-width: 768px) {[data-component="page-header"] [data-component="page-header-slider"] .button-next {right: -86px
}
}
[data-component="page-header"] [data-config="header-slider"] .button-prev,
[data-component="page-header"] [data-config="header-slider"] .button-next {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms
}
[data-component="page-header"] [data-config="header-slider"] .button-prev:hover,
[data-component="page-header"] [data-config="header-slider"] .button-next:hover {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
[data-component="page-header"] [data-config="header-slider"] .button-prev:focus-within,
[data-component="page-header"] [data-config="header-slider"] .button-next:focus-within {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
[data-component="page-header"] [data-config="header-slider"] .button-prev svg, [data-component="page-header"] [data-config="header-slider"] .button-next svg {fill: #fff
}
[data-component="page-header"] [data-config="header-slider"] .button-prev:hover svg, [data-component="page-header"] [data-config="header-slider"] .button-prev:focus svg, [data-component="page-header"] [data-config="header-slider"] .button-next:hover svg, [data-component="page-header"] [data-config="header-slider"] .button-next:focus svg {fill: #000 !important
}
[data-component="summary-icon"]:after {
position: absolute;
left: 50%;
top: 50%;
height: 1px;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}[data-component="summary-icon"]:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}[data-component="summary-icon"]:focus-within:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.group.open [data-component="summary-icon"]:after {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}.group.open [data-component="summary-icon"]:hover:after {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}.group.open [data-component="summary-icon"]:focus-within:after {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}[data-component="summary-icon"]:after {
content: "";
}
[data-component="summary-icon"]:before {
position: absolute;
left: 50%;
top: 50%;
height: 1px;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
[data-component="summary-icon"]:hover:before {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
[data-component="summary-icon"]:focus-within:before {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group.open [data-component="summary-icon"]:before {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.group.open [data-component="summary-icon"]:hover:before {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.group.open [data-component="summary-icon"]:focus-within:before {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
[data-component="summary-icon"]:before {
content: "";
}
#navbar-menu details {
width: 100%;
}
#navbar-menu .traffic-closed .upper-light {
fill: #D93636;
}
#navbar-menu .traffic-closed .lower-light {
fill: #fff;
}
#navbar-menu .traffic-closed b {
--tw-text-opacity: 1;
color: rgb(217 54 54 / var(--tw-text-opacity, 1));
}
#navbar-menu .traffic-open .upper-light {
fill: #fff;
}
#navbar-menu .traffic-open .lower-light {
fill: #008800;
}
#navbar-menu .traffic-open b {
--tw-text-opacity: 1;
color: rgb(0 136 0 / var(--tw-text-opacity, 1));
}
[data-component="teaser-bg-overlay"]:before {
position: absolute;
inset: 0px;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.group:hover [data-component="teaser-bg-overlay"]:before {
opacity: 1;
}
.group:focus-within [data-component="teaser-bg-overlay"]:before {
opacity: 1;
}
[data-component="teaser-bg-overlay"]:before {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #004288 100%);
}
[data-component="teaser-bg-overlay"]:after {
position: absolute;
inset: 0px;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.group:hover [data-component="teaser-bg-overlay"]:after {
opacity: 0;
}
.group:focus-within [data-component="teaser-bg-overlay"]:after {
opacity: 0;
}
[data-component="teaser-bg-overlay"]:after {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #121212 100%);
}
.last-minu {
display: grid;
gap: 1rem;
}
@media (min-width: 640px) {.last-minu {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {.last-minu {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
}
.news-date {
color: #1a1a1a;
leading-trim: both;
text-edge: cap;
font-family: Afacad;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 135% */
}
.news-title {
color: #1a1a1a !important;
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: Afacad;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 100% */
margin: 0 !important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
@media (min-width: 1024px) {.news-title {
font-size: 28px;
}
}
.news-description {
overflow: hidden;
color: #1a1a1a;
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: Afacad;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 100% */
margin: 15px 0 40px;
}
.news-description p {
margin: 0;
}
.news-grid {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
overflow: hidden;
}
.news-grid .news-grid-2 {
height: 100%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
}
[data-component="logo"] path.logo-text {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
body.tourismus [data-component="logo"] path.logo-text {
fill: var(--primary);
}
body.gemeinde [data-component="logo"] path.logo-text {
fill: #1A1A1A;
}
[data-component="logo"] :hover path.logo-text {
fill: #fff !important;
}
[data-component="accordion"]:not(.custom) {
margin-left: auto;
margin-right: auto;
}
[data-component="accordion"]:not(.custom) + [data-component="accordion"] {
/* Abstand für direkt aufeinander folgende Accordions */
margin-top: 1rem;
}
@media (min-width: 768px) {
[data-component="accordion"]:not(.custom) + [data-component="accordion"] {
margin-top: 1.25rem;
}
}
[data-component="accordion"]:not(.custom).open.gsap summary, [data-component="accordion"]:not(.custom)[open]:not(.gsap) summary {
border-color: var(--primary) !important;
background-color: var(--primary) !important;
color: var(--primary-foreground, #fff) !important;
}
[data-component="accordion"]:not(.custom) .content {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
[data-component="accordion"]:not(.custom) .content .container,
[data-component="accordion"]:not(.custom) .content [data-component="container"] {
padding-left: 0px !important;
padding-right: 0px !important;
}
[data-component="accordion"] 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;
line-height: 1;
}
[data-component="accordion"] .content {
overflow: hidden;
}
[data-component="accordion"][data-theme="default"].open.gsap summary, [data-component="accordion"][data-theme="default"][open]:not(.gsap) summary {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
[data-component="accordion"][data-theme="default"] summary {
border-radius: 0.5rem;
border-width: 2px;
border-color: currentColor;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
[data-component="accordion"][data-theme="default"] summary:hover {
border-color: var(--secondary);
background-color: var(--secondary);
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
[data-component="accordion"][data-theme="default"] summary:focus-within {
border-color: var(--secondary);
background-color: var(--secondary);
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
[data-component="accordion"][data-theme="default"] .content {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-width: 2px;
border-top-width: 0px;
--tw-border-opacity: 1;
border-color: rgb(31 31 31 / var(--tw-border-opacity, 1));
padding-left: 1.5rem;
padding-right: 1.5rem;
}
[data-component="accordion"]:not(.open).gsap .content {
height: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
padding-top: 0px;
padding-bottom: 0px;
opacity: 0;
}
/* Icon */
[data-component="accordion"].open.gsap [data-component="summary-icon"] svg, [data-component="accordion"][open]:not(.gsap) [data-component="summary-icon"] svg {
--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));
fill: #fff;
}
[data-component="accordion"] [data-component="summary-icon"] {
position: relative;
width: 1.25rem;
height: 1.25rem;
}
@font-face {
font-family: "lg";
src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../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,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-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,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-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("../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-outer .lg-media-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-media-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.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;
}
/*# sourceMappingURL=lightgallery.css.map */
[data-lightgallery="1"] .image {
cursor: pointer;
}
.lg-container {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
top: 0px;
z-index: 9999;
height: 100vh;
width: 100%;
}
.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: contain;
object-fit: contain;
width: var(--image-width, auto) !important;
height: var(--image-height, auto) !important;
}
.lg-container .lg-components {
width: 1050px;
max-width: 100%;
}
.lg-container .lg-components .lg-sub-html {
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
padding: 1.25rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.lg-container .lg-components .lg-sub-html br {
margin-bottom: 1.25rem;
display: block;
}
@media (min-width: 768px) {
.lg-container .lg-components .lg-sub-html br {
margin-bottom: 0px;
display: inline;
}
}
.lg-container .lg-content {
bottom: unset !important;
top: unset !important;
}
.lg-container .lg-toolbar {
position: absolute;
top: -6rem;
left: unset;
right: 1.25rem;
}
@media (min-width: 1280px) {
.lg-container .lg-toolbar {
right: -74px;
top: 0px;
}
}
.lg-container .lg-toolbar .lg-close {
border-radius: 1.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
padding: 0.75rem;
}
.lg-container .lg-toolbar .lg-close::after {
display: block;
height: 21px;
content: url('data:image/svg+xml,');
}
.lg-container .lg-toolbar .lg-counter {
display: none;
}
.lg-container .lg-outer {
position: absolute;
left: 50%;
top: 50%;
display: flex;
height: auto;
max-height: 800px;
max-width: 1020px;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: visible;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 1280px) {
.lg-container .lg-outer {
padding-left: 0px;
padding-right: 0px;
}
}
.lg-container .lg-outer {
transform: translate(-50%, -50%);
}
.lg-container .lg-outer .lg-content,
.lg-container .lg-outer .lg-components {
position: relative;
bottom: unset;
left: unset;
right: unset;
top: unset;
}
.lg-container .lg-outer .lg-inner {
position: relative;
}
.lg-container .lg-outer .lg-inner * {
position: relative;
}
.lg-container .lg-outer .lg-inner .lg-prev-slide:not(.lg-current),
.lg-container .lg-outer .lg-inner .lg-next-slide:not(.lg-current) {
position: absolute;
}
.lg-container .lg-outer .lg-inner img {
max-height: 264px;
}
@media (min-width: 640px) {
.lg-container .lg-outer .lg-inner img {
max-height: calc(100vh - 300px);
}
}
.lg-container .lg-outer .lg-inner,
.lg-container .lg-outer .lg-item,
.lg-container .lg-outer .lg-content,
.lg-container .lg-outer picture {
width: 100%;
}
.lg-container .lg-next,
.lg-container .lg-prev {
display: flex;
width: 48px;
height: 48px;
padding: 13px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 24px;
border: 1px solid #fff;
}
.lg-container .lg-next {
right: -73px;
}
.lg-container .lg-next::before {
width: 20px;
height: 20px;
content: url('data:image/svg+xml,');
}
.lg-container .lg-prev {
left: -73px;
}
.lg-container .lg-prev::after {
transform: rotate(180deg);
width: 20px;
height: 20px;
content: url('data:image/svg+xml,');
}
:root {
--primary: #004288;
--secondary: #e7b652;
}
:root .gemeinde {
--primary: #004288;
--secondary: #e7b652;
}
.base-body {
font-family: Afacad, sans-serif;
font-size: 1rem;
line-height: 1.125;
--tw-text-opacity: 1;
color: rgb(31 31 31 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
.base-body {
font-size: 1.25rem;
line-height: normal;
}
}
:root {
overflow: auto;
scrollbar-gutter: stable;
}
:root:has(#navbar-menu.open) {
overflow: hidden;
}
body {
--navbar-height: 0px;
}
@media (min-width: 1280px) {
body {
--navbar-height: 4.5rem;
}
}
body {
scroll-padding-top: var(--navbar-height);
min-height: 100vh;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
font-family: Afacad, sans-serif;
font-size: 1rem;
line-height: 1.125;
--tw-text-opacity: 1;
color: rgb(31 31 31 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
body {
font-size: 1.25rem;
line-height: normal;
}
}[data-component="main-section"] {
--section-pt: var(--spacing-1);
--section-pb: var(--spacing-1);
--section-pt-first: var(--spacing-4);
--section-pb-last: var(--spacing-4);
--spacing-0: 0;
--spacing-05: 20px; /* 20px */
--spacing-05-mobile: 16px; /* 16px */
--spacing-1: 2.5rem; /* 40px */
--spacing-1-mobile: 1.75rem; /* 28px */
--spacing-2: 3.125rem; /* 50px */
--spacing-2-mobile: 2.5rem /* 40px */;
--spacing-3: 4.5rem; /* 72px */
--spacing-3-mobile: 3rem; /* 48px */
--spacing-4: 6rem; /* 96px */
--spacing-4-mobile: 3rem; /* 48px */
--spacing-5: 10rem; /* 160px */
--spacing-5-mobile: 4rem; /* 64px */
--spacing-6: 13rem; /* 208px */
--spacing-6-mobile: 6rem; /* 96px */
--spacing-7: 13rem; /* 208px */
--spacing-7-mobile: 7.125rem; /* 114px */
--spacing-8: 13rem; /* 208px */
--spacing-8-mobile: 7.125rem; /* 114px */
--spacing-9: 13rem; /* 208px */
--spacing-9-mobile: 7.125rem; /* 114px */
--spacing-10: 13rem; /* 208px */
--spacing-10-mobile: 7.125rem;
} /* 114px */
[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="0.5"] {
--section-pb: var(--spacing-05-mobile);
}
@media (min-width: 1024px) {
[data-component="main-section"][data-pb][data-pb="0.5"] {
--section-pb: var(--spacing-05)
}
}
[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"]) {
}
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;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
margin-bottom: .5em;
font-family: GotchaRegular, cursive;
font-weight: 700;
color: var(--primary);
}
.base-h1 {
font-size: 2.5rem;
line-height: 0.9;
}
@media (min-width: 1024px) {
.base-h1 {
font-size: 4rem;
line-height: 1;
}
}
.base-h2 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h2 {
font-size: 3rem;
line-height: 1;
}
}
.base-h3 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h3 {
font-size: 3rem;
line-height: 1;
}
}
.base-h4 {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
.base-h4 {
font-size: 3rem;
line-height: 1;
}
}
:where(.h1) {
font-size: 2.5rem;
line-height: 0.9;
}
@media (min-width: 1024px) {
:where(.h1) {
font-size: 4rem;
line-height: 1;
}
}
:where(.h2) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h2) {
font-size: 3rem;
line-height: 1;
}
}
:where(.h3) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h3) {
font-size: 3rem;
line-height: 1;
}
}
:where(.h4) {
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1024px) {
:where(.h4) {
font-size: 3rem;
line-height: 1;
}
}
@media not all and (min-width: 1024px) {
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose {
font-size: 1rem;
line-height: 1.125;
}
.prose :where(h1, .h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.5rem;
line-height: 0.9;
}
.prose :where(h2, .h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h3, .h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
.prose :where(h4, .h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2rem;
line-height: 1;
}
}
.menu-main-font {
font-size: 1.5rem;
line-height: 1.2;
}
@media (min-width: 1024px) {
.menu-main-font {
font-size: 2.5rem;
line-height: 1.425;
}
}
.menu-sub-font {
font-size: 1rem;
line-height: 1.2;
}
@media (min-width: 1024px) {
.menu-sub-font {
font-size: 1.5rem;
line-height: 1.2;
}
}
.page-header-title {
font-size: 3rem;
line-height: 0.91667;
}
@media (min-width: 1024px) {
.page-header-title {
font-size: 5rem;
line-height: normal;
}
}
.page-header-title-special {
font-family: Afacad, sans-serif;
font-size: 1rem;
line-height: normal;
}
@media (min-width: 1024px) {
.page-header-title-special {
font-size: 2.5rem;
line-height: normal;
}
}
[data-component="text-header"] h1, [data-component="text-media"] h1 {
margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
[data-component="text-header"] h1, [data-component="text-media"] h1 {
margin-bottom: 1.75rem;
}
}
[data-component="text-header"] h2, [data-component="text-media"] h2 {
margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
[data-component="text-header"] h2, [data-component="text-media"] h2 {
margin-bottom: 3rem;
}
}
[data-component="text-header"] h3,
[data-component="text-header"] h4,
[data-component="text-media"] h3,
[data-component="text-media"] h4 {
margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
[data-component="text-header"] h3,
[data-component="text-header"] h4,
[data-component="text-media"] h3,
[data-component="text-media"] h4 {
margin-bottom: 1.5rem;
}
}
h1 [data-component="subheader"] {
font-family: GotchaRegular, cursive;
font-size: 1.75rem;
line-height: 1;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
h1 [data-component="subheader"] {
font-size: 2.5rem;
line-height: 1;
}
}
h2 [data-component="subheader"] {
font-family: GotchaRegular, cursive;
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
h2 [data-component="subheader"] {
font-size: 2rem;
line-height: 1;
}
}
h3 [data-component="subheader"] {
font-family: GotchaRegular, cursive;
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
h3 [data-component="subheader"] {
font-size: 2rem;
line-height: 1;
}
}
h4 [data-component="subheader"] {
font-family: GotchaRegular, cursive;
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
h4 [data-component="subheader"] {
font-size: 2rem;
line-height: 1;
}
}
[data-component="text-header"] > * {
margin-top: 0px;
margin-bottom: 0px;
width: -moz-fit-content;
width: fit-content;
text-decoration-line: none;
}
[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;
}
.download-compact-grid {
display:
grid;
align-items:
center;
-moz-column-gap:
1rem;
column-gap:
1rem;
row-gap:
0.5rem;
padding-left:
1.25rem;
padding-right:
1.25rem;
padding-top:
0.625rem;
padding-bottom:
0.625rem;
}@media (min-width: 480px) {.download-compact-grid {
padding:
1rem;
}
}.download-compact-grid {
grid-template-columns:
[title-start] 3fr
[title-end file-info-start] 0.5fr
[file-info-end icon-start] 0.5fr
[icon-end];
grid-template-rows: [title-start file-info-start icon-start] auto [title-end file-info-end icon-end];
}
@media (min-width: 640px) {.download-compact-grid {
padding-left:
2rem;
padding-right:
2rem;
padding-top:
1rem;
padding-bottom:
1rem;
grid-template-columns:
[title-start] 4fr
[title-end file-info-start] 1fr
[file-info-end icon-start] 1fr
[icon-end];
}
}
.download-compact-grid [data-download-part="img"] {
grid-area: img;
}
.download-compact-grid [data-download-part="file-info"] {
grid-area: file-info;
}
.download-compact-grid [data-download-part="title"] {
grid-area: title;
}
.download-compact-grid [data-download-part="description"] {
grid-area: description;
}
.download-compact-grid [data-download-part="icon"] {
grid-area: icon;
width:
-moz-fit-content;
width:
fit-content;
}
.base-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border-width: 1px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 400;
text-decoration-line: none;
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;
}
.base-button.disabled,
.base-button[disabled] {
pointer-events: none;
opacity: 0.3;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.default-button {
border-color: var(--text);
background-color: var(--bg);
color: var(--border);
}
.default-button:hover {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
.default-button:focus-within {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
.default-button.active {
border-color: var(--border-active);
background-color: var(--bg-active);
color: var(--text-active);
}
.default-button:hover.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
.default-button:focus-within.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
.default-blue {
--bg: transparent;
--text: var(--primary);
--border: var(--primary);
--bg-hover: var(--primary);
--text-hover: var(--primary-foreground, #fff);
--border-hover: var(--primary);
--bg-active: var(--primary);
--text-active: var(--primary-foreground, #fff);
--border-active: var(--primary);
--bg-active-hover: var(--primary);
--text-active-hover: var(--primary-foreground, #fff);
--border-active-hover: var(--primary);
}
.default-orange {
--bg: var(--secondary);
--text: #1A1A1A;
--border: #1A1A1A;
--bg-hover: #1A1A1A;
--text-hover: #fff;
--border-hover: #1A1A1A;
--bg-active: #1A1A1A;
--text-active: #fff;
--border-active: #1A1A1A;
--bg-active-hover: #1A1A1A;
--text-active-hover: #fff;
--border-active-hover: #1A1A1A;
}
.default-black {
--bg: transparent;
--text: #000;
--border: #000;
--bg-hover: #000;
--text-hover: #fff;
--border-hover: #000;
--bg-active: #000;
--text-active: #fff;
--border-active: #000;
--bg-active-hover: #000;
--text-active-hover: #fff;
--border-active-hover: #000;
}
.default-white {
--bg: transparent;
--text: #fff;
--border: #fff;
--bg-hover: #fff;
--text-hover: var(--primary);
--border-hover: #fff;
--bg-active: #fff;
--text-active: var(--primary);
--border-active: #fff;
--bg-active-hover: #fff;
--text-active-hover: var(--primary);
--border-active-hover: #fff;
}
[data-component="oya-button"],
.rte-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border-width: 1px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 400;
text-decoration-line: none;
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-component="oya-button"].disabled,[data-component="oya-button"][disabled],
.rte-button.disabled,
.rte-button[disabled] {
pointer-events: none;
opacity: 0.3;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
[data-component="oya-button"],
.rte-button {
border-color: var(--text);
background-color: var(--bg);
color: var(--border);
}
[data-component="oya-button"]:hover,
.rte-button:hover {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
[data-component="oya-button"]:focus-within,
.rte-button:focus-within {
border-color: var(--border-hover);
background-color: var(--bg-hover);
color: var(--text-hover);
}
[data-component="oya-button"].active,
.rte-button.active {
border-color: var(--border-active);
background-color: var(--bg-active);
color: var(--text-active);
}
[data-component="oya-button"]:hover.active,
.rte-button:hover.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
[data-component="oya-button"]:focus-within.active,
.rte-button:focus-within.active {
border-color: var(--border-active-hover);
background-color: var(--bg-active-hover);
color: var(--text-active-hover);
}
[data-component="oya-button"].blue, .rte-button.blue {
--bg: transparent;
--text: var(--primary);
--border: var(--primary);
--bg-hover: var(--primary);
--text-hover: var(--primary-foreground, #fff);
--border-hover: var(--primary);
--bg-active: var(--primary);
--text-active: var(--primary-foreground, #fff);
--border-active: var(--primary);
--bg-active-hover: var(--primary);
--text-active-hover: var(--primary-foreground, #fff);
--border-active-hover: var(--primary);
}
[data-component="oya-button"].orange, .rte-button.orange {
--bg: var(--secondary);
--text: #1A1A1A;
--border: #1A1A1A;
--bg-hover: #1A1A1A;
--text-hover: #fff;
--border-hover: #1A1A1A;
--bg-active: #1A1A1A;
--text-active: #fff;
--border-active: #1A1A1A;
--bg-active-hover: #1A1A1A;
--text-active-hover: #fff;
--border-active-hover: #1A1A1A;
}
[data-component="oya-button"].black, .rte-button.black {
--bg: transparent;
--text: #000;
--border: #000;
--bg-hover: #000;
--text-hover: #fff;
--border-hover: #000;
--bg-active: #000;
--text-active: #fff;
--border-active: #000;
--bg-active-hover: #000;
--text-active-hover: #fff;
--border-active-hover: #000;
}
[data-component="oya-button"].white, .rte-button.white {
--bg: transparent;
--text: #fff;
--border: #fff;
--bg-hover: #fff;
--text-hover: var(--primary);
--border-hover: #fff;
--bg-active: #fff;
--text-active: var(--primary);
--border-active: #fff;
--bg-active-hover: #fff;
--text-active-hover: var(--primary);
--border-active-hover: #fff;
}
[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: 480px) {[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: 1200px) {@media (min-width: 1280px) {[data-component="column-container"] {
grid-template-columns: var(--final-columns-xl);
}
}
}@media (min-width: 1200px) {[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-component="infobox"] p {
margin: 0px
}
[data-component="infobox"].bg-secondary {
background-color: var(--secondary) !important
}
/* layer(none) */
[data-component="quicksearch"] h1,
[data-component="quicksearch"] h2,
[data-component="quicksearch"] h3,
[data-component="quicksearch"] h4 {
margin: 0px
}
@media not all and (min-width: 1024px) {
[data-component="quicksearch"] h1,
[data-component="quicksearch"] h2,
[data-component="quicksearch"] h3,
[data-component="quicksearch"] h4 {
text-align: center !important
}
}
[data-component="quicksearch"] button.oya-button > span {
overflow: visible !important;
white-space: nowrap
}
@media (min-width: 1660px) {
[data-component="quicksearch"] [data-component="input-grid"] {
max-width: 1024px !important
}
}
/* layer(none) */
[data-component="forminput"] input::-webkit-outer-spin-button,
[data-component="forminput"] input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
[data-component="forminput"] input[data-type="number"] {
-moz-appearance: textfield;
-webkit-appearance: textfield !important;
appearance: textfield !important;
}
[data-component="forminput"] button.custom {
display: flex;
width: 1.5rem;
height: 1.5rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
@media (min-width: 1024px) {
[data-component="forminput"] button.custom {
width: 2.25rem;
height: 2.25rem;
}
}
[data-component="forminput"] button.custom svg {
fill: #000;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
[data-component="forminput"] button.custom.hovered {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
[data-component="forminput"] button.custom.hovered svg {
fill: #fff;
}
[data-component="forminput"] button.custom.inactive {
cursor: default;
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
opacity: 0.3;
}
[data-component="forminput"] button.custom.inactive svg {
fill: #000 !important;
}
[data-component="forminput"].forminput-date {
width: 100%;
min-width: 200px;
}
@media (min-width: 1024px) {
[data-component="forminput"].forminput-date {
width: 48%;
}
}
@media (min-width: 1660px) {
[data-component="forminput"].forminput-date {
width: 26.5%;
max-width: 271px;
}
}
[data-component="forminput"].forminput-number {
min-width: 160px !important;
}
@media (min-width: 1660px) {
[data-component="forminput"].forminput-number {
width: 21.2% !important;
max-width: 216px;
}
[data-component="container-children"] {
min-width: 110% !important;
}
}
[data-component="container-children"] [data-component="forminput"].forminput-date {
min-width: 200px !important;
flex-direction: row !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-size: 20px !important;
}
@media (min-width: 1024px) {
[data-component="container-children"] [data-component="forminput"].forminput-date {
height: 74px !important;
font-size: 24px !important;
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
}
@media (min-width: 1660px) {
[data-component="container-children"] [data-component="forminput"].forminput-date {
min-width: 357px !important;
}
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] form textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
[data-component="quicksearch"] form textarea::placeholder {
color: #6b7280;
opacity: 1;
}
[data-component="quicksearch"] form hr {
width: 100%;
border-radius: 2px;
border-top-width: 2px;
border-top-color: var(--primary);
color: var(--primary);
}
@media (min-width: 1024px) {
[data-component="quicksearch"] form hr {
min-width: calc(100% + 118px);
}
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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;
}
[data-component="quicksearch"] 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);
}
[data-component="quicksearch"] 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) {
[data-component="quicksearch"] form [type="checkbox"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[data-component="quicksearch"] form [type="checkbox"]:checked:hover,[data-component="quicksearch"] form [type="checkbox"]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[data-component="quicksearch"] 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) {
[data-component="quicksearch"] form [type="checkbox"]:indeterminate {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[data-component="quicksearch"] form [type="checkbox"]:indeterminate:hover,[data-component="quicksearch"] form [type="checkbox"]:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[data-component="quicksearch"] 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%;
}
[data-component="quicksearch"] 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);
}
[data-component="quicksearch"] 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) {
[data-component="quicksearch"] form [type="radio"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[data-component="quicksearch"] form [type="radio"]:checked:hover,[data-component="quicksearch"] form [type="radio"]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[data-component="quicksearch"] form fieldset {
border-width: 1px;
padding: 1rem;
}
[data-component="quicksearch"] form fieldset > legend {
padding-left: .5em;
padding-right: .5em;
}
[data-component="quicksearch"] form input,
[data-component="quicksearch"] form textarea,
[data-component="quicksearch"] form select,
[data-component="quicksearch"] form [type="checkbox"],
[data-component="quicksearch"] form [type="radio"] {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
[data-component="quicksearch"] form input:focus,
[data-component="quicksearch"] form textarea:focus,
[data-component="quicksearch"] form select:focus,
[data-component="quicksearch"] form [type="checkbox"]:focus,
[data-component="quicksearch"] form [type="radio"]:focus {
border-color: var(--primary);
--tw-ring-color: var(--primary);
}
[data-component="quicksearch"] form [type="checkbox"],
[data-component="quicksearch"] form [type="radio"] {
margin-right: 0.5rem;
color: var(--primary);
}
[data-component="quicksearch"] form > input {
width: auto;
}
[data-component="quicksearch"] form > .form-group {
margin-top: 1rem;
margin-bottom: 1rem;
}
[data-component="quicksearch"] form > .form-group .form-check-label,
[data-component="quicksearch"] form > .form-group .form-check {
display: flex;
align-items: center;
}
[data-component="quicksearch"] form > .form-group .table-responsive .table {
width: 100%;
}
[data-component="quicksearch"] form > .row {
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
@media (min-width: 640px) {
[data-component="quicksearch"] form > .row {
flex-wrap: nowrap;
}
}
[data-component="quicksearch"] form > .row > div {
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
}
[data-component="teaser-bg"]:before {
position: absolute;
inset: 0px;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}.group:hover [data-component="teaser-bg"]:before {
opacity: 1;
}.group:focus-within [data-component="teaser-bg"]:before {
opacity: 1;
}[data-component="teaser-bg"]:before {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #004288 100%);
}
[data-component="teaser-bg"]:after {
position: absolute;
inset: 0px;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.group:hover [data-component="teaser-bg"]:after {
opacity: 0;
}
.group:focus-within [data-component="teaser-bg"]:after {
opacity: 0;
}
[data-component="teaser-bg"]:after {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #121212 100%);
}
[data-module="mask_oya_teaser"] {
overflow: hidden;
}
[data-component="teaser-bg"]:before {
position: absolute;
inset: 0px;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}.group:hover [data-component="teaser-bg"]:before {
opacity: 1;
}.group:focus-within [data-component="teaser-bg"]:before {
opacity: 1;
}[data-component="teaser-bg"]:before {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #004288 100%);
}
[data-component="teaser-bg"]:after {
position: absolute;
inset: 0px;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.group:hover [data-component="teaser-bg"]:after {
opacity: 0;
}
.group:focus-within [data-component="teaser-bg"]:after {
opacity: 0;
}
[data-component="teaser-bg"]:after {
content: "";
background: linear-gradient(180deg, rgba(0, 66, 136, 0) 0%, #121212 100%);
}
[data-component="textbox-text"] p {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {[data-component="textbox-text"] p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
}
[data-component="textbox-text"] header + p {
margin-top: 0px;
}
[data-component="textbox-text"] [data-component="subheader"] ~ span {
font-weight: 600;
}
/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
[data-component="swiper"] .swiper-slide {
height: -moz-fit-content;
height: fit-content;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
[data-component="swiper"] .swiper-slide:not(.swiper-slide-visible) {
opacity: 1;
}
[data-component="swiper"]:has(.swiper-navigation-disabled) [data-component="swiper-navigation"], [data-component="swiper"]:has(.swiper-pagination-lock) [data-component="swiper-navigation"] {
display: none;
}
[data-component="swiper"] [data-component="swiper-navigation"] {
top: 0px;
z-index: 10;
}
[data-component="swiper"] [data-component="swiper-navigation"] .navigation-inner {
display: flex;
height: 3rem;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
[data-component="swiper"] [data-component="swiper-pagination"] {
--bullet-size: 10;
--bullet-size-active: 16;
--bullet-spacing: 5px;
--bullet-size-px: calc(var(--bullet-size) * 1px);
--bullet-size-active-px: calc(var(--bullet-size-active) * 1px);
--bullet-size-scale: calc(var(--bullet-size) / var(--bullet-size-active));
--bullet-distance: calc(var(--bullet-size-active-px) / 2 + var(--bullet-size-px) + var(--bullet-spacing));
--bullet-x-left: calc(var(--bullet-distance) * -1);
--bullet-x-left-left: calc(var(--bullet-x-left) * 2);
--bullet-x-right: var(--bullet-distance);
--bullet-x-right-right: calc(var(--bullet-x-right) * 2);
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner {
position: relative;
min-width: 50px;
}
@media (min-width: 640px) {
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner {
min-width: 200px;
}
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner.swiper-pagination-lock {
display: none;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet {
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
width: var(--bullet-size-active-px);
height: var(--bullet-size-active-px);
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 1;
--tw-scale-y: 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));
border-radius: 9999px;
background-color: var(--primary);
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
translate: 0 0;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active),
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
--tw-scale-x: 0;
--tw-scale-y: 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));
opacity: 0;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active),
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet.swiper-pagination-bullet-active + .swiper-pagination-bullet {
--tw-scale-x: var(--bullet-size-scale);
--tw-scale-y: var(--bullet-size-scale);
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));
opacity: 0.4;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
translate: var(--bullet-x-right-right) 0;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet.swiper-pagination-bullet-active + .swiper-pagination-bullet {
translate: var(--bullet-x-right) 0;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active) {
translate: var(--bullet-x-left-left) 0;
}
[data-component="swiper"] [data-component="swiper-pagination"] .pagination-inner .swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active) {
translate: var(--bullet-x-left) 0;
}
[data-component="gallery"][data-type="slider"] {
--image-aspect: 3/2;
}
[data-component="gallery"][data-type="slider"] img {
aspect-ratio: var(--image-aspect);
-o-object-fit: cover;
object-fit: cover;
}
[data-component="gallery"][data-type="slider"] figure {
pointer-events: none;
}
[data-component="gallery"][data-type="video-slider"],
[data-component="gallery"][data-type="double-slider"] {
--image-aspect: 3/2;
--video-aspect: 3/4;
}
[data-component="gallery"][data-type="video-slider"] figure, [data-component="gallery"][data-type="double-slider"] figure {
pointer-events: none;
}
[data-component="gallery"][data-type="video-slider"] .swiper-wrapper, [data-component="gallery"][data-type="double-slider"] .swiper-wrapper {
align-items: stretch;
}
[data-component="gallery"][data-type="video-slider"] .swiper-wrapper .swiper-slide, [data-component="gallery"][data-type="double-slider"] .swiper-wrapper .swiper-slide {
display: flex;
height: auto;
flex-direction: column;
gap: 1.25rem;
}
[data-component="gallery"][data-type="video-slider"] img, [data-component="gallery"][data-type="double-slider"] img {
aspect-ratio: var(--image-aspect);
-o-object-fit: cover;
object-fit: cover;
}
[data-component="gallery"][data-type="video-slider"] video, [data-component="gallery"][data-type="double-slider"] video {
aspect-ratio: var(--video-aspect);
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* group-hocus not possible here as there are multiple groups here*/
[data-component="gallery"] .swiper-slide > div:hover > button, [data-component="gallery"] .swiper-slide > div:focus > button {
display: flex;
}
[data-component="gallery"] [data-component="swiper-navigation"] {
margin-top: 1.25rem;
width: 116px;
padding-left: 0px;
padding-right: 0px;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner {
gap: 1.25rem;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button {
height: 46px;
width: 46px;
--tw-border-opacity: 1;
border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
padding: 0.75rem;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button:hover {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button:focus-within {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button[disabled] {
opacity: 0.3;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button svg {
fill: #1a1a1a;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button svg:hover {
fill: #1a1a1a;
}
[data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button svg:focus-within {
fill: #1a1a1a;
}
.group:hover [data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button svg {
fill: #1a1a1a;
}
.group:focus-within [data-component="gallery"] [data-component="swiper-navigation"] .navigation-inner button svg {
fill: #1a1a1a;
}
[data-module="textmediatabs"] .tab {
border-right-width: 2px
}
[data-module="textmediatabs"] .tab svg {
stroke: #fff
}
[data-module="textmediatabs"] .tab:last-child {
border-right-width: 0px
}
[data-module="textmediatabs"] .tab.active {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
color: var(--primary)
}
[data-module="textmediatabs"] .tab.active svg {
stroke: #004288
}
[data-module="textmediatabs"] .navigation-inner {
height: 68px !important
}
[data-module="textmediatabs"] .navigation-inner button {
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important
}
[data-module="textmediatabs"] .navigation-inner button:hover {
background-color: transparent !important
}
[data-module="textmediatabs"] .navigation-inner button:focus-within {
background-color: transparent !important
}
[data-module="textmediatabs"] .navigation-inner button svg {
stroke: #fff !important
}
@media (min-width: 1024px) {
[data-module="textmediatabs"] .tabContent {
display: none
}
}
[data-module="textmediatabs"] .tabContent.active {
flex-direction: column
}
@media (min-width: 1024px) {
[data-module="textmediatabs"] .tabContent.active {
display: flex;
flex-direction: row;
align-items: stretch
}
}