/*!
  Theme Name:        Gina
  Theme URI:         https://gina.seitenmacher.media
  Description:       Handmade, professional Wordpress Theme poweres by tailwindcss
  Author:            seitenmacher.media
  Author URI:        https://seitenmacher.media
  Version:           1.0
  Stable tag:        1.0
  Requires at least: 5.1
  Tested up to:      6.31
  License:           This theme is protected by copyright. Any kind of use or reproduction for other purposes and projects requires the consent of seitenmacher.media. Dieses Theme ist urheberrechtlich geschützt. Jede Art der Verwendung oder Vervielfältigung für andere Zwecke und Projekte bedarf der Zustimmung von seitenmacher.media.
  Text Domain:       gina
*/


/* -------------------------------------------------------------------------------------
   Tailwind
------------------------------------------------------------------------------------- */


/*! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
*/


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


b,
strong {
  font-weight: bolder;
}


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


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


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


small {
  font-size: 80%;
}


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


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


sub {
  bottom: -0.25em;
}


sup {
  top: -0.5em;
}


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


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


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


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


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


button,
select {
  text-transform: none;
}


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


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


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


:-moz-focusring {
  outline: auto;
}


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


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


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


progress {
  vertical-align: baseline;
}


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


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


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


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


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


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


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


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


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


summary {
  display: list-item;
}


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


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


fieldset {
  margin: 0;
  padding: 0;
}


legend {
  padding: 0;
}


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


/*
Reset default styling for dialogs.
*/


dialog {
  padding: 0;
}


/*
Prevent resizing textareas horizontally by default.
*/


textarea {
  resize: vertical;
}


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


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


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


/*
Set the default cursor for buttons.
*/


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


/*
Make sure disabled buttons don't get the pointer cursor.
*/


:disabled {
  cursor: default;
}


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


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


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


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


/* Make elements with the HTML hidden attribute stay hidden by default */


[hidden] {
  display: none;
}


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


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


.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}


@media (min-width: 640px){


  .container{
    max-width: 640px;
    padding-right: 32px;
    padding-left: 32px;
  }
}


@media (min-width: 768px){


  .container{
    max-width: 768px;
  }
}


@media (min-width: 1024px){


  .container{
    max-width: 1024px;
    padding-right: 64px;
    padding-left: 64px;
  }
}


@media (min-width: 1280px){


  .container{
    max-width: 1280px;
    padding-right: 80px;
    padding-left: 80px;
  }
}


@media (min-width: 1536px){


  .container{
    max-width: 1536px;
    padding-right: 96px;
    padding-left: 96px;
  }
}


/* -------------------------------------------------------------------------------------
     Default Button
  ------------------------------------------------------------------------------------- */


.btn{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.btn.btn[class*=bg-white], .btn.btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af !important;
    }


.btn::after {
      --size: 120%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.btn:hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.btn:hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.btn:hover [class^=icon-] {
        translate: 5px 0;
      }


.btn:focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.btn [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


/* Mit Icon */


.btn:has(.icon) {
      display: flex;
      align-items: center;
    }


.btn .icon {
      width: auto;
      height: 0.9em;
    }


.btn.icon-left .icon {
        transform: translateX(-30%);
      }


.btn.icon-right .icon {
        transform: translateX(30%);
      }


/* loading */


.btn .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


/* styles */


.btn-outline {
    --hover-effect-color: var(--btn-text-color-invers);
    color: var(--btn-text-color-invers);
    background-color: transparent;
    border: 2px solid currentColor;
  }


.btn-outline:hover {
      color: var(--btn-text-color);
      background-color: var(--hover-effect-color);
      border-color: var(--btn-text-color-invers)
    }


/* sizes */


.btn-sm{
  font-size: .875em;
  line-height: 1.7;
}


.btn-xl{
  font-size: 1.5em;
  line-height: 1.7;
}


/* types */


.btn-primary {
    --btn-bg-color: hsl(0, 100%, 40%);
    --btn-text-color: white;
  }


/* + | - */


.smu-toggle-plus-minus.is-open::before, .smu-toggle-plus-minus.is-open::after{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.link-readmore {
    display: inline-flex;
    align-items: center;
    gap: 0.5ch;
    text-decoration: underline;
    /* text-decoration-color: transparent; */
    text-decoration-thickness: 2px;
    text-underline-offset: 0.5em;
    transition: text-underline-offset 0.3s ease-out 0s, -webkit-text-decoration 0.3s ease-out 0s;
    transition: text-decoration 0.3s ease-out 0s, text-underline-offset 0.3s ease-out 0s;
    transition: text-decoration 0.3s ease-out 0s, text-underline-offset 0.3s ease-out 0s, -webkit-text-decoration 0.3s ease-out 0s;
  }


.link-readmore [class^=icon-] {
      transition: translate 0.3s ease-out 0.1s;
    }


.link-readmore:hover {
      /* text-decoration-color: currentColor; */
      text-underline-offset: 0.3em;
    }


.link-readmore:hover [class^=icon-] {
        translate: 5px 0;
      }


/* -------------------------------------------------------------------------------------
      mainmenu Level 1 / root
   ------------------------------------------------------------------------------------- */


/* padding-block: 10px; */


/* Active State / current Page */


/* -------------------------------------------------------------------------------------
   mainmenu Level 2 and deeper / submenu › submenu › submenu
   ------------------------------------------------------------------------------------- */


/* Active State / current Page */


/* -------------------------------------------------------------------------------------
      mainmenu toggle (e.g. +|- or ∧|∨)
   ------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
		 Wrapper for WYSIWYG Content
	------------------------------------------------------------------------------------- */


.content{
  display: flex;
  flex-direction: column;
		font-size: clamp(1.1rem, 1.0505050505050506 * 1vw, 1.3rem);
		line-height: 1.7;
}


.content :is(>:first-child) {
			padding-block-start: 0 !important;
		}


/* Funktioniert noch nicht: https://app.clickup.com/t/2p6h05c
		h1:not(.text-base):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6) { @apply h1; }
		h2:not(.text-base):not(.h1):not(.h3):not(.h4):not(.h5):not(.h6) { @apply h2; }
		h3:not(.text-base):not(.h1):not(.h2):not(.h4):not(.h5):not(.h6) { @apply h3; }
		h4:not(.text-base):not(.h1):not(.h2):not(.h3):not(.h5):not(.h6) { @apply h4; }
		h5:not(.text-base):not(.h1):not(.h2):not(.h3):not(.h4):not(.h6) { @apply h5; }
		h6:not(.text-base):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5) { @apply h6; } */


.content h1{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h1:not(.text-*),.content h1 .text-left,.content h1 .text-center,.content h1 .text-right {
		color: currentColor;
	}


.content h1.text-left,.content h1.has-text-align-left {
		place-self: flex-start;
	}


.content h1.text-center,.content h1.has-text-align-center {
		place-self: center;
	}


.content h1.text-right,.content h1.has-text-align-right {
		place-self: flex-end;
	}


.content h1.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h1 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h1 {
	font-size: clamp(2.5rem, 4.040404040404041 * 1vw, 5rem);
}


.content h2{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h2:not(.text-*),.content h2 .text-left,.content h2 .text-center,.content h2 .text-right {
		color: currentColor;
	}


.content h2.text-left,.content h2.has-text-align-left {
		place-self: flex-start;
	}


.content h2.text-center,.content h2.has-text-align-center {
		place-self: center;
	}


.content h2.text-right,.content h2.has-text-align-right {
		place-self: flex-end;
	}


.content h2.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h2 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h2 {
	font-size: clamp(2.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.content h3{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h3:not(.text-*),.content h3 .text-left,.content h3 .text-center,.content h3 .text-right {
		color: currentColor;
	}


.content h3.text-left,.content h3.has-text-align-left {
		place-self: flex-start;
	}


.content h3.text-center,.content h3.has-text-align-center {
		place-self: center;
	}


.content h3.text-right,.content h3.has-text-align-right {
		place-self: flex-end;
	}


.content h3.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h3 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h3 {
	font-size: clamp(1.875rem, 2.525252525252525 * 1vw, 3.125rem);
}


.content h4{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h4:not(.text-*),.content h4 .text-left,.content h4 .text-center,.content h4 .text-right {
		color: currentColor;
	}


.content h4.text-left,.content h4.has-text-align-left {
		place-self: flex-start;
	}


.content h4.text-center,.content h4.has-text-align-center {
		place-self: center;
	}


.content h4.text-right,.content h4.has-text-align-right {
		place-self: flex-end;
	}


.content h4.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h4 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h4 {
	font-size: clamp(1.5rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.content h5{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h5:not(.text-*),.content h5 .text-left,.content h5 .text-center,.content h5 .text-right {
		color: currentColor;
	}


.content h5.text-left,.content h5.has-text-align-left {
		place-self: flex-start;
	}


.content h5.text-center,.content h5.has-text-align-center {
		place-self: center;
	}


.content h5.text-right,.content h5.has-text-align-right {
		place-self: flex-end;
	}


.content h5.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h5 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h5 {
	font-size: clamp(1.375rem, 1.5151515151515151 * 1vw, 1.875rem);
}


.content h6{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.content h6:not(.text-*),.content h6 .text-left,.content h6 .text-center,.content h6 .text-right {
		color: currentColor;
	}


.content h6.text-left,.content h6.has-text-align-left {
		place-self: flex-start;
	}


.content h6.text-center,.content h6.has-text-align-center {
		place-self: center;
	}


.content h6.text-right,.content h6.has-text-align-right {
		place-self: flex-end;
	}


.content h6.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.content h6 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.content h6 {
	font-size: clamp(1.25rem, 1.3131313131313131 * 1vw, 1.625rem);
}


.content :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link)  {
	color: var(--accent-color);
}


.content :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link)  {
	color: var(--accent-color);
}


.content a:link:not(.button, .btn, .wp-block-button__link){
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}


.content a:link:not(.button, .btn, .wp-block-button__link):hover{
  text-underline-offset: 3px;
}


.content a:link:not(.button, .btn, .wp-block-button__link)  {
	transition: all 0.3s ease-out 0s;
}


.content a:visited:not(.button, .btn, .wp-block-button__link){
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}


.content a:visited:not(.button, .btn, .wp-block-button__link):hover{
  text-underline-offset: 3px;
}


.content a:visited:not(.button, .btn, .wp-block-button__link)  {
	transition: all 0.3s ease-out 0s;
}


.content p {
	margin-block: 0;
	padding-block: 0.7em;
}


.content p img {
		display: inline;
	}


.content p img:not([style*=width]) {
			height: 1em;
			width: auto;
		}


.content ul {
	list-style: none;
	padding: 0;
	margin-block: 1em;
}


.content ul li {
		position: relative;
		padding-bottom: 0.4em;
		padding-left: 1.5em;

	}


.content ul li:last-child {
			padding-bottom: 0;
		}


.content ul li .list-item-icon{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
			left: 0;
			top: -0.1em;
			height: 1lh;
}


.content ul li .list-item-icon svg {
				color: var(--accent-color);
				display: block;
				line-height: inherit;
				height: 1em;
				width: 1em;
			}


.content ul li img {
			display: inline;
		}


.content ul li img:not([style*=width]) {
				height: 1em;
				width: auto;
			}


.content ul li div[class*=block-editor] {
			display: inline-block;
		}


.content ul li ul {
			padding-top: .3em;
		}


.content ul:not([class*=list-style-]) {
		margin-left: 2em;
	}


.content ul:not([class*=list-style-]) >li {
			padding-left: 0;
		}


.content ul:not([class*=list-style-]) >li::marker {
				content: '• ';
				font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
				letter-spacing: -0.2em;
			}


.content ol {
	list-style-type: decimal;
	margin: initial;
	margin-left: 0.3em;
	padding: 0 0 0 1em;
}


.content ol >li {
		padding-left: 0.1em;
		margin-bottom: 0.4em;
	}


.content ol >li::marker{
  font-weight: 600;
			color: var(--accent-color);
}


.content blockquote {
	quotes: '„' '”' '‚' '’';
	margin-block: 1em;
	padding: 1em;
	border-left-width: 4px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));

}


.content blockquote p{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 1.25em;
  line-height: 1.7;
  font-weight: 600;
  font-style: italic;
}


.content blockquote p::before {
			content: open-quote;
			display: inline;
			padding-right: 3px;
		}


.content blockquote p::after {
			content: close-quote;
			display: inline;
			padding-left: 3px;
		}


.content blockquote cite{
  font-style: normal;
}


.content .wp-block-button { padding-block: 0.7em; }


.content .wp-block-table { padding-block: 0.7em; }


.content .has-background {
			padding: .3lh .5lh;
		}


/* General style for input elements */


/* sizes */


/* Form submit */


.theme-body .static{
  position: static;
}


.theme-body .fixed{
  position: fixed;
}


.theme-body .absolute{
  position: absolute;
}


.theme-body .relative{
  position: relative;
}


.theme-body .sticky{
  position: sticky;
}


.theme-body .inset-0{
  inset: 0px;
}


.theme-body .-bottom-0\.5{
  bottom: -0.125rem;
}


.theme-body .bottom-1\/2{
  bottom: 50%;
}


.theme-body .bottom-3{
  bottom: 0.75rem;
}


.theme-body .bottom-4{
  bottom: 1rem;
}


.theme-body .left-0{
  left: 0px;
}


.theme-body .left-1\/2{
  left: 50%;
}


.theme-body .right-4{
  right: 1rem;
}


.theme-body .top-1\/2{
  top: 50%;
}


.theme-body .top-10{
  top: 2.5rem;
}


.theme-body .top-full{
  top: 100%;
}


.theme-body .z-0{
  z-index: 0;
}


.theme-body .z-10{
  z-index: 10;
}


.theme-body .z-20{
  z-index: 20;
}


.theme-body .z-level9{
  z-index: 900;
}


.theme-body .z-top{
  z-index: 999;
}


.theme-body .order-1{
  order: 1;
}


.theme-body .order-2{
  order: 2;
}


.theme-body .order-3{
  order: 3;
}


.theme-body .order-4{
  order: 4;
}


.theme-body .order-last{
  order: 9999;
}


.theme-body .col-span-2{
  grid-column: span 2 / span 2;
}


.theme-body .m-0{
  margin: 0px;
}


.theme-body .m-4{
  margin: 1rem;
}


.theme-body .m-\[modulename\]{
  margin: modulename;
}


.theme-body .m-default{
  margin: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .m-large{
  margin: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .m-lg{
  margin: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .m-md{
  margin: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .m-sm{
  margin: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .m-xl{
  margin: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .m-xs{
  margin: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .mx-0{
  margin-left: 0px;
  margin-right: 0px;
}


.theme-body .mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}


.theme-body .mx-auto{
  margin-left: auto;
  margin-right: auto;
}


.theme-body .mx-default{
  margin-left: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  margin-right: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mx-large{
  margin-left: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
  margin-right: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .mx-lg{
  margin-left: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
  margin-right: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mx-md{
  margin-left: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
  margin-right: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .mx-sm{
  margin-left: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
  margin-right: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .mx-xl{
  margin-left: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
  margin-right: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .mx-xs{
  margin-left: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
  margin-right: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}


.theme-body .my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}


.theme-body .my-default{
  margin-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  margin-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .my-large{
  margin-top: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
  margin-bottom: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .my-lg{
  margin-top: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
  margin-bottom: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .my-md{
  margin-top: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
  margin-bottom: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .my-sm{
  margin-top: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
  margin-bottom: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .my-xl{
  margin-top: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
  margin-bottom: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .my-xs{
  margin-top: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
  margin-bottom: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .-mb-default{
  margin-bottom: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -1);
}


.theme-body .-mt-5{
  margin-top: -1.25rem;
}


.theme-body .-mt-8{
  margin-top: -2rem;
}


.theme-body .-mt-default{
  margin-top: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -1);
}


.theme-body .mb-0{
  margin-bottom: 0px;
}


.theme-body .mb-1{
  margin-bottom: 0.25rem;
}


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


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


.theme-body .mb-4{
  margin-bottom: 1rem;
}


.theme-body .mb-5{
  margin-bottom: 1.25rem;
}


.theme-body .mb-6{
  margin-bottom: 1.5rem;
}


.theme-body .mb-\[-1px\]{
  margin-bottom: -1px;
}


.theme-body .mb-default{
  margin-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mb-large{
  margin-bottom: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .mb-lg{
  margin-bottom: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mb-md{
  margin-bottom: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .mb-sm{
  margin-bottom: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .mb-xl{
  margin-bottom: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .mb-xs{
  margin-bottom: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .ml-0{
  margin-left: 0px;
}


.theme-body .ml-2{
  margin-left: 0.5rem;
}


.theme-body .ml-3{
  margin-left: 0.75rem;
}


.theme-body .ml-5{
  margin-left: 1.25rem;
}


.theme-body .ml-default{
  margin-left: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .ml-large{
  margin-left: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .ml-lg{
  margin-left: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .ml-md{
  margin-left: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .ml-sm{
  margin-left: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .ml-xl{
  margin-left: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .ml-xs{
  margin-left: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .mr-0{
  margin-right: 0px;
}


.theme-body .mr-2{
  margin-right: 0.5rem;
}


.theme-body .mr-3{
  margin-right: 0.75rem;
}


.theme-body .mr-default{
  margin-right: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mr-large{
  margin-right: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .mr-lg{
  margin-right: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mr-md{
  margin-right: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .mr-sm{
  margin-right: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .mr-xl{
  margin-right: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .mr-xs{
  margin-right: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .mt-0{
  margin-top: 0px;
}


.theme-body .mt-10{
  margin-top: 2.5rem;
}


.theme-body .mt-2{
  margin-top: 0.5rem;
}


.theme-body .mt-3{
  margin-top: 0.75rem;
}


.theme-body .mt-4{
  margin-top: 1rem;
}


.theme-body .mt-6{
  margin-top: 1.5rem;
}


.theme-body .mt-8{
  margin-top: 2rem;
}


.theme-body .mt-\[2px\]{
  margin-top: 2px;
}


.theme-body .mt-auto{
  margin-top: auto;
}


.theme-body .mt-default{
  margin-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mt-large{
  margin-top: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .mt-lg{
  margin-top: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .mt-md{
  margin-top: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .mt-sm{
  margin-top: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .mt-xl{
  margin-top: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .mt-xs{
  margin-top: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}


.theme-body .block{
  display: block;
}


.theme-body .inline-block{
  display: inline-block;
}


.theme-body .inline{
  display: inline;
}


.theme-body .flex{
  display: flex;
}


.theme-body .inline-flex{
  display: inline-flex;
}


.theme-body .table{
  display: table;
}


.theme-body .grid{
  display: grid;
}


.theme-body .contents{
  display: contents;
}


.theme-body .hidden{
  display: none;
}


.theme-body .aspect-1\/1{
  aspect-ratio: 1 / 1;
}


.theme-body .aspect-1\/2{
  aspect-ratio: 1 / 2;
}


.theme-body .aspect-16\/9{
  aspect-ratio: 16 / 9;
}


.theme-body .aspect-2\/1{
  aspect-ratio: 2 / 1;
}


.theme-body .aspect-3\/4{
  aspect-ratio: 3 / 4;
}


.theme-body .aspect-4\/3{
  aspect-ratio: 4 / 3;
}


.theme-body .aspect-9\/16{
  aspect-ratio: 9 / 16;
}


.theme-body .aspect-\[1\/1\]{
  aspect-ratio: 1/1;
}


.theme-body .aspect-\[2\/1\]{
  aspect-ratio: 2/1;
}


.theme-body .aspect-\[5\/2\]{
  aspect-ratio: 5/2;
}


.theme-body .aspect-square{
  aspect-ratio: 1 / 1;
}


.theme-body .h-11{
  height: 2.75rem;
}


.theme-body .h-14{
  height: 3.5rem;
}


.theme-body .h-16{
  height: 4rem;
}


.theme-body .h-5{
  height: 1.25rem;
}


.theme-body .h-8{
  height: 2rem;
}


.theme-body .h-9{
  height: 2.25rem;
}


.theme-body .h-\[2em\]{
  height: 2em;
}


.theme-body .h-auto{
  height: auto;
}


.theme-body .h-em-base{
  height: 1em;
}


.theme-body .h-fit{
  height: -moz-fit-content;
  height: fit-content;
}


.theme-body .h-full{
  height: 100%;
}


.theme-body .h-screen{
  height: 100vh;
}


.theme-body .max-h-full{
  max-height: 100%;
}


.theme-body .max-h-inherit{
  max-height: inherit;
}


.theme-body .min-h-52{
  min-height: 13rem;
}


.theme-body .min-h-fit{
  min-height: -moz-fit-content;
  min-height: fit-content;
}


.theme-body .min-h-full{
  min-height: 100%;
}


.theme-body .w-1{
  width: 0.25rem;
}


.theme-body .w-1\/12{
  width: 8.333333%;
}


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


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


.theme-body .w-1\/4{
  width: 25%;
}


.theme-body .w-1\/5{
  width: 20%;
}


.theme-body .w-1\/6{
  width: 16.666667%;
}


.theme-body .w-10{
  width: 2.5rem;
}


.theme-body .w-10\/12{
  width: 83.333333%;
}


.theme-body .w-11{
  width: 2.75rem;
}


.theme-body .w-11\/12{
  width: 91.666667%;
}


.theme-body .w-12{
  width: 3rem;
}


.theme-body .w-14{
  width: 3.5rem;
}


.theme-body .w-16{
  width: 4rem;
}


.theme-body .w-2{
  width: 0.5rem;
}


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


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


.theme-body .w-2\/4{
  width: 50%;
}


.theme-body .w-2\/5{
  width: 40%;
}


.theme-body .w-2\/6{
  width: 33.333333%;
}


.theme-body .w-20{
  width: 5rem;
}


.theme-body .w-24{
  width: 6rem;
}


.theme-body .w-28{
  width: 7rem;
}


.theme-body .w-3{
  width: 0.75rem;
}


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


.theme-body .w-3\/4{
  width: 75%;
}


.theme-body .w-3\/5{
  width: 60%;
}


.theme-body .w-3\/6{
  width: 50%;
}


.theme-body .w-32{
  width: 8rem;
}


.theme-body .w-36{
  width: 9rem;
}


.theme-body .w-4{
  width: 1rem;
}


.theme-body .w-4\/12{
  width: 33.333333%;
}


.theme-body .w-4\/5{
  width: 80%;
}


.theme-body .w-4\/6{
  width: 66.666667%;
}


.theme-body .w-40{
  width: 10rem;
}


.theme-body .w-44{
  width: 11rem;
}


.theme-body .w-48{
  width: 12rem;
}


.theme-body .w-5{
  width: 1.25rem;
}


.theme-body .w-5\/12{
  width: 41.666667%;
}


.theme-body .w-5\/6{
  width: 83.333333%;
}


.theme-body .w-52{
  width: 13rem;
}


.theme-body .w-56{
  width: 14rem;
}


.theme-body .w-6{
  width: 1.5rem;
}


.theme-body .w-6\/12{
  width: 50%;
}


.theme-body .w-60{
  width: 15rem;
}


.theme-body .w-64{
  width: 16rem;
}


.theme-body .w-7{
  width: 1.75rem;
}


.theme-body .w-7\/12{
  width: 58.333333%;
}


.theme-body .w-72{
  width: 18rem;
}


.theme-body .w-8{
  width: 2rem;
}


.theme-body .w-8\/12{
  width: 66.666667%;
}


.theme-body .w-80{
  width: 20rem;
}


.theme-body .w-9{
  width: 2.25rem;
}


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


.theme-body .w-96{
  width: 24rem;
}


.theme-body .w-auto{
  width: auto;
}


.theme-body .w-em-2xl{
  width: 1.75em;
}


.theme-body .w-em-3xl{
  width: 2em;
}


.theme-body .w-em-4xl{
  width: 2.5em;
}


.theme-body .w-em-5xl{
  width: 3em;
}


.theme-body .w-em-6xl{
  width: 3.75em;
}


.theme-body .w-em-7xl{
  width: 4.5em;
}


.theme-body .w-em-8xl{
  width: 6em;
}


.theme-body .w-em-9xl{
  width: 8em;
}


.theme-body .w-em-base{
  width: 1em;
}


.theme-body .w-em-lg{
  width: 1.25em;
}


.theme-body .w-em-md{
  width: 1.125em;
}


.theme-body .w-em-sm{
  width: .875em;
}


.theme-body .w-em-xl{
  width: 1.5em;
}


.theme-body .w-em-xs{
  width: .75em;
}


.theme-body .w-fit{
  width: -moz-fit-content;
  width: fit-content;
}


.theme-body .w-full{
  width: 100%;
}


.theme-body .w-max{
  width: -moz-max-content;
  width: max-content;
}


.theme-body .w-min{
  width: -moz-min-content;
  width: min-content;
}


.theme-body .w-screen{
  width: 100vw;
}


.theme-body .min-w-10{
  min-width: 10px;
}


.theme-body .min-w-100{
  min-width: 100px;
}


.theme-body .min-w-110{
  min-width: 110px;
}


.theme-body .min-w-120{
  min-width: 120px;
}


.theme-body .min-w-130{
  min-width: 130px;
}


.theme-body .min-w-140{
  min-width: 140px;
}


.theme-body .min-w-150{
  min-width: 150px;
}


.theme-body .min-w-160{
  min-width: 160px;
}


.theme-body .min-w-170{
  min-width: 170px;
}


.theme-body .min-w-180{
  min-width: 180px;
}


.theme-body .min-w-190{
  min-width: 190px;
}


.theme-body .min-w-20{
  min-width: 20px;
}


.theme-body .min-w-200{
  min-width: 200px;
}


.theme-body .min-w-210{
  min-width: 210px;
}


.theme-body .min-w-220{
  min-width: 220px;
}


.theme-body .min-w-230{
  min-width: 230px;
}


.theme-body .min-w-240{
  min-width: 240px;
}


.theme-body .min-w-250{
  min-width: 250px;
}


.theme-body .min-w-260{
  min-width: 260px;
}


.theme-body .min-w-270{
  min-width: 270px;
}


.theme-body .min-w-280{
  min-width: 280px;
}


.theme-body .min-w-290{
  min-width: 290px;
}


.theme-body .min-w-30{
  min-width: 30px;
}


.theme-body .min-w-300{
  min-width: 300px;
}


.theme-body .min-w-310{
  min-width: 310px;
}


.theme-body .min-w-320{
  min-width: 320px;
}


.theme-body .min-w-330{
  min-width: 330px;
}


.theme-body .min-w-340{
  min-width: 340px;
}


.theme-body .min-w-350{
  min-width: 350px;
}


.theme-body .min-w-360{
  min-width: 360px;
}


.theme-body .min-w-370{
  min-width: 370px;
}


.theme-body .min-w-380{
  min-width: 380px;
}


.theme-body .min-w-390{
  min-width: 390px;
}


.theme-body .min-w-40{
  min-width: 40px;
}


.theme-body .min-w-400{
  min-width: 400px;
}


.theme-body .min-w-410{
  min-width: 410px;
}


.theme-body .min-w-420{
  min-width: 420px;
}


.theme-body .min-w-430{
  min-width: 430px;
}


.theme-body .min-w-440{
  min-width: 440px;
}


.theme-body .min-w-450{
  min-width: 450px;
}


.theme-body .min-w-460{
  min-width: 460px;
}


.theme-body .min-w-470{
  min-width: 470px;
}


.theme-body .min-w-480{
  min-width: 480px;
}


.theme-body .min-w-490{
  min-width: 490px;
}


.theme-body .min-w-50{
  min-width: 50px;
}


.theme-body .min-w-500{
  min-width: 500px;
}


.theme-body .min-w-510{
  min-width: 510px;
}


.theme-body .min-w-520{
  min-width: 520px;
}


.theme-body .min-w-530{
  min-width: 530px;
}


.theme-body .min-w-540{
  min-width: 540px;
}


.theme-body .min-w-550{
  min-width: 550px;
}


.theme-body .min-w-560{
  min-width: 560px;
}


.theme-body .min-w-570{
  min-width: 570px;
}


.theme-body .min-w-580{
  min-width: 580px;
}


.theme-body .min-w-590{
  min-width: 590px;
}


.theme-body .min-w-60{
  min-width: 60px;
}


.theme-body .min-w-600{
  min-width: 600px;
}


.theme-body .min-w-610{
  min-width: 610px;
}


.theme-body .min-w-620{
  min-width: 620px;
}


.theme-body .min-w-630{
  min-width: 630px;
}


.theme-body .min-w-640{
  min-width: 640px;
}


.theme-body .min-w-650{
  min-width: 650px;
}


.theme-body .min-w-660{
  min-width: 660px;
}


.theme-body .min-w-670{
  min-width: 670px;
}


.theme-body .min-w-680{
  min-width: 680px;
}


.theme-body .min-w-690{
  min-width: 690px;
}


.theme-body .min-w-70{
  min-width: 70px;
}


.theme-body .min-w-700{
  min-width: 700px;
}


.theme-body .min-w-80{
  min-width: 80px;
}


.theme-body .min-w-90{
  min-width: 90px;
}


.theme-body .min-w-full{
  min-width: 100%;
}


.theme-body .max-w-2xl{
  max-width: 42rem;
}


.theme-body .max-w-3xl{
  max-width: 48rem;
}


.theme-body .max-w-4xl{
  max-width: 56rem;
}


.theme-body .max-w-5xl{
  max-width: 64rem;
}


.theme-body .max-w-6xl{
  max-width: 72rem;
}


.theme-body .max-w-7xl{
  max-width: 80rem;
}


.theme-body .max-w-\[120px\]{
  max-width: 120px;
}


.theme-body .max-w-\[90px\]{
  max-width: 90px;
}


.theme-body .max-w-full{
  max-width: 100%;
}


.theme-body .max-w-lg{
  max-width: 32rem;
}


.theme-body .max-w-md{
  max-width: 28rem;
}


.theme-body .max-w-screen-narrow-section{
  max-width: 1200px;
}


.theme-body .max-w-sm{
  max-width: 24rem;
}


.theme-body .max-w-xl{
  max-width: 36rem;
}


.theme-body .max-w-xs{
  max-width: 20rem;
}


.theme-body .shrink{
  flex-shrink: 1;
}


.theme-body .shrink-0{
  flex-shrink: 0;
}


.theme-body .flex-grow{
  flex-grow: 1;
}


.theme-body .grow{
  flex-grow: 1;
}


.theme-body .basis-1{
  flex-basis: 0.25rem;
}


.theme-body .basis-1\/2{
  flex-basis: 50%;
}


.theme-body .basis-1\/3{
  flex-basis: 33.333333%;
}


.theme-body .basis-1\/4{
  flex-basis: 25%;
}


.theme-body .basis-10{
  flex-basis: 2.5rem;
}


.theme-body .basis-11{
  flex-basis: 2.75rem;
}


.theme-body .basis-12{
  flex-basis: 3rem;
}


.theme-body .basis-14{
  flex-basis: 3.5rem;
}


.theme-body .basis-16{
  flex-basis: 4rem;
}


.theme-body .basis-2{
  flex-basis: 0.5rem;
}


.theme-body .basis-2\/3{
  flex-basis: 66.666667%;
}


.theme-body .basis-20{
  flex-basis: 5rem;
}


.theme-body .basis-24{
  flex-basis: 6rem;
}


.theme-body .basis-28{
  flex-basis: 7rem;
}


.theme-body .basis-3{
  flex-basis: 0.75rem;
}


.theme-body .basis-3\/4{
  flex-basis: 75%;
}


.theme-body .basis-32{
  flex-basis: 8rem;
}


.theme-body .basis-36{
  flex-basis: 9rem;
}


.theme-body .basis-4{
  flex-basis: 1rem;
}


.theme-body .basis-40{
  flex-basis: 10rem;
}


.theme-body .basis-44{
  flex-basis: 11rem;
}


.theme-body .basis-48{
  flex-basis: 12rem;
}


.theme-body .basis-5{
  flex-basis: 1.25rem;
}


.theme-body .basis-5\/8{
  flex-basis: 62.5%;
}


.theme-body .basis-52{
  flex-basis: 13rem;
}


.theme-body .basis-56{
  flex-basis: 14rem;
}


.theme-body .basis-6{
  flex-basis: 1.5rem;
}


.theme-body .basis-60{
  flex-basis: 15rem;
}


.theme-body .basis-64{
  flex-basis: 16rem;
}


.theme-body .basis-7{
  flex-basis: 1.75rem;
}


.theme-body .basis-72{
  flex-basis: 18rem;
}


.theme-body .basis-8{
  flex-basis: 2rem;
}


.theme-body .basis-80{
  flex-basis: 20rem;
}


.theme-body .basis-9{
  flex-basis: 2.25rem;
}


.theme-body .basis-96{
  flex-basis: 24rem;
}


.theme-body .basis-auto{
  flex-basis: auto;
}


.theme-body .basis-full{
  flex-basis: 100%;
}


.theme-body .origin-left-center{
  transform-origin: left center;
}


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


.theme-body .cursor-pointer{
  cursor: pointer;
}


.theme-body .columns-1{
  -moz-columns: 1;
  columns: 1;
}


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


.theme-body .grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr));
}


.theme-body .grid-cols-11{
  grid-template-columns: repeat(11, minmax(0, 1fr));
}


.theme-body .grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}


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


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


.theme-body .grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}


.theme-body .grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}


.theme-body .grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}


.theme-body .grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}


.theme-body .grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}


.theme-body .grid-cols-9{
  grid-template-columns: repeat(9, minmax(0, 1fr));
}


.theme-body .grid-cols-\[repeat\(auto-fill\2c _minmax\(150px\2c _1fr\)\)\]{
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}


.theme-body .grid-cols-\[repeat\(auto-fill\2c _minmax\(200px\2c _1fr\)\)\]{
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}


.theme-body .grid-cols-\[repeat\(auto-fill\2c _minmax\(250px\2c _1fr\)\)\]{
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}


.theme-body .flex-row{
  flex-direction: row;
}


.theme-body .flex-col{
  flex-direction: column;
}


.theme-body .flex-wrap{
  flex-wrap: wrap;
}


.theme-body .items-start{
  align-items: flex-start;
}


.theme-body .items-end{
  align-items: flex-end;
}


.theme-body .items-center{
  align-items: center;
}


.theme-body .items-baseline{
  align-items: baseline;
}


.theme-body .items-stretch{
  align-items: stretch;
}


.theme-body .justify-start{
  justify-content: flex-start;
}


.theme-body .justify-end{
  justify-content: flex-end;
}


.theme-body .justify-center{
  justify-content: center;
}


.theme-body .justify-stretch{
  justify-content: stretch;
}


.theme-body .gap-0{
  gap: 0px;
}


.theme-body .gap-10{
  gap: 2.5rem;
}


.theme-body .gap-12{
  gap: 3rem;
}


.theme-body .gap-2{
  gap: 0.5rem;
}


.theme-body .gap-3{
  gap: 0.75rem;
}


.theme-body .gap-4{
  gap: 1rem;
}


.theme-body .gap-8{
  gap: 2rem;
}


.theme-body .gap-default{
  gap: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .gap-grid{
  gap: clamp(0.25rem, 1.2121212121212122 * 1vw, 1.5rem);
}


.theme-body .gap-lg{
  gap: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .gap-md{
  gap: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .place-self-center{
  place-self: center;
}


.theme-body .self-start{
  align-self: flex-start;
}


.theme-body .self-end{
  align-self: flex-end;
}


.theme-body .self-center{
  align-self: center;
}


.theme-body .self-stretch{
  align-self: stretch;
}


.theme-body .self-baseline{
  align-self: baseline;
}


.theme-body .justify-self-start{
  justify-self: start;
}


.theme-body .justify-self-end{
  justify-self: end;
}


.theme-body .justify-self-center{
  justify-self: center;
}


.theme-body .justify-self-stretch{
  justify-self: stretch;
}


.theme-body .overflow-auto{
  overflow: auto;
}


.theme-body .overflow-hidden{
  overflow: hidden;
}


.theme-body .overflow-visible{
  overflow: visible;
}


.theme-body .overflow-y-auto{
  overflow-y: auto;
}


.theme-body .hyphens-none{
  -webkit-hyphens: none;
  hyphens: none;
}


.theme-body .hyphens-manual{
  -webkit-hyphens: manual;
  hyphens: manual;
}


.theme-body .hyphens-auto{
  -webkit-hyphens: auto;
  hyphens: auto;
}


.theme-body .rounded-2xl{
  border-radius: 1rem;
}


.theme-body .rounded-4xl{
  border-radius: 2rem;
}


.theme-body .rounded-6xl{
  border-radius: 4rem;
}


.theme-body .rounded-forms{
  border-radius: 0px;
}


.theme-body .rounded-full{
  border-radius: 9999px;
}


.theme-body .rounded-none{
  border-radius: 0px;
}


.theme-body .rounded-sm{
  border-radius: 0.125rem;
}


.theme-body .border{
  border-width: 1px;
}


.theme-body .border-4{
  border-width: 4px;
}


.theme-body .border-b-2{
  border-bottom-width: 2px;
}


.theme-body .border-solid{
  border-style: solid;
}


.theme-body .border-none{
  border-style: none;
}


.theme-body .border-cd-black{
  --tw-border-opacity: 1;
  border-color: hsl(0 0% 0% / var(--tw-border-opacity));
}


.theme-body .border-cd-blue{
  --tw-border-opacity: 1;
  border-color: hsl(220 76% 33% / var(--tw-border-opacity));
}


.theme-body .border-cd-body{
  --tw-border-opacity: 1;
  border-color: hsl(0 0% 13% / var(--tw-border-opacity));
}


.theme-body .border-cd-grey{
  --tw-border-opacity: 1;
  border-color: hsl(0 0% 13% / var(--tw-border-opacity));
}


.theme-body .border-cd-grey\/30{
  border-color: hsl(0 0% 13% / 0.3);
}


.theme-body .border-cd-red{
  --tw-border-opacity: 1;
  border-color: hsl(0 100% 40% / var(--tw-border-opacity));
}


.theme-body .border-cd-white{
  --tw-border-opacity: 1;
  border-color: hsl(0 0% 100% / var(--tw-border-opacity));
}


.theme-body .border-current{
  border-color: currentColor;
}


.theme-body .border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(0 100% 40% / var(--tw-border-opacity));
}


.theme-body .border-transparent{
  border-color: transparent;
}


.theme-body .border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}


.theme-body .bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}


.theme-body .bg-body{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 13% / var(--tw-bg-opacity));
}


.theme-body .bg-bodybg{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 100% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-black{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 0% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-blue{
  --tw-bg-opacity: 1;
  background-color: hsl(220 76% 33% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-body{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 13% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-grey{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 13% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-red{
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
}


.theme-body .bg-cd-white{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 100% / var(--tw-bg-opacity));
}


.theme-body .bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}


.theme-body .bg-inherit{
  background-color: inherit;
}


.theme-body .bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
}


.theme-body .bg-secondary{
  --tw-bg-opacity: 1;
  background-color: hsl(220 76% 33% / var(--tw-bg-opacity));
}


.theme-body .bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}


.theme-body .bg-transparent{
  background-color: transparent;
}


.theme-body .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}


.theme-body .bg-opacity-0{
  --tw-bg-opacity: 0;
}


.theme-body .bg-opacity-10{
  --tw-bg-opacity: 0.1;
}


.theme-body .bg-opacity-100{
  --tw-bg-opacity: 1;
}


.theme-body .bg-opacity-15{
  --tw-bg-opacity: 0.15;
}


.theme-body .bg-opacity-20{
  --tw-bg-opacity: 0.2;
}


.theme-body .bg-opacity-25{
  --tw-bg-opacity: 0.25;
}


.theme-body .bg-opacity-30{
  --tw-bg-opacity: 0.3;
}


.theme-body .bg-opacity-35{
  --tw-bg-opacity: 0.35;
}


.theme-body .bg-opacity-40{
  --tw-bg-opacity: 0.4;
}


.theme-body .bg-opacity-45{
  --tw-bg-opacity: 0.45;
}


.theme-body .bg-opacity-5{
  --tw-bg-opacity: 0.05;
}


.theme-body .bg-opacity-50{
  --tw-bg-opacity: 0.5;
}


.theme-body .bg-opacity-55{
  --tw-bg-opacity: 0.55;
}


.theme-body .bg-opacity-60{
  --tw-bg-opacity: 0.6;
}


.theme-body .bg-opacity-65{
  --tw-bg-opacity: 0.65;
}


.theme-body .bg-opacity-70{
  --tw-bg-opacity: 0.7;
}


.theme-body .bg-opacity-75{
  --tw-bg-opacity: 0.75;
}


.theme-body .bg-opacity-80{
  --tw-bg-opacity: 0.8;
}


.theme-body .bg-opacity-85{
  --tw-bg-opacity: 0.85;
}


.theme-body .bg-opacity-90{
  --tw-bg-opacity: 0.9;
}


.theme-body .bg-opacity-95{
  --tw-bg-opacity: 0.95;
}


.theme-body .object-contain{
  -o-object-fit: contain;
  object-fit: contain;
}


.theme-body .object-cover{
  -o-object-fit: cover;
  object-fit: cover;
}


.theme-body .object-fill{
  -o-object-fit: fill;
  object-fit: fill;
}


.theme-body .object-none{
  -o-object-fit: none;
  object-fit: none;
}


.theme-body .object-scale-down{
  -o-object-fit: scale-down;
  object-fit: scale-down;
}


.theme-body .object-bottom{
  -o-object-position: bottom;
  object-position: bottom;
}


.theme-body .object-center{
  -o-object-position: center;
  object-position: center;
}


.theme-body .object-left{
  -o-object-position: left;
  object-position: left;
}


.theme-body .object-left-bottom{
  -o-object-position: left bottom;
  object-position: left bottom;
}


.theme-body .object-left-top{
  -o-object-position: left top;
  object-position: left top;
}


.theme-body .object-right{
  -o-object-position: right;
  object-position: right;
}


.theme-body .object-right-bottom{
  -o-object-position: right bottom;
  object-position: right bottom;
}


.theme-body .object-right-top{
  -o-object-position: right top;
  object-position: right top;
}


.theme-body .object-top{
  -o-object-position: top;
  object-position: top;
}


.theme-body .p-0{
  padding: 0px;
}


.theme-body .p-1{
  padding: 0.25rem;
}


.theme-body .p-2{
  padding: 0.5rem;
}


.theme-body .p-3{
  padding: 0.75rem;
}


.theme-body .p-4{
  padding: 1rem;
}


.theme-body .p-5{
  padding: 1.25rem;
}


.theme-body .p-6{
  padding: 1.5rem;
}


.theme-body .p-8{
  padding: 2rem;
}


.theme-body .p-default{
  padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .p-em-base{
  padding: 1em;
}


.theme-body .p-large{
  padding: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .p-lg{
  padding: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .p-md{
  padding: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .p-sm{
  padding: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .p-xl{
  padding: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .p-xs{
  padding: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .px-0{
  padding-left: 0px;
  padding-right: 0px;
}


.theme-body .px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}


.theme-body .px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}


.theme-body .px-default{
  padding-left: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  padding-right: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .px-large{
  padding-left: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
  padding-right: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .px-lg{
  padding-left: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
  padding-right: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .px-md{
  padding-left: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
  padding-right: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .px-sm{
  padding-left: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
  padding-right: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .px-xl{
  padding-left: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
  padding-right: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .px-xs{
  padding-left: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
  padding-right: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


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


.theme-body .py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}


.theme-body .py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}


.theme-body .py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}


.theme-body .py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}


.theme-body .py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}


.theme-body .py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


.theme-body .py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}


.theme-body .py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}


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


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


.theme-body .py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


.theme-body .py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}


.theme-body .py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}


.theme-body .py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}


.theme-body .py-default{
  padding-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  padding-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .py-large{
  padding-top: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
  padding-bottom: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .py-lg{
  padding-top: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
  padding-bottom: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .py-md{
  padding-top: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
  padding-bottom: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .py-sm{
  padding-top: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
  padding-bottom: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .py-xl{
  padding-top: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
  padding-bottom: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .py-xs{
  padding-top: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
  padding-bottom: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .pb-0{
  padding-bottom: 0px;
}


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


.theme-body .pb-2{
  padding-bottom: 0.5rem;
}


.theme-body .pb-3{
  padding-bottom: 0.75rem;
}


.theme-body .pb-5{
  padding-bottom: 1.25rem;
}


.theme-body .pb-default{
  padding-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pb-large{
  padding-bottom: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .pb-lg{
  padding-bottom: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pb-md{
  padding-bottom: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .pb-sm{
  padding-bottom: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .pb-xl{
  padding-bottom: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .pb-xs{
  padding-bottom: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .pl-0{
  padding-left: 0px;
}


.theme-body .pl-2{
  padding-left: 0.5rem;
}


.theme-body .pl-default{
  padding-left: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pl-large{
  padding-left: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .pl-lg{
  padding-left: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pl-md{
  padding-left: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .pl-sm{
  padding-left: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .pl-xl{
  padding-left: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .pl-xs{
  padding-left: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .pr-0{
  padding-right: 0px;
}


.theme-body .pr-2{
  padding-right: 0.5rem;
}


.theme-body .pr-8{
  padding-right: 2rem;
}


.theme-body .pr-default{
  padding-right: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pr-large{
  padding-right: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .pr-lg{
  padding-right: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pr-md{
  padding-right: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .pr-sm{
  padding-right: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .pr-xl{
  padding-right: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .pr-xs{
  padding-right: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .pt-0{
  padding-top: 0px;
}


.theme-body .pt-1{
  padding-top: 0.25rem;
}


.theme-body .pt-2{
  padding-top: 0.5rem;
}


.theme-body .pt-20{
  padding-top: 5rem;
}


.theme-body .pt-4{
  padding-top: 1rem;
}


.theme-body .pt-5{
  padding-top: 1.25rem;
}


.theme-body .pt-8{
  padding-top: 2rem;
}


.theme-body .pt-9{
  padding-top: 2.25rem;
}


.theme-body .pt-default{
  padding-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pt-large{
  padding-top: clamp(4rem, 8.080808080808081 * 1vw, 10rem);
}


.theme-body .pt-lg{
  padding-top: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-body .pt-md{
  padding-top: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-body .pt-sm{
  padding-top: clamp(0.625rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-body .pt-xl{
  padding-top: clamp(2.5rem, 6.0606060606060606 * 1vw, 7.5rem);
}


.theme-body .pt-xs{
  padding-top: clamp(0.3125rem, 0.5050505050505051 * 1vw, 0.625rem);
}


.theme-body .text-left{
  text-align: left;
}


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


.theme-body .text-right{
  text-align: right;
}


.theme-body .text-justify{
  text-align: justify;
}


.theme-body .font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


.theme-body .text-2xl{
  font-size: 1.75rem;
  line-height: 1.7;
}


.theme-body .text-3xl{
  font-size: 2rem;
  line-height: 1.7;
}


.theme-body .text-4xl{
  font-size: 2.5rem;
  line-height: 1.7;
}


.theme-body .text-5xl{
  font-size: 3rem;
  line-height: 1.7;
}


.theme-body .text-6xl{
  font-size: 3.75rem;
  line-height: 1.7;
}


.theme-body .text-7xl{
  font-size: 4.5rem;
  line-height: 1.7;
}


.theme-body .text-9xl{
  font-size: 8rem;
  line-height: 1.7;
}


.theme-body .text-base{
  font-size: 1rem;
  line-height: 1.7;
}


.theme-body .text-em-2xl{
  font-size: 1.75em;
  line-height: 1.7;
}


.theme-body .text-em-3xl{
  font-size: 2em;
  line-height: 1.7;
}


.theme-body .text-em-4xl{
  font-size: 2.5em;
  line-height: 1.7;
}


.theme-body .text-em-5xl{
  font-size: 3em;
  line-height: 1.7;
}


.theme-body .text-em-6xl{
  font-size: 3.75em;
  line-height: 1.7;
}


.theme-body .text-em-7xl{
  font-size: 4.5em;
  line-height: 1.7;
}


.theme-body .text-em-base{
  font-size: 1em;
  line-height: 1.7;
}


.theme-body .text-em-lg{
  font-size: 1.25em;
  line-height: 1.7;
}


.theme-body .text-em-md{
  font-size: 1.125em;
  line-height: 1.7;
}


.theme-body .text-em-sm{
  font-size: .875em;
  line-height: 1.7;
}


.theme-body .text-em-xl{
  font-size: 1.5em;
  line-height: 1.7;
}


.theme-body .text-em-xs{
  font-size: .75em;
  line-height: 1.7;
}


.theme-body .text-fluid-2xl{
  font-size: clamp(1.15rem, 1.4141414141414141 * 1vw, 1.75rem);
  line-height: 1.7;
}


.theme-body .text-fluid-5xl{
  font-size: clamp(2rem, 2.4242424242424243 * 1vw, 3rem);
  line-height: 1.7;
}


.theme-body .text-fluid-lg{
  font-size: clamp(0.8rem, 1.0101010101010102 * 1vw, 1.25rem);
  line-height: 1.7;
}


.theme-body .text-fluid-xl{
  font-size: clamp(1rem, 1.2121212121212122 * 1vw, 1.5rem);
  line-height: 1.7;
}


.theme-body .text-lg{
  font-size: 1.25rem;
  line-height: 1.7;
}


.theme-body .text-md{
  font-size: 1.125rem;
  line-height: 1.7;
}


.theme-body .text-sm{
  font-size: .875rem;
  line-height: 1.7;
}


.theme-body .text-xl{
  font-size: 1.5rem;
  line-height: 1.7;
}


.theme-body .font-bold{
  font-weight: 700;
}


.theme-body .font-extrabold{
  font-weight: 800;
}


.theme-body .font-normal{
  font-weight: 400;
}


.theme-body .font-semibold{
  font-weight: 600;
}


.theme-body .uppercase{
  text-transform: uppercase;
}


.theme-body .lowercase{
  text-transform: lowercase;
}


.theme-body .not-italic{
  font-style: normal;
}


.theme-body .leading-4{
  line-height: 1rem;
}


.theme-body .leading-none{
  line-height: 1;
}


.theme-body .leading-normal{
  line-height: 1.5;
}


.theme-body .leading-snug{
  line-height: 1.375;
}


.theme-body .tracking-widest{
  letter-spacing: 0.1em;
}


.theme-body .text-accent{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.theme-body .text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


.theme-body .text-cd-black{
  --tw-text-opacity: 1;
  color: hsl(0 0% 0% / var(--tw-text-opacity));
}


.theme-body .text-cd-blue{
  --tw-text-opacity: 1;
  color: hsl(220 76% 33% / var(--tw-text-opacity));
}


.theme-body .text-cd-body{
  --tw-text-opacity: 1;
  color: hsl(0 0% 13% / var(--tw-text-opacity));
}


.theme-body .text-cd-grey{
  --tw-text-opacity: 1;
  color: hsl(0 0% 13% / var(--tw-text-opacity));
}


.theme-body .text-cd-red{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.theme-body .text-cd-white{
  --tw-text-opacity: 1;
  color: hsl(0 0% 100% / var(--tw-text-opacity));
}


.theme-body .text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}


.theme-body .text-link{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.theme-body .text-primary{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.theme-body .text-secondary{
  --tw-text-opacity: 1;
  color: hsl(220 76% 33% / var(--tw-text-opacity));
}


.theme-body .text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


.theme-body .opacity-0{
  opacity: 0;
}


.theme-body .opacity-50{
  opacity: 0.5;
}


.theme-body .bg-blend-multiply{
  background-blend-mode: multiply;
}


.theme-body .shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.theme-body .shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.theme-body .outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}


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


.theme-body .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


.theme-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;
}


.theme-body .transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


.theme-body .delay-\[1\.3s\]{
  transition-delay: 1.3s;
}


.theme-body .duration-500{
  transition-duration: 500ms;
}


.theme-body .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }


.theme-body .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
    white-space: nowrap;
  }


.theme-body .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }


/* Click Effect for e.g. buttons */


.theme-body .click-effect {
    --hover-effect-color: #999;
    position: relative;
  }


.theme-body :is(.click-effect .effect) {
      --size: 200%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
      animation: ButtonPress 0.8s cubic-bezier(.47,.01,.47,.99);
    }


/* Do Transitions one child after the other */


/* Links with icons */


.theme-body :is(.link-hover-icon-right >[class*=icon]) {
      transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0.3s;
    }


.theme-body :is(.link-hover-icon-right:hover >[class*=icon]) {
        transform: translateX(5px);
        transition-delay: 0s;
      }


.theme-body .h-doc {
    height: var(--doc-height);
  }


.theme-body .h-doc-half {
    height: calc( var(--doc-height) * 0.5 );
  }


/* -------------------------------------------------------------------------------------
     inherit
  ------------------------------------------------------------------------------------- */


/* Text align */


.theme-body .align-inherit {
    text-align: inherit;
  }


/* Flexbox */


.theme-body .items-inherit {
    align-items: inherit;
  }


.theme-body .justify-inherit {
    justify-content: inherit;
  }


/* Width and Height */


.theme-body .w-inherit {
    width: inherit;
  }


/* -------------------------------------------------------------------------------------
     Text-Shadow
  ------------------------------------------------------------------------------------- */


.theme-body .text-shadow-none {
    text-shadow: none;
  }


.theme-body .text-shadow-s {
    text-shadow: 0 0 0.05em rgba(0, 0, 0, 0.5);
  }


.theme-body .text-shadow-m {
    text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.5);
  }


.theme-body .text-shadow-l {
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
  }


/* -------------------------------------------------------------------------------------
  // Navigation Positions
  ------------------------------------------------------------------------------------- */


/* Navigation bottom right */


.theme-body .slider-nav-bottom-right {

    /* Wrapper */

    display: flex;

    flex-direction: column;

  }


/* Arrows */


.theme-body  :is(.slider-nav-bottom-right .splide__arrows){
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}


@media (min-width: 640px){


  .theme-body  :is(.slider-nav-bottom-right .splide__arrows){
    max-width: 640px;
    padding-right: 32px;
    padding-left: 32px;
  }
}


@media (min-width: 768px){


  .theme-body  :is(.slider-nav-bottom-right .splide__arrows){
    max-width: 768px;
  }
}


@media (min-width: 1024px){


  .theme-body  :is(.slider-nav-bottom-right .splide__arrows){
    max-width: 1024px;
    padding-right: 64px;
    padding-left: 64px;
  }
}


@media (min-width: 1280px){


  .theme-body  :is(.slider-nav-bottom-right .splide__arrows){
    max-width: 1280px;
    padding-right: 80px;
    padding-left: 80px;
  }
}


@media (min-width: 1536px){


  .theme-body  :is(.slider-nav-bottom-right .splide__arrows){
    max-width: 1536px;
    padding-right: 96px;
    padding-left: 96px;
  }
}


.theme-body  :is(.slider-nav-bottom-right .splide__arrows){
  order: 10;
  margin-top: 1.25rem;
  display: flex;
  justify-content: flex-end;
}


@media ( max-width:479px ) {
    .theme-body :is(.m-text--text :is(.slider-nav-bottom-right .splide__arrows)) {
      padding-inline: 0;
    }
  }


.theme-body :is(.m-facts >  :is(.slider-nav-bottom-right .splide__arrows)) {
		background-color: inherit;
	}


.theme-body :is(.content-section > :is(.slider-nav-bottom-right .splide__arrows)) {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}


.theme-body :is(.slider-nav-bottom-right .splide__arrows .splide__arrow) {
        position: static;
        transform: none;
      }


.theme-body :is(.slider-nav-bottom-right .splide__arrows .splide__arrow.splide__arrow--prev) {
          margin-right: 10px;
        }


.theme-body :is(.slider-nav-bottom-right.slider-nav-inside .splide__arrows) {
      right: 2%;
      bottom: 2%;
    }


.theme-body :is(.slider-nav-bottom-right.slider-nav-inside .splide__pagination) {
      bottom: 2%;
      margin-right: 2%;
    }


/* Dots/ Pagination bottom right */


.theme-body  :is(.slider-nav-bottom-right .splide__pagination){
  justify-content: flex-end;
}


.theme-body :is(.slider-nav-bottom-right:has(.splide__arrows) .splide__pagination) {
        position: absolute;
        left: auto;
        top: auto;
        bottom: 0;
        right: calc(50% + var(--slider-nav-arrow-size) * 2 + 30px );
        translate: 50% 0;
      }


/* Arrows */


.theme-body :is(.slider-nav-bottom-left .splide__arrows .splide__arrow) {
        position: static;
        transform: none;
      }


.theme-body :is(.slider-nav-bottom-left .splide__arrows .splide__arrow.splide__arrow--prev) {
          margin-right: 10px;
        }


/* Dots/ Pagination bottom left */


/* Arrows vertically centered */


.theme-body :is(.slider-arrows-v-centered .splide__arrow) {
      top: calc( 50% - ( var(--slider-nav-arrow-size) / 2 ) ) !important;
    }


/* -------------------------------------------------------------------------------------
    Active Slide default styles
  ------------------------------------------------------------------------------------- */


.theme-body :is(.slider-style-active-slide .splide__slide) {

      transition: transform 0.3s ease-out 0s;
    }


.theme-body :is(.slider-style-active-slide .splide__slide figcaption) {
        transition: opacity 0.3s ease-out 0s;
        opacity: 0.5;
      }


.theme-body :is(.slider-style-active-slide .splide__slide.is-active) {
        transform: translateY(-6px);
      }


.theme-body :is(.slider-style-active-slide .splide__slide.is-active figcaption) {
          opacity: 1;
        }


/* -------------------------------------------------------------------------------------
Custom
------------------------------------------------------------------------------------- */


:root {
  --sidebar-left: clamp(340px, 22vw, 600px);
  --sidebar-right: clamp(300px, 22vw, 400px);

  /* Space to preserve for the nav tabs, so that they won't lay over the content or the sidebar  */
  --nav-tabs-space: 80px;

  --p-default: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


body:not([class*=accent-color-]), body.accent-color-false {
  --accent-color: hsl(0, 100%, 40%);
}


/* -------------------------------------------------------------------------------------
  Generates Custom Properties for accent colors of all custom theme colors (theme.colors.cd)
  .accent-color-black {
    --accent-color: hsl(0, 0%, 0%);
  }
  .accent-color-grey-dark {
    --accent-color: hsl(0, 0%, 10%);
  }
------------------------------------------------------------------------------------- */


body.accent-color-black{
  --accent-color: hsl(0, 0%, 0%);
}


.accent-color-black{
  --accent-color: hsl(0, 0%, 0%);
}


body.accent-color-grey{
  --accent-color: hsl(0, 0%, 13%);
}


.accent-color-grey{
  --accent-color: hsl(0, 0%, 13%);
}


body.accent-color-white{
  --accent-color: hsl(0, 0%, 100%);
}


.accent-color-white{
  --accent-color: hsl(0, 0%, 100%);
}


body.accent-color-blue{
  --accent-color: hsl(220, 76%, 33%);
}


.accent-color-blue{
  --accent-color: hsl(220, 76%, 33%);
}


body.accent-color-red{
  --accent-color: hsl(0, 100%, 40%);
}


.accent-color-red{
  --accent-color: hsl(0, 100%, 40%);
}


body.accent-color-body{
  --accent-color: hsl(0, 0%, 13%);
}


.accent-color-body{
  --accent-color: hsl(0, 0%, 13%);
}


/* -------------------------------------------------------------------------------------
   Generate Classes for gradients set in theme.json
------------------------------------------------------------------------------------- */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   General styles for html and body
   Variables/ Custom Properties
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


html {
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  scroll-padding: 2rem;
  /* scrollbar-width: thin; */

  /* * {
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-bgcolor); \/* Foreground, Background *\/
  } */
}


body{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 100% / var(--tw-bg-opacity));
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(0 0% 13% / var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


:root {
   /* --scrollbar-color: _hsla(theme('colors.primary'), 0.3);
   --scrollbar-bgcolor: transparent; */
   --body-bg: hsl(0, 0%, 100%);
   --doc-height: 100vh;
}


[contenteditable] {
   outline: 0px solid transparent;
 }


strong{
  font-weight: 700;
}


/* -------------------------------------------------------------------------------------
   Theme Logo as SVG
   e.g. creates in PHP like:
   <?php the_logo(['class' => 'text-black dark:text-white']); ?>

   The SVG logo.svg (assets/img/logo.svg) has to use the css variables as fill/ stroke:

	 <svg viewBox="0 0 325 188" xmlns="[...]">
		<path d="[...]" fill="var(--logo-color-1)" />
		<path d="[...]" stroke="var(--logo-color-2)" />
	 </svg>

------------------------------------------------------------------------------------- */


:root {
  --logo-color-1: hsl(0, 100%, 40%);
  --logo-color-2: hsl(220, 76%, 33%);
  --logo-color-3: #000;
}


svg.logo-header * {
  transition: fill 0.3s ease-in-out 0s, stroke 0.3s ease-in-out 0s;
}


.logo-default {
  --logo-color-1: unset;
  --logo-color-2: unset;
}


.logo-white {
  --logo-color-1: white;
  --logo-color-2: white;
}


.logo-black {
  --logo-color-1: black;
  --logo-color-2: black;
}


.logo-grey {
  --logo-color-1: black;
  --logo-color-2: black;
}


.logo-primay {
  --logo-color-1: hsl(0, 100%, 40%);
  --logo-color-2: hsl(0, 100%, 40%);
}


/* -------------------------------------------------------------------------------------
   Logofarben einfärben abhängig von der Hintergrundfarbe der Content Sections
   [data-color-mode] kann folgende Werte haben: dark, light, none
   [data-bg-color] ist die bg Klasse der Section, z.B. bg-cd-red, bg-cd-black, ...

   [data-color-mode] wird in der Farbpalette in der Datei file://./../../../../theme.json
   für jeden Farbe definiert, z.B.
   {
      "name": "Schwarz",
      "slug": "black",
      "color": "hsl(0, 0%, 7%)",
      "text": "white",
      "mode": "dark"
    },

    Um diese Funktion zu aktivieren, muss die Einstellung in den Theme Settings
    aktiviert werden: file://./../../../../theme-settings.json
    -> Dadurch bekommt der body die Klasse "logo-color-change-on-scroll"
------------------------------------------------------------------------------------- */


.logo-color-change-on-scroll .header[data-color-mode=dark] .header--logo {
        --logo-color-1: white;
        --logo-color-2: white;
      }


.logo-color-change-on-scroll .header .header--logo[data-bg-color=bg-cd-magenta] {
        --logo-color-1: white !important;
        --logo-color-2: white !important;
      }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   P A G E   T R A N S I T I O N S
   Animate transitions to internal site links
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   P A G E   T R A N S I T I O N
   fade-page-elements
   Hide Main page elements (header, main, footer etc.) on page unload and show them on page load
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


:root {
  --page-transition: opacity 0.6s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.6s cubic-bezier(.47,.01,.47,.99) 0s;
}


body.page-transitions .header,
  body.page-transitions .theme-main,
  body.page-transitions .theme-footer,
  body.page-transitions .nav-tabs {
    transition: var(--page-transition);
  }


body.page-transitions .header {
    transition-delay: 0s;

  }


body.page-transitions .theme-main {
    transition-delay: 0.4s;
  }


body.page-transitions .theme-footer {
    transition-delay: 0.2s;
  }


body.page-transitions .nav-tabs {
    transition-delay: 0.6s;
  }


body.page-transitions:not(.page-loaded) .header {
      opacity: 0;
      transform: translateY(-50%);
    }


@media (min-width:799px) {
        body.page-transitions:not(.page-loaded).header-as-sidebar .header {
          transform: translateY(0) translateX(-50%);
        }
      }


body.page-transitions:not(.page-loaded) .theme-main {
      opacity: 0;
      transform: translateY(-100px);
    }


body.page-transitions:not(.page-loaded) .theme-footer {
      opacity: 0;
      transform: translateY(100px);
    }


body.page-transitions:not(.page-loaded) .nav-tabs {
      opacity: 0;
      transform: translateX(-50%) translateY(100%);
    }


@media (min-width:799px) {


body.page-transitions:not(.page-loaded) .nav-tabs {
        transform: translateY(0) translateX(100%)
    }
      }


/* @import "transition-overlay-slide-y"; */


/* -------------------------------------------------------------------------------------
   Components
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   buttons
------------------------------------------------------------------------------------- */


body {
  --btn-bg-color: var(--accent-color);
  --btn-text-color: white;
  --btn-text-color-invers: var(--accent-color);
  --hover-effect-color: white;
  --hover-effect-color-invers: var(--accent-color);
  --form-padding-block: 0.6em;
  --form-padding-inline: 1em;
}


*[class*=bg-cd-][data-color-mode=dark] {
    --btn-bg-color: white;
    --btn-text-color: var(--accent-color);
    --btn-text-color-invers: white;
    --hover-effect-color: var(--accent-color);
    --hover-effect-color-invers: white;
  }


/* WP Gutenberg Block core/button */


.wp-block-button >.wp-block-button__link{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.wp-block-button >.wp-block-button__link.btn[class*=bg-white],.wp-block-button >.wp-block-button__link.btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af;
    }


.wp-block-button >.wp-block-button__link::after {
      --size: 120%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.wp-block-button >.wp-block-button__link:hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.wp-block-button >.wp-block-button__link:hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.wp-block-button >.wp-block-button__link:hover [class^=icon-] {
        translate: 5px 0;
      }


.wp-block-button >.wp-block-button__link:focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.wp-block-button >.wp-block-button__link [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


.wp-block-button >.wp-block-button__link:has(.icon) {
      display: flex;
      align-items: center;
    }


.wp-block-button >.wp-block-button__link .icon {
      width: auto;
      height: 0.9em;
    }


.wp-block-button >.wp-block-button__link.icon-left .icon {
        transform: translateX(-30%);
      }


.wp-block-button >.wp-block-button__link.icon-right .icon {
        transform: translateX(30%);
      }


.wp-block-button >.wp-block-button__link .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


.wp-block-button.is-style-outline >.wp-block-button__link, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color){
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.wp-block-button.is-style-outline >.wp-block-button__link.btn[class*=bg-white],.wp-block-button.is-style-outline >.wp-block-button__link.btn[class*=bg-cd-white], .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color).btn[class*=bg-white], .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color).btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af;
    }


.wp-block-button.is-style-outline >.wp-block-button__link::after, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color)::after {
      --size: 120%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.wp-block-button.is-style-outline >.wp-block-button__link:hover, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.wp-block-button.is-style-outline >.wp-block-button__link:hover::after, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.wp-block-button.is-style-outline >.wp-block-button__link:hover [class^=icon-], .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):hover [class^=icon-] {
        translate: 5px 0;
      }


.wp-block-button.is-style-outline >.wp-block-button__link:focus::after, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.wp-block-button.is-style-outline >.wp-block-button__link [class^=icon-], .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color) [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


.wp-block-button.is-style-outline >.wp-block-button__link:has(.icon), .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):has(.icon) {
      display: flex;
      align-items: center;
    }


.wp-block-button.is-style-outline >.wp-block-button__link .icon, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color) .icon {
      width: auto;
      height: 0.9em;
    }


.wp-block-button.is-style-outline >.wp-block-button__link.icon-left .icon, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color).icon-left .icon {
        transform: translateX(-30%);
      }


.wp-block-button.is-style-outline >.wp-block-button__link.icon-right .icon, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color).icon-right .icon {
        transform: translateX(30%);
      }


.wp-block-button.is-style-outline >.wp-block-button__link .loader, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color) .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


.wp-block-button.is-style-outline >.wp-block-button__link, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color) {
    --hover-effect-color: var(--btn-text-color-invers);
    color: var(--btn-text-color-invers);
    background-color: transparent;
    border: 2px solid currentColor;
  }


.wp-block-button.is-style-outline >.wp-block-button__link:hover, .wp-block-button.is-style-outline >.wp-block-button__link:not(.has-text-color):hover {
      color: var(--btn-text-color);
      background-color: var(--hover-effect-color);
      border-color: var(--btn-text-color-invers)
    }


.next-match-container {
  width: 100%;
  margin-block: 40px!important;
}


.next-match-container > *{
  padding: 1rem !important;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}


@media (min-width: 768px){


  .next-match-container > *{
    padding: 2.5rem !important;
  }
}


.next-match-container > *:last-child{
  padding: 2.5rem !important;
}


.next-match-container > * figure {
      align-items: center;
      justify-content: center;
      height: 100%;

    }


.fussballde_widget {
  overflow: hidden;
}


.fussballde_widget iframe{
  margin-top: -55px;
}


/* -------------------------------------------------------------------------------------
	L O A D I N G   T H R O B B E R

	Size can be controlled by tw text-{size} class, e.g. text-xl
	Color can be controlled by adding the class 'single-color' and tw text-{color} class, e.g. text-primary
	Background-Color can be controlled by adding a tw bg-{color} class, e.g. bg-white
	Google-Style can be activated by adding adding the class 'style-google'

	Example Markup:
	<span class="loader is-loading text-primary text-7xl"></span>

	Single Color:
	<span class="loader is-loading single-color text-primary text-7xl"></span>

	Background Color:
	<span class="loader is-loading single-color text-primary text-7xl bg-white"></span>

	Inside Button:
	normal state 		 › - <button class="btn"><span class="loader"></span>Button Action</button>
	activate loading › - <button class="btn is-loading"><span class="loader"></span>Button Action</button>
								or › - <button class="btn"><span class="loader is-loading"></span>Button Action</button>
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
	 	Default rotating Circle
		<span class="loader"></span>
------------------------------------------------------------------------------------- */


.loader {
	--loader-speed: 1s;
	--loader-stroke-width: 0.05em;
	--loader-color-1: hsl(0, 100%, 40%);
	--loader-color-2: hsl(220, 76%, 33%);
	--loader-size: 1em;
	--loader-min-size: 20px;
	--loader-max-size: 100%;
	--animation-circle: none;

	display: none;
	position: relative;
	width: var(--loader-size);
	height: var(--loader-size);
  min-width: var(--loader-min-size);
  min-height: var(--loader-min-size);
  max-width: var(var(--loader-max-size));
  max-height: var(var(--loader-max-size));
	border-radius: 100%;

}


.loader svg {
		width: inherit;
		height: inherit;
	}


.loader svg circle {
			stroke-width: var(--loader-stroke-width);
			stroke: var(--loader-color-1);
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
			stroke-linecap: round;
		}


.loader.single-color, .single-color .loader {
		--loader-color-1: currentColor;
		--loader-color-2: currentColor;
	}


.loader.style-google, .style-google .loader {
		--animation-circle: loader-dash calc( var(--loader-speed) * 1.5 ) linear infinite, loader-color calc( var(--loader-speed) * 3 ) linear infinite;
	}


.loader.is-loading, .is-loading .loader {
		display: block;
	}


.loader.is-loading svg, .is-loading .loader svg {
			animation: spinner calc( var(--loader-speed) * 2 ) linear infinite;
		}


.loader.is-loading svg circle, .is-loading .loader svg circle {
				animation: var(--animation-circle);
			}


@keyframes spinner {
	100% {
		transform: rotate(360deg);
	}
}


@keyframes spinner-2a {
	0% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(0deg);
	}
	90% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


@keyframes spinner-2b {
	0% {
		transform: rotate(0deg);
	}
	20% {
		transform: rotate(0deg);
	}
	80% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


@keyframes circle-animation {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }

  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }

  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}


@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}


@keyframes loader-color {
  0% {
    stroke: var(--loader-color-1);
  }
  45% {
    stroke: var(--loader-color-1);
  }
  50% {
    stroke: var(--loader-color-2);
  }
  95% {
    stroke: var(--loader-color-2);
  }
}


/* -------------------------------------------------------------------------------------
   page loader
------------------------------------------------------------------------------------- */


.page-loader{
  position: fixed;
  z-index: 999;
  font-size: 3rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
	left: calc(50% - 0.5em);
	top: calc(50% - 0.5em);
	transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
	animation: FadeIn 0.5s ease-out alternate;
}


.page-loaded .page-loader {
		opacity: 0;
		z-index: -1;
		transform: scale(0);
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 modal dialog
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* -------------------------------------------------------------------------------------
	 modal design
------------------------------------------------------------------------------------- */


.modal{
  position: fixed;
  inset: 0px;
  z-index: 999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}


.modal.is-active {
    display: flex
	}


.modal-background{
  position: absolute;
  inset: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}


.bg-close .modal-background {
		cursor: pointer;
	}


.modal-content-wrapper{
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100vh;
  width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}


@media (min-width: 480px){


  .modal-content-wrapper{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


@media (min-width: 768px){


  .modal-content-wrapper{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


.modal-content{
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  margin-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  width: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.modal-close{
  right: 1rem;
  top: 1rem;
  z-index: 999;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.25rem;
  line-height: 1.7;
}


.modal-close span {
    --x-close-thickness: 1px;
    position: relative;
    cursor: pointer;
    border-radius: 9999px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: box-shadow;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    width: 1em;
    height: 1em;
  }


.modal-close span:hover::before,.modal-close span:hover::after{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.modal-close span::before,.modal-close span::after{
  position: absolute;
  display: block;
  width: 100%;
      /* box-shadow: 0 0 1px 0 currentColor; */
      content: '';
      left: 0;
      top: 50%;
      height: var(--x-close-thickness);
      margin-top: calc(var(--x-close-thickness) * -0.5);
      background-color: currentColor;
      /* box-shadow: 0 0 1px 0 currentColor; */
      transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.modal-close span::before{
  --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));
}


.modal-close span::after{
  --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));
}


.modal-close span{
  box-sizing: content-box;
  display: block;
		border: 12px solid transparent;
}


.modal > .modal-close{
  position: fixed;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


.modal-content > .modal-close{
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


.modal-close:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
		background-color: #e5e7eb !important;
		transition-delay: 0s !important;
}


@media (max-width: 640px) {
		.modal > .modal-close{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
	}


/* -------------------------------------------------------------------------------------
	 body with active modal
------------------------------------------------------------------------------------- */


body.modal-active{
  overflow: hidden;
}


/* -------------------------------------------------------------------------------------
   modal dialog fade -In -Out Animation
------------------------------------------------------------------------------------- */


.modal .modal-background {
		opacity: 0;
		transition: opacity 0.3s ease-out 0s;
	}


.modal .modal-content {
		opacity: 0;
		transform: translateY(-10%);
		transition: opacity 0.3s ease-out 0.2s, transform 0.3s ease-out 0.2s;
	}


.modal .modal-close {
		opacity: 0;
		transform: translateY(-10%);
		transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s, color 0.3s ease-out 0s, background-color 0.3s ease-out 0s;
	}


.modal.open {
		display: flex;
	}


.modal.is-active {
		transition-delay: 0s;
	}


.modal.is-active .modal-background {
			opacity: 1;
		}


.modal.is-active .modal-content {
			opacity: 1;
			transform: translateY(0);
		}


.modal.is-active .modal-close {
			opacity: 1;
			transform: translateY(0);
		}


/* -------------------------------------------------------------------------------------
   T A B S

   Basic HTML markup:

  .tabs-nav-list and .tabs-content-list are optinal and can be omitted

  data-tab-contents ist an optional selector for the tab-content wrapper, if it is not nested inside the .tabs wrapper
  e.g. data-tab-contents="#tab-contents" or data-tab-contents=".tab-contents-01"

  data-tab-selected ist an optional option for the initial selected/ open tab
  must be an integer, starting with 1 for the tabs
  if you set it to 0 no tab will be selected
  e.g.
  data-tab-selected="2" --> 2nd tab will be selected
  data-tab-selected="0" --> none of the tabs will be selected

  data-tab-title will be used as tab title if tabs are generated dynamically
  in order to generate tabs dynamically you only have to omit the wrapper <div class="tabs-navigation">

  <div class="tabbed-content" data-tab-contents="[selector]" data-tab-selected="[int]">
    <div class="tabs-navigation">
        <ul class="tabs-nav-list">
          <li class="tabs-nav-item">Tab 01</li>
          <li class="tabs-nav-item">Tab 02</li>
          <li class="tabs-nav-item">Tab 03</li>
        </ul>
    </div>
    <div class="tabs-content">
        <div class="tabs-content-list">
          <div class="tabs-content-item" data-tab-title="Tab 01">Tab Content 01</div>
          <div class="tabs-content-item" data-tab-title="Tab 02">Tab Content 02</div>
          <div class="tabs-content-item" data-tab-title="Tab 03">Tab Content 03</div>
        </div>
    </div>
  </div>

------------------------------------------------------------------------------------- */


.tabs-content {
  display: grid;
}


.tabs-content-list {
  position: relative;
}


.tabs-content-item{
  position: relative;
  left: 0px;
  top: 0px;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out 0s;
}


.tabs-content-item .tabs-content-item-inner {
    overflow: hidden;
  }


[data-nav-direction=back] .tabs-content-item.active-tab {
			animation: FadeInFromLeft 0.3s cubic-bezier(.47,.01,.47,.99);
      animation-fill-mode: both;
		}


[data-nav-direction=back] .tabs-content-item.last-active-tab {
			animation: FadeOutToRight 0.3s cubic-bezier(.47,.01,.47,.99);
      animation-fill-mode: both;
		}


[data-nav-direction=forward] .tabs-content-item.active-tab {
			animation: FadeInFromRight 0.3s cubic-bezier(.47,.01,.47,.99);
      animation-fill-mode: both;
		}


[data-nav-direction=forward] .tabs-content-item.last-active-tab {
			animation: FadeOutToLeft 0.3s cubic-bezier(.47,.01,.47,.99);
      animation-fill-mode: both;
		}


.tabs-content-item:not(.active-tab){
  opacity: 0;
}


/* &.last-active-tab {
    transition-delay: 1s;
	} */


.tabs-content-item.active-tab{
  position: relative;
  z-index: 10;
  height: auto;
    grid-template-rows: 1fr;
}


.tabs-navigation {
  --nav-item-bg: var(--form-bg-color);
  --nav-item-bg-hover: var(--form-bg-color-hover);
  --nav-item-active-bg: hsl(0, 100%, 40%);
  --nav-item-active-bg-hover: var(--nav-item-active-bg);

  width: 100%;
}


.tabs-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
}


.tabs-nav-item{
  border-radius: 0px;
  display: flex;
  padding: .5em 1em;
  cursor: pointer;
  background-color: var(--nav-item-bg);
  transition: scale 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.tabs-nav-item:not(.active-tab):hover {
      scale: 1.05;
      background-color: var(--nav-item-bg-hover);
    }


.tabs-nav-item.active-tab {
    font-weight: bold;
    color: white;
    cursor: default;
    background-color: var(--nav-item-active-bg);
  }


.tabs-nav-item.active-tab:hover {
      background-color: var(--nav-item-active-bg-hover);
    }


/* -------------------------------------------------------------------------------------
   buttons
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
	 collapser / read more
------------------------------------------------------------------------------------- */


.collapser {
	--maxh: 1600px;
	position: relative;
	padding-top: 4px;
	padding-bottom: 24px;
	max-height: var(--maxh);
	overflow: hidden;
}


.collapser::before {
		opacity: 0;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 110px;
		background-image: linear-gradient(to bottom, transparent, white 66%);
	}


.collapser .collapser__toggle {
		position: absolute;
		bottom: 0;
		left: 0;
	}


.collapser .collapser__toggle::before {
			content: attr(data-title-expanded);
			font-size: inherit;
		}


.collapser.initialized {
		transition: max-height 0.3s ease-out 0s;
	}


.collapser.collapsed {
		max-height: 120px;
	}


.collapser.collapsed::before {
			opacity: 1;
		}


.collapser.collapsed .collapser__toggle::before {
				content: attr(data-title-collapsed);
			}


/* -------------------------------------------------------------------------------------
  R E A D M O R E
   Collapser toggle for readmore text sections

   Basic HTML markup:

   <p>Some Text goeas here ...</p>
   <div class="more-text">
    <div class="more-content"><p>Dies ist der mehr Text.</p></div>
    <a href="#" class="more-link" data-title-show="mehr" data-title-hide="weniger">mehr</a>
  </div>

  After initialization the more-content div will be wrapped in a div class more-content-wrapper.
  Result:
   <div class="more-text">
    <div class="more-content-wrapper"><div class="more-content"><p>Dies ist der mehr Text.</p></div></div>
    <a href="#" class="more-link" data-title-show="mehr" data-title-hide="weniger">mehr</a>
  </div>
------------------------------------------------------------------------------------- */


.more-text {
	--maxh: 1600px;
}


.more-text .more-content-wrapper {
		overflow: hidden;
		transition: max-height 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
	}


.more-text .more-link::before {
			content: attr(data-title-show);
		}


.more-text.more-open .more-content-wrapper {
			max-height: var(--maxh);
		}


.more-text.more-open .more-link::before {
				content: attr(data-title-hide);
			}


.more-text.initialized:not(.more-open) .more-content-wrapper {
				max-height: 0;
			}


/* -------------------------------------------------------------------------------------
  V I D E O   E M B E D S

  Use the php function video ( $args ) {  } in functions/helper.php
  to embed videos.

  Basic HTML markup:

  <div class="video">
    <div class="video__thumb"><img src="previewImgUrl.jpg"></div>
    <div class="video__video"></div>';
  </div>';
------------------------------------------------------------------------------------- */


.video {
	background-color: black;
}


.video__thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	z-index: 3;
	background-color: black;
	overflow: hidden;
	transition: opacity 0.6s cubic-bezier(.47,.01,.47,.99) 0s, z-index 0.8s step-end 0s;
}


.video-play .video__thumb {
		opacity: 0;
		z-index: 1;
	}


.video__thumb:hover img {
			opacity: 0.7;
			transform: scale(1.2);
		}


.video__thumb:hover .button-play {
			transform: scale(1.1);
		}


.video__thumb img {
		position: absolute;
		inset: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.7s cubic-bezier(.47,.01,.47,.99) 0s;
	}


.video__thumb .button-play {
		color: #fff;
		display: block;
		position: relative;
		z-index: 2;
		width: 80px;
		height: 80px;
		transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0.2s;
	}


.video__thumb .button-play:hover {
			transform: scale(1.25);
		}


.video__video {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 2;
}


.video__video iframe, .video__video video {
		width: 100%;
		height: 100%;
	}


/* -------------------------------------------------------------------------------------
   Stylable Scrollbars S I M P L E B A R
   https://grsmto.github.io/simplebar/
   https://github.com/Grsmto/simplebar/

   Usage: Set class scrollable on the element you want your custom scrollbar. You're done.

   <div class="scrollable"></div>

   generates:

   <div class="scrollable">
    <div class="simplebar-wrapper">
      <div class="simplebar-mask">
        <div class="simplebar-offset">
          <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
            <div class="simplebar-content">

            </div>
          </div>
        </div>
      </div>
    </div>
   </div>

------------------------------------------------------------------------------------- */


.simplebar-content-wrapper{
  overscroll-behavior: contain;
}


/* -------------------------------------------------------------------------------------
   Google Maps Style
------------------------------------------------------------------------------------- */


/* Info Window */


.gm-style .gm-style-iw {
    border-radius: 0;
    padding: 0;
  }


.gm-style .gm-style-iw-d {
    padding: 0;
    overflow-y: auto !important;
  }


/* Da ist das X zum schließen drin */


.gm-style .gm-style-iw-chr {
    height: 0;
    background-color: black;
  }


.gm-style button.gm-ui-hover-effect {
    width: 14px !important;
    height: 14px !important;
    top:12px !important;
    right: 12px !important;
  }


.gm-style button.gm-ui-hover-effect span {
      display: none !important;
    }


.gm-style button.gm-ui-hover-effect::before {
      content: '';
      display: block;
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22white%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2C2L22%2C22%22%20%2F%3E%3Cpath%20d%3D%22M22%2C2L2%2C22%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      transition: transform 0.3s ease-out 0s;
    }


.gm-style button.gm-ui-hover-effect:hover::before {
        transform: rotate(90deg);
      }


/* .gm-style { */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Content Section Scroll Indicator
   If a Content Section/ Module is set to Screen Height, you can add Scroll Indicator
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body.is-scrolled .section-scroll-indicator {
  opacity: 0;
}


.section-scroll-indicator {
  --indicator-size: 40px;
  --indicator-stroke: 2px;
  --indicator-speed: 3s;
  --indicator-size-4-3: calc(var(--indicator-size) * 4 / 3);
  --indicator-size-4--6: calc(var(--indicator-size) * 4 / -6);
  --indicator-size-4-6: calc(var(--indicator-size) * 4 / 6);
  --indicator-size-2-3: calc(var(--indicator-size) * 2 / 3);
  --indicator-size--6: calc(var(--indicator-size) / -6);
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 1s;
}


.section-scroll-indicator-link{
  position: relative;
  display: block;
  cursor: pointer;
  width: var(--indicator-size);
  height: var(--indicator-size);
}


.section-scroll-indicator-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 15%;
    width: 100%;
    height: 100%;
    border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
    border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
    transform: translate(var(--indicator-stroke),var(--indicator-size-4-3)) rotate(-45deg);
    animation: scroll-indicator var(--indicator-speed) linear infinite;
  }


.section-scroll-indicator-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 15%;
    width: 100%;
    height: 100%;
    border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
    border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
    transform: translate(var(--indicator-size-2-3),0px) rotate(-45deg);
    animation: scroll-indicator var(--indicator-speed) linear infinite calc(var(--indicator-speed) / -2);
  }


@keyframes scroll-indicator {
  0% {
      border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
      border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
      transform: translate(var(--indicator-size--6),var(--indicator-size-4--6)) rotate(-45deg) ;
  }
  10%, 90% {
      border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
      border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
  }
  50% {
      border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
      border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
      transform: translate(var(--indicator-size--6),0px) rotate(-45deg) ;
  }
  100% {
      border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
      border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
      transform: translate(var(--indicator-size--6),var(--indicator-size-4-6)) rotate(-45deg) ;
  }
}


/* -------------------------------------------------------------------------------------
   Toggles
   Toggles for Accordions or Readmore Sections + | -
------------------------------------------------------------------------------------- */


/* =====================================================================================
   Icons inserted by JS
===================================================================================== */


[class*="has-icon-"] {
  display: inline-flex;
  align-items: center;
}


[class*="has-icon-"] >.icon {
    height: 1em;
    width: auto;
  }


/* =====================================================================================
   Style for Links
===================================================================================== */


/* @layer components { */


/* -------------------------------------------------------------------------------------
   main menu
   › customize almost everything by adjusting the settings varibales
   › typographic styles like font and active state styles can be set in the classes:
      .smu-mainmenu-item-level-1
      .smu-mainmenu-submenu
   › settings for the desktop version (e.g. display horizontal or vertically) can be
     set in mainmenu-desktop.css
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   mainmenu-desktop
------------------------------------------------------------------------------------- */


@keyframes menu-item-hover {
  to {
    width: 100%;
    opacity: 1;
  }
}


@keyframes menu-item-hout {
  to {transform: rotate(0deg);}
}


@media (min-width: 800px) {

  /* =====================================================================================
      GLOBAL SETTINGS MENU
      Overwrite menu settings defined in file://./menus.css
   ===================================================================================== */
  body {
    --menu-font-size: clamp(1rem, 1.2121212121212122 * 1vw, 1.5rem);
    --menu-link-color-level-1: currentColor;
    --menu-link-padding-level-1: clamp(0.375rem, 0.6060606060606061 * 1vw, 0.75rem);
    --menu-link-color-level-1-hover: currentColor;
    --menu-link-color-level-1-active: currentColor;
    --menu-link-accent-color-level-1: rgba(0,0,0, 0.85);

   /* --menu-icon-size: 1.2em; */
   --menu-icon-shift-percent: 30;

   --submenu-link-color: currentColor;
   --submenu-link-color-hover: currentColor;
   --submenu-link-color-active: #fff;
   --submenu-link-accent-color: #fff;

   --menu-toggle-color: white;
   --menu-toggle-bgcolor: transparent;
   --menu-toggle-bgcolor-hover: var(--submenu-bgcolor);
   --submenu-bgcolor: var(--menu-link-accent-color-level-1);
   --submenu-borderradius: 5px;
   --submenu-icon: url("data:image/svg+xml;utf8,%3Csvg%20height%3D%220.7em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22%23fff%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M2%202l9%209-9%209%22%2F%3E%3C%2Fsvg%3E%0A");
   --submenu-font-size: 0.9em;

   --submenu-fadein-delay: 0.2s;
   --submenu-fadein-gap: 0.05s; /* &.header-as-topbar { */

  }

   body .mainmenu{
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

    /* -------------------------------------------------------------------------------------
    header as sidebar (menu vertical)
    ------------------------------------------------------------------------------------- */
    body.header-as-sidebar {
      /* --submenu-padding: 0.5em; */
      --menu-icon-opacity: 0.5;

    }
        body.header-as-sidebar .mainmenu .mainmenu-menu {
          flex-direction: column;
          align-items: flex-start;
        }

          body.header-as-sidebar .mainmenu .mainmenu-menu .menu-item {
            display: flex;
            flex-direction: column;
            width: 100%;
          }

          body.header-as-sidebar .mainmenu .mainmenu-menu .sub-menu {
            padding: 0.5rem;
          }

      body.header-as-sidebar .menu-toggle {

      }

      body.header-as-sidebar .mainmenu-wrapper {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      body.header-as-sidebar .mainmenu--elements {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }

      body.header-as-sidebar .mainmenu--footer {
        --align: start; /* start, center, end */ margin-top: auto; margin-top: 5rem; display: flex; flex-direction: column; gap: 1rem; line-height: 1.5; --tw-text-opacity: 1; color: hsl(0 0% 100% / var(--tw-text-opacity));
        align-items: var(--align);
        text-align: var(--align);
      }

        body.header-as-sidebar .mainmenu--footer a{
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
  }


body.header-as-sidebar .mainmenu--footer a:hover{
    text-underline-offset: 3px;
  }


body.header-as-sidebar .mainmenu--footer a  {
	transition: all 0.3s ease-out 0s;
}

          body.header-as-sidebar .mainmenu--footer a:hover{
    text-decoration-color: currentColor;
  }

        body.header-as-sidebar .mainmenu--footer .site-address {
          font-style: normal;
          text-align: var(--align);
        }

          body.header-as-sidebar .mainmenu--footer .site-address .site-owner {
            font-weight: bold;
          }
            body.header-as-sidebar .mainmenu--footer .site-address .address-block >* {
              justify-content: var(--align);
            }

        body.header-as-sidebar .mainmenu--footer .mainmenu--footer--contact {
          align-items: var(--align);
        }

        body.header-as-sidebar .mainmenu--footer .legal-menu {
          display: flex;
          gap: 10px;
          justify-content: center;
        }

      body.header-as-sidebar .mainmenu--scroll-container {
        display: block;
        overflow: initial;
        width: auto;
        height: auto;
      } /* &.header-as-sidebar { */

    /* -------------------------------------------------------------------------------------
       header as topbar (menu horizontal)
    ------------------------------------------------------------------------------------- */
    body.header-as-topbar {
      --submenu-padding: 1.5rem 2.5rem;
      --menu-icon-opacity: 0;

    }

      body.header-as-topbar .mainmenu--footer {
        display: none;
      }

      body.header-as-topbar .mainmenu--scroll-container {
        display: block;
        overflow: initial;
        width: auto;
        height: auto;
      }

        body.header-as-topbar .mainmenu .mainmenu-menu { /* .menu-item-has-children { */

        }

          /* First Level Menu Items */
            body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper {
              padding-block-start: var(--menu-link-padding-level-1);
              padding-block-end: var(--menu-link-padding-level-1);
              padding-inline: calc(var(--menu-link-padding-level-1) * 2);

            }

              body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper >a {
                white-space: nowrap;
              }

              body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper .menu-icon {
                display: none;
              }

              body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper::before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                box-sizing: content-box;
                height: 100%;
                width: 100%;
                border-radius: 100px;
                background-color: var(--menu-link-accent-color-level-1);
                z-index: 1;

                /* transform-origin: right center; */
                scale: 0.8 1;
                opacity: 0;
                transition: scale 0.4s ease-out 0.1s, opacity 0.3s ease-out 0s;

                animation: menu-item-hout 0.3s ease-out both;
              } /*  > .menu-item-wrapper { */
              body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item:hover > .menu-item-wrapper, body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item.is-open > .menu-item-wrapper {
                scale: 1.05 1.05;
              }

                body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item:hover > .menu-item-wrapper::before, body.header-as-topbar .mainmenu .mainmenu-menu > .menu-item.is-open > .menu-item-wrapper::before {
                  /* transform-origin: left center; */
                  scale: 1 1;
                  opacity: 1;
                  transition-delay: 0s, 0.1s;
                  /* animation: menu-item-hover 0.3s ease-out both; */
                } /* > .menu-item { */

            body.header-as-topbar .mainmenu .mainmenu-menu .menu-item-has-children .menu-toggle {
              display: none;
            }

            body.header-as-topbar .mainmenu .mainmenu-menu .menu-item-has-children .sub-menu {
              position: absolute;
              top: 100%;
              white-space: nowrap;
              background-color: var(--submenu-bgcolor);
              border-radius: var(--submenu-borderradius);
            }

                body.header-as-topbar .mainmenu .mainmenu-menu .menu-item-has-children .sub-menu .menu-item > .menu-item-wrapper {
                  margin-left: calc( var(--menu-icon-size) * -1 );
                }

            /* box arrow for submenus ▲ */
            body.header-as-topbar .mainmenu .mainmenu-menu .menu-item-has-children::before {
              --translate-x: -50%;
              --translate-y: 7px;
              content: '';
              display: block;
              position: absolute;
              left: 50%;
              bottom: 0;
              width: 0;
              height: 0;
              translate: var(--translate-x) var(--translate-y);
              opacity: 0;
              border: 7px solid var(--submenu-bgcolor);
              border-left-color: transparent;
              border-right-color: transparent;
              border-top-color: transparent;
              transition: opacity 0.2s linear 0s, translate 0.2s linear 0s;
            }
              body.header-as-topbar .mainmenu .mainmenu-menu .menu-item-has-children.is-open::before {
                opacity: 1;
                --translate-y: 0;
                transition-delay: 0.2s, 0.2s;
              } /* body */

  /* =====================================================================================
       Menu general Settings (fits header-as-sidebar AND header-as-topbar)
    ===================================================================================== */

      /* First Level Menu Items */
        .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper {
          position: relative;
          transition: scale 0.4s ease-out 0.3s;

        }

          .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper >a {
            position: relative;
            background-color: transparent;
            z-index: 2;
          }

          .mainmenu .mainmenu-menu > .menu-item > .menu-item-wrapper .menu-icon {
            z-index: 2;
          }

  .mainmenu-menu{
    gap: 0.25rem;
  }

    /* Level 1 */

    .mainmenu-menu >.menu-item {

    }


  /* -------------------------------------------------------------------------------------
      general menu fade-in styles on page load
   ------------------------------------------------------------------------------------- */
      .mainmenu.fade-in-menu .mainmenu-menu >.menu-item {
        opacity: 0;
        transform: translate(0, -5px);
        transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
        /* nth-child animation, see file://./../../utilities/effects.css */
    --fadein-delay: 2s;
    --fadein-gap:   0.5s;
      }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(1)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  1 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(2)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  2 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(3)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  3 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(4)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  4 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(5)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  5 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(6)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  6 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(7)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  7 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(8)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  8 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(9)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  9 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(10) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 10 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(11) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 11 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(12) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 12 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(13) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 13 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(14) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 14 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(15) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 15 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(16) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 16 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(17) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 17 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(18) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 18 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(19) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 19 )); }
    .mainmenu.fade-in-menu .mainmenu-menu >.menu-item:nth-child(20) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 20 )); }
      .mainmenu.fade-in-menu .mainmenu-menu >.menu-item {
        --fadein-delay: var(--submenu-fadein-delay);
        --fadein-gap: var(--submenu-fadein-gap);
      }
        .mainmenu.fade-in-menu.initialized .mainmenu-menu >.menu-item {
          opacity: 1;
          transform: translate(0, 0);
        }

  /* =====================================================================================
      Menu Background
   ===================================================================================== */
  .mainmenu--bg {
    display: none;
  }

  /* =====================================================================================
       Menu Elements
    ===================================================================================== */

  .mainmenu--header {
    display: none;
  }

}


/* -------------------------------------------------------------------------------------
   general menu expand/ collapse animations/ transitions
------------------------------------------------------------------------------------- */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   M O B I L E / B U R G E R  M E N U
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


:root {
  --menu-bg-size-open: 40;
  --menu-bg-color: black;
}


@media (max-width: 799px) {

  /* =====================================================================================
      Menu Wrapper
   ===================================================================================== */

  .mainmenu-wrapper{
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 900;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, box-shadow 0.3s cubic-bezier(.47,.01,.47,.99) 0s;

    --menu-padding-top: clamp(6.25rem, 8.080808080808081 * 1vw, 10rem);
    --menu-padding-bottom: clamp(5rem, 8.080808080808081 * 1vw, 10rem);
  }

    .mainmenu-wrapper .mobile-menu-toggle {
      position: absolute;
      right: var(--menu-toggle-position);
      top: var(--menu-toggle-position);
    }

  .menu-fadeout .mainmenu-wrapper {
    opacity: 0 !important;
    transition-delay: 0.4s !important;
    transition-duration: 0.5s !important;
  }


  /* =====================================================================================
       Menu
    ===================================================================================== */

  .mainmenu{
    z-index: 800;
    display: flex;
    max-height: 0px;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 0px;
    transition: max-height 1s step-end;
  }

  .menu-open .mainmenu {
    max-height: 500vh;
    transition-timing-function: step-start;
  }

  .mainmenu-menu{
    display: flex;
    flex-direction: column;
    align-items: inherit;
    width: auto;
    max-width: 85%;
  }

    .mainmenu-menu >.menu-item {
      display: block;
      width: 100%;
      opacity: 0;
      transform: translate(40px, 0);
      transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
      /* nth-child animation, see file://./../../utilities/effects.css */
    --fadein-delay: 2s;
    --fadein-gap:   0.5s;
    }
    .mainmenu-menu >.menu-item:nth-child(1)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  1 )); }
    .mainmenu-menu >.menu-item:nth-child(2)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  2 )); }
    .mainmenu-menu >.menu-item:nth-child(3)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  3 )); }
    .mainmenu-menu >.menu-item:nth-child(4)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  4 )); }
    .mainmenu-menu >.menu-item:nth-child(5)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  5 )); }
    .mainmenu-menu >.menu-item:nth-child(6)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  6 )); }
    .mainmenu-menu >.menu-item:nth-child(7)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  7 )); }
    .mainmenu-menu >.menu-item:nth-child(8)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  8 )); }
    .mainmenu-menu >.menu-item:nth-child(9)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  9 )); }
    .mainmenu-menu >.menu-item:nth-child(10) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 10 )); }
    .mainmenu-menu >.menu-item:nth-child(11) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 11 )); }
    .mainmenu-menu >.menu-item:nth-child(12) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 12 )); }
    .mainmenu-menu >.menu-item:nth-child(13) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 13 )); }
    .mainmenu-menu >.menu-item:nth-child(14) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 14 )); }
    .mainmenu-menu >.menu-item:nth-child(15) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 15 )); }
    .mainmenu-menu >.menu-item:nth-child(16) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 16 )); }
    .mainmenu-menu >.menu-item:nth-child(17) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 17 )); }
    .mainmenu-menu >.menu-item:nth-child(18) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 18 )); }
    .mainmenu-menu >.menu-item:nth-child(19) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 19 )); }
    .mainmenu-menu >.menu-item:nth-child(20) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 20 )); }

    .mainmenu-menu >.menu-item {
      --fadein-delay: 0s;
      --fadein-gap:   0.1s;
    }

      .mainmenu-menu >.menu-item .menu-item-wrapper {
        padding-right: 0;
      }

    @media (orientation:portrait) {
        /* width: calc(100% - 60px); */
        /* max-width: 400px; */
        /* margin-inline: auto; */
          .mainmenu-menu >.menu-item >a::after, .mainmenu-menu >.menu-item .menu-item-link > a::after{
      transform-origin: left;
    }
    }
      .menu-open .mainmenu-menu >.menu-item {
         --fadein-delay: 0.6s;
         opacity: 1;
         transform: translate(0, 0);
      }



  /* =====================================================================================
      Menu Background
   ===================================================================================== */

   .mainmenu--bg {
    --bg-offset: calc(100vmax * 0.4);
    --bg-width: 60px;
    --bg-height: 30px;
    --bg-scale: 50;
  }
    @media (orientation: landscape) {

   .mainmenu--bg {
      --bg-scale: calc( var(--bg-scale) * 2 )
  }
    }
    .mainmenu--bg{
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    transition-property: width, height;
    transform-style: preserve-3d;
    transition-duration: 1s;
    transition-timing-function: step-end;
  }

    .mainmenu--bg::before {
      content: '';
      color: transparent;
      position: absolute;
      left: calc(50% - ( var(--bg-width) / 2 ));
      top: calc(var(--bg-offset) * -0.5 );
      z-index: 0;
      width: var(--bg-width);
      height: var(--bg-height);
      transform: scale(1);
      border-radius: 50%;
      background-color: currentColor;
      transform-origin: center top;
      transform-style: preserve-3d;
      transition: transform 0.6s cubic-bezier(.47,.01,.47,.99) 0.6s, color 0.8s cubic-bezier(.47,.01,.47,.99) 1.1s, background-color 1.1s cubic-bezier(.47,.01,.47,.99) 0.6s, border-radius 0.6s cubic-bezier(.47,.01,.47,.99) 0.6s;
    }

  /* -------------------------------------------------------------------------------------
     Unload Page Mode
  ------------------------------------------------------------------------------------- */
  /* .unload-page .mainmenu-wrapper {
    .mainmenu--bg {
      &::before {
        transform: scale(100) !important;
      }
    }
  } */

  /* -------------------------------------------------------------------------------------
      Set a background-color for menu
   ------------------------------------------------------------------------------------- */
  .mainmenu--bg-icon {
    display: none;
  }

  /* -------------------------------------------------------------------------------------
      or set an svg as background-image
   ------------------------------------------------------------------------------------- */
  /* .mainmenu--bg {
      background-color: transparent;
   }
   .mainmenu--bg-icon {
      color: inherit;
      width: 100%;
      height: 100%;
   } */
    .anchor-nav .mainmenu--bg-icon {
      transition-duration: 0.5s;
    }

    .menu-open .mainmenu--bg {
      width: 100vw;
      height: 100vh;
      height: 100dvh;
      transition-timing-function: step-start;
    }

      .menu-open .mainmenu--bg::before {
        color: var(--menu-bg-color);
        transform: scale( var(--bg-scale) );
        transition-delay: 0.2s, 0s, 0s, 0.2s;
        transition-duration: 0.5s;
      }


  /* =====================================================================================
       Menu Elements
    ===================================================================================== */

  .mainmenu--elements{
    position: fixed;
    inset: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;

    --logo-fade-delay: 0.5s;
    --logo-fade-duration: 0.7s;
    --logo-hide-delay: 0.9s;
    --logo-hide-func: step-start;
    --elements-padding: 2rem;

    height: 100vh;
    height: 100dvh;
    transition: height var(--logo-hide-delay) var(--logo-hide-func),
    top var(--logo-hide-delay) var(--logo-hide-func);
  }

  .mainmenu--header {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    min-height: var(--menu-toggle-size);
    padding-block: var(--header-padding);
  }

    .mainmenu--header > * {
      transition: opacity var(--logo-fade-duration) cubic-bezier(.47,.01,.47,.99) var(--logo-fade-delay);
    }


  .mainmenu--logo {
    --logo-color-1: red;
    height: var(--header-logo-h);
    transform-origin: top left;
    transform: scale(2.4);
  }

    .mainmenu--logo a{
    display: block;
    height: 100%;
    width: auto;
  }

      .mainmenu--logo a svg, .mainmenu--logo a img{
    height: 100%;
    width: auto;
  }

  .mainmenu--scroll-container{
    position: relative;
    width: 100vw;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-block: 20px;
    /* Verlauf für gefadeten Scroll nach oben und unten */
    -webkit-mask: linear-gradient(0deg, transparent, white 40px, white calc(100% - 40px), transparent);
    mask: linear-gradient(0deg, transparent, white 40px, white calc(100% - 40px), transparent);
  }

    body:not(.menu-open) .mainmenu--elements{
    top: 0px;
    height: 0px;

      /* --elements-padding: 0 !important; */
      --logo-fade-delay: 0s;
      --logo-hide-func: step-end;
      --logo-fade-duration: 0.5s;
  }
      body:not(.menu-open) .mainmenu--header > * {
        opacity: 0;
      }
      body:not(.menu-open) .mainmenu--header::before {
        opacity: 0;
      }

  .mainmenu--address{
    margin-top: 1rem;
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.7;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

    @media (orientation:portrait) {

  .mainmenu--address {
      display: none
  }
    }

    .mainmenu--address .site-address{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-style: normal;
  }



	.headline .mainmenu--address .site-address {
		color: currentColor;
	}


.headline.mainmenu--address .site-address {
		place-self: center;
	}

      .mainmenu--address .site-address .site-owner{
    font-weight: 700;
  }
        .mainmenu--address .site-address .address span {
          display: inline-block;
        }
            .mainmenu--address .site-address .address span.address-city::before {
              content: ', ';
            }

    .mainmenu--address span {
      opacity: 0;
      transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
    --fadein-delay: 2s;
    --fadein-gap:   0.5s;
    }
    .mainmenu--address span:nth-child(1)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  1 )); }
    .mainmenu--address span:nth-child(2)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  2 )); }
    .mainmenu--address span:nth-child(3)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  3 )); }
    .mainmenu--address span:nth-child(4)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  4 )); }
    .mainmenu--address span:nth-child(5)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  5 )); }
    .mainmenu--address span:nth-child(6)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  6 )); }
    .mainmenu--address span:nth-child(7)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  7 )); }
    .mainmenu--address span:nth-child(8)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  8 )); }
    .mainmenu--address span:nth-child(9)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  9 )); }
    .mainmenu--address span:nth-child(10) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 10 )); }
    .mainmenu--address span:nth-child(11) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 11 )); }
    .mainmenu--address span:nth-child(12) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 12 )); }
    .mainmenu--address span:nth-child(13) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 13 )); }
    .mainmenu--address span:nth-child(14) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 14 )); }
    .mainmenu--address span:nth-child(15) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 15 )); }
    .mainmenu--address span:nth-child(16) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 16 )); }
    .mainmenu--address span:nth-child(17) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 17 )); }
    .mainmenu--address span:nth-child(18) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 18 )); }
    .mainmenu--address span:nth-child(19) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 19 )); }
    .mainmenu--address span:nth-child(20) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 20 )); }

    .mainmenu--address span {
      --fadein-delay: 0s;
      --fadein-gap: 0.1s;
    }
    .menu-open .mainmenu--address span {
      --fadein-delay: 0.9s;
      opacity: 0.7;
    }

  .mainmenu--legal-menu{
    padding-right: 1rem;
    font-size: .875rem;
    line-height: 1.7;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

    .mainmenu--legal-menu .legal-menu{
    display: flex;
    gap: 1rem;
  }
      .mainmenu--legal-menu li a{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .mainmenu--footer{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 640px){


    .mainmenu--footer{
      max-width: 640px;
      padding-right: 32px;
      padding-left: 32px;
    }
  }

  @media (min-width: 768px){


    .mainmenu--footer{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){


    .mainmenu--footer{
      max-width: 1024px;
      padding-right: 64px;
      padding-left: 64px;
    }
  }

  @media (min-width: 1280px){


    .mainmenu--footer{
      max-width: 1280px;
      padding-right: 80px;
      padding-left: 80px;
    }
  }

  @media (min-width: 1536px){


    .mainmenu--footer{
      max-width: 1536px;
      padding-right: 96px;
      padding-left: 96px;
    }
  }

  .mainmenu--footer{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }


@media ( max-width:479px ) {
    .m-text--text.mainmenu--footer {
      padding-inline: 0;
    }
  }


.m-facts > .mainmenu--footer {
		background-color: inherit;
	}


.content-section >.mainmenu--footer {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}

  .mainmenu--footer {
    padding-block: var(--elements-padding);
  }

    .mainmenu--footer > * > a,
    .mainmenu--footer > a,
    .mainmenu--footer li {
      display: block;
      opacity: 0;
      transform: translateY(30%);
      transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
    --fadein-delay: 2s;
    --fadein-gap:   0.5s;
    }
    .mainmenu--footer > * > a:nth-child(1),
    .mainmenu--footer > a:nth-child(1),
    .mainmenu--footer li:nth-child(1)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  1 )); }
    .mainmenu--footer > * > a:nth-child(2),
    .mainmenu--footer > a:nth-child(2),
    .mainmenu--footer li:nth-child(2)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  2 )); }
    .mainmenu--footer > * > a:nth-child(3),
    .mainmenu--footer > a:nth-child(3),
    .mainmenu--footer li:nth-child(3)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  3 )); }
    .mainmenu--footer > * > a:nth-child(4),
    .mainmenu--footer > a:nth-child(4),
    .mainmenu--footer li:nth-child(4)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  4 )); }
    .mainmenu--footer > * > a:nth-child(5),
    .mainmenu--footer > a:nth-child(5),
    .mainmenu--footer li:nth-child(5)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  5 )); }
    .mainmenu--footer > * > a:nth-child(6),
    .mainmenu--footer > a:nth-child(6),
    .mainmenu--footer li:nth-child(6)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  6 )); }
    .mainmenu--footer > * > a:nth-child(7),
    .mainmenu--footer > a:nth-child(7),
    .mainmenu--footer li:nth-child(7)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  7 )); }
    .mainmenu--footer > * > a:nth-child(8),
    .mainmenu--footer > a:nth-child(8),
    .mainmenu--footer li:nth-child(8)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  8 )); }
    .mainmenu--footer > * > a:nth-child(9),
    .mainmenu--footer > a:nth-child(9),
    .mainmenu--footer li:nth-child(9)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  9 )); }
    .mainmenu--footer > * > a:nth-child(10),
    .mainmenu--footer > a:nth-child(10),
    .mainmenu--footer li:nth-child(10) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 10 )); }
    .mainmenu--footer > * > a:nth-child(11),
    .mainmenu--footer > a:nth-child(11),
    .mainmenu--footer li:nth-child(11) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 11 )); }
    .mainmenu--footer > * > a:nth-child(12),
    .mainmenu--footer > a:nth-child(12),
    .mainmenu--footer li:nth-child(12) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 12 )); }
    .mainmenu--footer > * > a:nth-child(13),
    .mainmenu--footer > a:nth-child(13),
    .mainmenu--footer li:nth-child(13) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 13 )); }
    .mainmenu--footer > * > a:nth-child(14),
    .mainmenu--footer > a:nth-child(14),
    .mainmenu--footer li:nth-child(14) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 14 )); }
    .mainmenu--footer > * > a:nth-child(15),
    .mainmenu--footer > a:nth-child(15),
    .mainmenu--footer li:nth-child(15) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 15 )); }
    .mainmenu--footer > * > a:nth-child(16),
    .mainmenu--footer > a:nth-child(16),
    .mainmenu--footer li:nth-child(16) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 16 )); }
    .mainmenu--footer > * > a:nth-child(17),
    .mainmenu--footer > a:nth-child(17),
    .mainmenu--footer li:nth-child(17) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 17 )); }
    .mainmenu--footer > * > a:nth-child(18),
    .mainmenu--footer > a:nth-child(18),
    .mainmenu--footer li:nth-child(18) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 18 )); }
    .mainmenu--footer > * > a:nth-child(19),
    .mainmenu--footer > a:nth-child(19),
    .mainmenu--footer li:nth-child(19) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 19 )); }
    .mainmenu--footer > * > a:nth-child(20),
    .mainmenu--footer > a:nth-child(20),
    .mainmenu--footer li:nth-child(20) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 20 )); }

    .mainmenu--footer > * > a,
    .mainmenu--footer > a,
    .mainmenu--footer li {
      --fadein-delay: 0s;
      --fadein-gap: 0.1s;
    }

      .mainmenu--footer > * > a svg,
      .mainmenu--footer > * > a >a,
      .mainmenu--footer > a svg,
      .mainmenu--footer > a >a,
      .mainmenu--footer li svg,
      .mainmenu--footer li >a {
        opacity: 0.7;
        transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
      }

        .mainmenu--footer > * > a svg:hover, .mainmenu--footer > * > a >a:hover, .mainmenu--footer > a svg:hover, .mainmenu--footer > a >a:hover, .mainmenu--footer li svg:hover, .mainmenu--footer li >a:hover {
          opacity: 1;
          transform: scale(1.2);
        }
    .menu-open .mainmenu--footer > * > a,
    .menu-open .mainmenu--footer > a,
    .menu-open .mainmenu--footer li {
      --fadein-delay: 1s;
      opacity: 1;
      transform: translateY(0);
    }




}


/* @media (max-width: theme('screens.menuSwitchToMobile')) { */


/** -------------------------------------------------------------------------------------
*	mobile menu toggle/ Burger Menu
* you can set thickness, height and width of the whole burger and the single lines
*
* --thickness:  thickness of a single burger line NOTE: if you set the thickness to 1px,
*               consider to acitvate the box-shadow in .mobile-menu-toggle span
  ALIGN LEFT:   In order to align the burger lines left, set left: 0
                in .mobile-menu-toggle span
  ALIGN RIGHT:  In order to align the burger lines right, change 'left: 0' to 'right: 0'
                in .mobile-menu-toggle span
* ------------------------------------------------------------------------------------- **/


:root {
  --menu-toggle-size: clamp(48px, 5.8vw, 100px);
  --menu-toggle-position: clamp(10px, 2.3vw, 40px);
  --menu-toggle-color: hsl(0, 100%, 40%);
  --menu-toggle-clickeffect-color: white;
  --menu-toggle-open-color: white;
}


.mobile-menu-toggle {
  --thickness: 3px;
  --width: 100%;
  --height: 100%;
  --open-close-delay: 0.8s;
  --item-top-width: 44%;
  --item-center-width: 31%;
  --item-bottom-width: 35%;

  display: block;
  box-sizing: border-box;
  width: var(--menu-toggle-size);
  height: var(--menu-toggle-size);
  position: relative;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0.1s;
}


@media ( min-width: 800px ) {


.mobile-menu-toggle {
    display: none
}
  }


@media (max-width:1400px) {


.mobile-menu-toggle {
    --thickness: 2px
}
  }


.mobile-menu-toggle .bar {
    color: var(--menu-toggle-color);
    display: block;
    height: var(--thickness);
    position: absolute;
    right: 28%;
    background-color: currentColor;
    transition: all 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
    transform-origin: center;
    transform: translate3d(5px,0,0);
    opacity: 0;
  }


/* box-shadow: 0 0 1px 0 currentColor; */


.mobile-menu-toggle .bar:nth-child(1) {
      width: var(--item-top-width);
      top: 36%;
      transition-delay: calc( var(--open-close-delay) + 0.1s );
    }


.mobile-menu-toggle .bar:nth-child(2) {
      width: var(--item-center-width);
      top: calc(50% - ( var(--thickness) * 0.5) );
      transition-delay: calc( var(--open-close-delay) + 0.3s );
    }


.mobile-menu-toggle .bar:nth-child(3) {
      width: var(--item-bottom-width);
      top: calc(64% - var(--thickness));
      transition-delay: calc( var(--open-close-delay) + 0.2s );
    }


.mobile-menu-toggle.initialized .bar {
      transform: translate3d(0,0,0);
      opacity: 1;
    }


.mobile-menu-toggle:hover {
    transform: scale(1.1);
  }


.mobile-menu-toggle .sound-open, .mobile-menu-toggle .sound-close {
    position: absolute;
    inset: 0;
    z-index: 2;
  }


.mobile-menu-toggle .sound-open {
    display: block;
  }


.mobile-menu-toggle .sound-close {
    display: none;
  }


/* color: var(--menu-color); */


.mobile-menu-toggle.menu-open .bar:nth-child(1), .mobile-menu-toggle.menu-open .bar:nth-child(3), .menu-open .mobile-menu-toggle .bar:nth-child(1), .menu-open .mobile-menu-toggle .bar:nth-child(3) {
        top: calc(50% - ( var(--thickness) * 0.5) );
      }


.mobile-menu-toggle.menu-open .bar:nth-child(1), .menu-open .mobile-menu-toggle .bar:nth-child(1) {
        width: 44%;
        transform: translate3d(0,0,0) rotate(135deg);
        transition-delay: calc( var(--open-close-delay) + 0.3s );
      }


.mobile-menu-toggle.menu-open .bar:nth-child(2), .menu-open .mobile-menu-toggle .bar:nth-child(2) {
        width: 0;
        transition-delay: var(--open-close-delay);
      }


.mobile-menu-toggle.menu-open .bar:nth-child(3), .menu-open .mobile-menu-toggle .bar:nth-child(3) {
        width: 44%;
        transform: translate3d(0,0,0) rotate(-135deg);
        transition-delay: calc( var(--open-close-delay) + 0.4s );
      }


.mobile-menu-toggle.menu-open .sound-close, .menu-open .mobile-menu-toggle .sound-close {
      display: block;
    }


.mobile-menu-toggle.menu-open .sound-open, .menu-open .mobile-menu-toggle .sound-open {
      display: none;
    }


body {
   transition: background-color 0.3s ease-in-out 1s;
}


body.menu-open {
      overflow: hidden; /* disable body scroll when menu is open */
      background-color: var(--menu-bg-color);
      transition-delay: 0.1s;
   }


/* =====================================================================================
   GLOBAL SETTINGS MENU
   Is used for mobile menu and can be overwritten in file://./mainmenu-desktop.css
===================================================================================== */


:root {
   --menu-font-size: 28px;
   --menu-link-color-level-1: currentColor;
   --menu-link-padding-level-1: clamp(0rem, 0.8080808080808081 * 1vw, 1rem);
   --menu-link-color-level-1-hover: currentColor;
   --menu-link-color-level-1-active: currentColor;
   --menu-link-accent-color-level-1: rgba(15, 15, 15, 0.8);

   --menu-icon-opacity: 1;
   --menu-icon-size: 1.2em;        /* Icon wrapper width with INCLUDING gap to menu item text */
   --menu-icon-shift-percent: 20;  /*  in Percent (1-100) How much should the menu item be shifted left/right on hover */

   --submenu-padding: 0.5em;
   --submenu-link-color: rgba(255,255,255, 0.8);
   --submenu-link-color-hover: rgba(255,255,255, 0.9);
   --submenu-link-color-active: rgba(255,255,255, 1);
   --submenu-link-accent-color: rgba(255,255,255, 0.1);

   --menu-toggle-color: currentColor;
   --menu-toggle-bgcolor: rgba(255, 255, 255, 0.1);
   --submenu-icon: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%227%22%20height%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22%23fff%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M2%202l9%209-9%209%22%2F%3E%3C%2Fsvg%3E%0A");
   --submenu-font-size: 0.9em;

   --submenu-fadein-delay: 0.2s;
   --submenu-fadein-gap: 0.05s;
}


.mainmenu{
  background-color: transparent;
  font-family: Inter, sans-serif;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
   font-size: var(--menu-font-size);
}


.mainmenu .menu-item a {
      margin-bottom: -0.1em;
   }


/* -------------------------------------------------------------------------------------
general styles
------------------------------------------------------------------------------------- */


.mainmenu-menu {
   display: flex;
}


/* .mainmenu-menu { */


.menu-item-desc {
   font-weight: normal;
   display: block;
   font-size: 0.7em;
   opacity: 0.5;
}


/* @layer components { */


/* -------------------------------------------------------------------------------------
   general menu-item default styles :hover styles and transitions
------------------------------------------------------------------------------------- */


/* Level 1 */


.mainmenu-menu >.menu-item {
      display: block;
   }


.mainmenu-menu >.menu-item >.menu-item-wrapper > a{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
         font-weight: 600;
         color: var(--menu-link-color-level-1);
         position: relative;
         display: block;
}


/* active menu-item state */


.mainmenu-menu >.menu-item.current-menu-item .menu-item-wrapper > a, .mainmenu-menu >.menu-item.current_page_item .menu-item-wrapper > a, .mainmenu-menu >.menu-item.current-menu-ancestor .menu-item-wrapper > a, .mainmenu-menu >.menu-item.current-menu-parent .menu-item-wrapper > a {
         /* @apply font-semibold; */
         color: var(--menu-link-color-level-1-active);
      }


.mainmenu-menu >.menu-item >.menu-item-wrapper{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}


/* Level 2 and deeper */


.mainmenu-menu .menu-item-has-children .menu-toggle {
    --toggle-thickness: 1.5px;
    --toggle-bg-color: rgba(255, 255, 255, 0.3);
    position: relative;
    cursor: pointer;
    border-radius: 9999px;
    width: 1em;
    height: 1em;
    transition: background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, box-shadow 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
  }


.mainmenu-menu .menu-item-has-children .menu-toggle:hover {
      background-color: var(--toggle-bg-color);
      box-shadow: 0 0 0 10px var(--toggle-bg-color);
    }


.mainmenu-menu .menu-item-has-children .menu-toggle::before,.mainmenu-menu .menu-item-has-children .menu-toggle::after{
  position: absolute;
  display: block;
  width: 100%;
      content: '';
      left: 0;
      top: 50%;
      height: var(--toggle-thickness);
      margin-top: calc(var(--toggle-thickness) * -0.5);
      background-color: currentColor;
      box-shadow: 0 0 1px 0 currentColor;
      transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.mainmenu-menu .menu-item-has-children .menu-toggle::before{
  --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));
}


.mainmenu-menu .menu-item-has-children .menu-toggle::after{
  --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));
}


.mainmenu-menu .menu-item-has-children .menu-toggle.is-open::before,.mainmenu-menu .menu-item-has-children .menu-toggle.is-open::after{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.mainmenu-menu .menu-item-has-children .menu-toggle {
      color: var(--menu-toggle-color);
      --toggle-bg-color: var(--menu-toggle-bgcolor);
      font-size: .8em;
      z-index: 2;
   }


.mainmenu-menu .menu-item-has-children .menu-toggle:hover {
         --toggle-bg-color: var(--menu-toggle-bgcolor-hover);
      }


.mainmenu-menu .sub-menu{
  font-weight: 400;
  text-transform: none;
      /* If --submenu-font-size is lower than 1em
      the deeper the submenu is nested the smaller the font-size  */
      font-size: var(--submenu-font-size);
}


.mainmenu-menu .sub-menu .menu-item .menu-item-wrapper > a{
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25;
            color: var(--submenu-link-color);
}


.mainmenu-menu .sub-menu .menu-item .menu-item-wrapper > a:hover {
               color: var(--submenu-link-color-hover);
            }


.mainmenu-menu .sub-menu {
      padding: var(--submenu-padding);
   }


.mainmenu-menu .sub-menu .menu-item > .menu-item-wrapper {
            --menu-icon-shift: calc( var(--menu-icon-size) * (var(--menu-icon-shift-percent) / 100 ) ); /* How much should the menu item be shifted left/right on hover */
            --menu-item-shift-negative: calc(var(--menu-icon-shift) * -1 );

            display: flex;
            align-items: center;
            opacity: 1;
            transition: transform 0.4s ease-out 0s, opacity 0.4s ease-out 0s, color 0.4s ease-out 0s, background-color 0.4s ease-out 0s;
         }


.mainmenu-menu .sub-menu .menu-item > .menu-item-wrapper >* {
               min-width: 0;
            }


.mainmenu-menu .sub-menu .menu-item > .menu-item-wrapper .menu-icon {
               order: -1;
               width: var(--menu-icon-size);
               opacity: var(--menu-icon-opacity);
               transform: translateX(var(--menu-item-shift-negative));
               transition: opacity 0.3s ease-out 0.2s, transform 0.3s ease-out 0.2s;
            }


.mainmenu-menu .sub-menu .menu-item > .menu-item-wrapper:hover {
               opacity: 1;
               transform: translateX(var(--menu-icon-shift));
               transition-duration: 0.2s;
            }


.mainmenu-menu .sub-menu .menu-item > .menu-item-wrapper:hover .menu-icon {
                  opacity: 1;
                  transform: translateX(0);
               }


.mainmenu-menu .sub-menu .menu-item.current-menu-item, .mainmenu-menu .sub-menu .menu-item.current_page_item, .mainmenu-menu .sub-menu .menu-item.current-menu-ancestor, .mainmenu-menu .sub-menu .menu-item.current-menu-parent{
  font-weight: 500;
      color: var(--submenu-link-color-active);
}


.mainmenu-menu .sub-menu .menu-item.current-menu-item > .menu-item-wrapper, .mainmenu-menu .sub-menu .menu-item.current_page_item > .menu-item-wrapper, .mainmenu-menu .sub-menu .menu-item.current-menu-ancestor > .menu-item-wrapper, .mainmenu-menu .sub-menu .menu-item.current-menu-parent > .menu-item-wrapper {
               opacity: 1;
            }


/* -------------------------------------------------------------------------------------
   general menu expand/ collapse animations/ transitions
------------------------------------------------------------------------------------- */


.mainmenu-menu .menu-item {
      position: relative;
   }


.mainmenu-menu .menu-item-has-children > .menu-item-wrapper > a {
         cursor: pointer;
      }


.mainmenu-menu .menu-item-has-children .sub-menu {
         --menu-h: 0;
         transition: max-height 0.3s cubic-bezier(.47,.01,.47,.99) 0s, padding 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
      }


.mainmenu-menu .menu-item-has-children .sub-menu.is-initialized {
            max-height: 0;
            overflow: hidden;
         }


.mainmenu-menu .menu-item-has-children .sub-menu.is-initialized:not(.is-open) {
               padding-block: 0;
            }


.mainmenu-menu .menu-item-has-children .sub-menu >.menu-item {
            opacity: 0;
            transform: translate(0, -5px);
            transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
         }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu {
            max-height: var(--menu-h);
         }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item {
               opacity: 1;
               transform: translate(0, 0);
               /* nth-child animation, see utilities/effects.css */
    --fadein-delay: 2s;
    --fadein-gap:   0.5s;
            }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(1)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  1 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(2)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  2 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(3)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  3 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(4)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  4 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(5)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  5 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(6)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  6 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(7)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  7 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(8)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  8 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(9)  { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) *  9 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(10) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 10 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(11) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 11 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(12) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 12 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(13) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 13 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(14) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 14 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(15) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 15 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(16) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 16 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(17) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 17 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(18) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 18 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(19) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 19 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item:nth-child(20) { transition-delay: calc(var(--fadein-delay) + ( var(--fadein-gap) * 20 )); }


.mainmenu-menu .menu-item-has-children.is-open >.sub-menu >.menu-item {
               --fadein-delay: var(--submenu-fadein-delay);
               --fadein-gap:   var(--submenu-fadein-gap);
            }


/* -------------------------------------------------------------------------------------
   Navigation Tabs
------------------------------------------------------------------------------------- */


.nav-tabs {
  position: fixed;
  inset: auto 0 0 0;
  display: flex;
  justify-content: center;
}


.nav-tabs ul{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.5rem;
}


.nav-tabs .nav-tab {
    --nav-tav-padding: .8em;
    --nav-tav-translate: .2em;
    --nav-tav-padding-big: calc( var(--nav-tav-padding) + var(--nav-tav-translate) );
    min-height: 3.5rem;
    min-width: 3.5rem;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1.3rem;
    color: white;
    white-space: nowrap;
    translate: 0 var(--nav-tav-translate);
    transition: translate 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
    box-shadow: 0 0 100px rgba(0,0,0, 0.2);
  }


.nav-tabs .nav-tab a{
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
      gap: .8ch;
      padding: var(--nav-tav-padding) var(--nav-tav-padding) var(--nav-tav-padding-big) var(--nav-tav-padding);
      border-radius: inherit;
      transition: all 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.nav-tabs .nav-tab a svg {
        color: inherit;
        height: 1.3em;
        width: auto;
      }


.nav-tabs .nav-tab:hover {
      translate: 0 0;
    }


.nav-tabs .nav-tab:hover a{
  background-color: hsl(0 100% 40% / 0.9);
}


@media (min-width: 800px)
  {


.nav-tabs {
    inset: 200px 0 auto auto
}

    .nav-tabs ul{
    flex-direction: column;
  }

    .nav-tabs .nav-tab{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
      translate: var(--nav-tav-translate)  0;
  }

      .nav-tabs .nav-tab a {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        padding: var(--nav-tav-padding) var(--nav-tav-padding-big) var(--nav-tav-padding) var(--nav-tav-padding);
      }


        .nav-tabs .nav-tab a svg {
          rotate: 90deg;
        }
  }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Table Opening Hours
   general styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.table-opening-hours {
  color: currentColor;
  border-collapse: collapse;
}


.table-opening-hours td {
    color: currentColor;
  }


.table-opening-hours-day {
  padding: 0.2em 0.2em 0.2em 0;
}


.table-opening-hours-time {
  padding: 0.2em 0 0.2em 0.2em;
}


/* -------------------------------------------------------------------------------------
   Utilities
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   hyphens
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   effects
------------------------------------------------------------------------------------- */


/* @layer utilities */


/* -------------------------------------------------------------------------------------
   FadeIn on page load
------------------------------------------------------------------------------------- */


.show-onload {
  --translate: 0;
  --speed: 0.5s;
  --ease: ease-out;
  --prop: opacity;
  opacity: 0;
  translate: var(--translate);
  transition-property: var(--prop);
  transition-timing-function: var(--ease);
  transition-duration: var(--speed);
}


.show-onload.from-top, .show-onload.from-bottom {
    --prop: var(--prop) translate;
  }


.show-onload.from-top    { --translate: 0 -10px; }


.show-onload.from-bottom { --translate: 0 10px; }


.show-onload.from-left   { --translate: -10px 0; }


.show-onload.from-right  { --translate: 10px 0; }


.page-loaded .show-onload {
    --translate: unset;
    opacity: unset;
  }


/* -------------------------------------------------------------------------------------
   S L A N T
   Schräge Hintergründe
------------------------------------------------------------------------------------- */


.slant {
  --slant-size-s: clamp(30px, 6vw, 60px);
  --slant-size-m: clamp(60px, 12vw, 120px);
  --slant-size-l: clamp(90px, 18vw, 180px);
  --slant-size-xl: clamp(120px, 24vw, 240px);

  --slant-size-top: var(--slant-size-m);
  --slant-size-bottom: var(--slant-size-m);

  --slant-top-left: 0px;
  --slant-top-right: 0px;
  --slant-bottom-right: 0px;
  --slant-bottom-left: 0px;
}


.slant[class*=slant-size-top-]:not(.slant-overlay-top) {
    border-top: var(--slant-size-top) solid transparent;
    /* margin-top: var(--slant-size-top); */
  }


.slant[class*=slant-size-bottom-]:not(.slant-overlay-bottom) {
    border-bottom: var(--slant-size-bottom) solid transparent;
    /* margin-bottom: var(--slant-size-bottom); */
  }


.slanted {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}


.slanted[class*=slant-top-] {
    top: calc(var(--slant-size-top) * -1);
  }


.slanted[class*=slant-bottom-] {
    bottom: calc(var(--slant-size-bottom) * -1);
  }


.slanted{

  clip-path:
    polygon(
      0 var(--slant-top-left),
      100% var(--slant-top-right),
      100% calc(100% - var(--slant-bottom-right)),
      0 calc(100% - var(--slant-bottom-left))
    );
}


.slant-size-top-s {
  --slant-size-top: var(--slant-size-s);
}


.slant-size-bottom-s {
  --slant-size-bottom: var(--slant-size-s);
}


.slant-size-top-m {
  --slant-size-top: var(--slant-size-m);
}


.slant-size-bottom-m {
  --slant-size-bottom: var(--slant-size-m);
}


.slant-size-top-l {
  --slant-size-top: var(--slant-size-l);
}


.slant-size-bottom-l {
  --slant-size-bottom: var(--slant-size-l);
}


.slant-size-top-xl {
  --slant-size-top: var(--slant-size-xl);
}


.slant-size-bottom-xl {
  --slant-size-bottom: var(--slant-size-xl);
}


.slant-top-left {
  --slant-top-right: var(--slant-size-top);
}


.slant-top-right {
  --slant-top-left: var(--slant-size-top);
}


.slant-bottom-left {
  --slant-bottom-right: var(--slant-size-bottom);
}


.slant-bottom-right {
  --slant-bottom-left: var(--slant-size-bottom);
}


/* @layer base {

} */


/* -------------------------------------------------------------------------------------
    Fonts
    Don't forget to apply font-display: swap; in @font-face rules
    Body and Headline Font-Families are defined in the file: file://./../../../../tailwind.theme.js
------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('/wp-content/themes/gina/assets/fonts/InterVariable.woff2') format('woff2'),
         url('/wp-content/themes/gina/assets/fonts/InterVariable.ttf') format('truetype');
    font-weight: 100 900; /* Hier den Bereich für Schriftschnitt festlegen */
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('/wp-content/themes/gina/assets/fonts/Montserrat-VF.woff2') format('woff2'),
         url('/wp-content/themes/gina/assets/fonts/Montserrat-VF.ttf') format('truetype');
    font-weight: 100 900; /* Hier den Bereich für Schriftschnitt festlegen */
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('/wp-content/themes/gina/assets/fonts/Montserrat-Italic-VF.woff2') format('woff2'),
         url('/wp-content/themes/gina/assets/fonts/Montserrat-Italic-VF.ttf') format('truetype');
    font-weight: 100 900; /* Hier den Bereich für Schriftschnitt festlegen */
    font-style: italic;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 Base Font Styles for WYSIWYG Content
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body{
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: hsl(0 0% 13% / var(--tw-text-opacity));
	/* font-body is defined in file://./../../../../tailwind.theme.js (extend › fontFamily › body) */
	/* text-body is defined in file://./../../../../theme.json (color › body-text) */
}


/* -------------------------------------------------------------------------------------
	Headlines
------------------------------------------------------------------------------------- */


.headline{
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


/* font-headline is defined in file://./../../../../tailwind.theme.js (extend › fontFamily › headline) */


.headline:not(.text-*),
	.headline .text-left,
	.headline .text-center,
	.headline .text-right {
		color: currentColor;
	}


.headline.text-left, .headline.has-text-align-left {
		place-self: flex-start;
	}


.headline.text-center, .headline.has-text-align-center {
		place-self: center;
	}


.headline.text-right, .headline.has-text-align-right {
		place-self: flex-end;
	}


.headline.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headline {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h1{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h1:not(.text-*),.h1 .text-left,.h1 .text-center,.h1 .text-right {
		color: currentColor;
	}


.h1.text-left,.h1.has-text-align-left {
		place-self: flex-start;
	}


.h1.text-center,.h1.has-text-align-center {
		place-self: center;
	}


.h1.text-right,.h1.has-text-align-right {
		place-self: flex-end;
	}


.h1.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h1 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h1 {
	font-size: clamp(2.5rem, 4.040404040404041 * 1vw, 5rem);
}


.h2{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h2:not(.text-*),.h2 .text-left,.h2 .text-center,.h2 .text-right {
		color: currentColor;
	}


.h2.text-left,.h2.has-text-align-left {
		place-self: flex-start;
	}


.h2.text-center,.h2.has-text-align-center {
		place-self: center;
	}


.h2.text-right,.h2.has-text-align-right {
		place-self: flex-end;
	}


.h2.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h2 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h2 {
	font-size: clamp(2.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.h3{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h3:not(.text-*),.h3 .text-left,.h3 .text-center,.h3 .text-right {
		color: currentColor;
	}


.h3.text-left,.h3.has-text-align-left {
		place-self: flex-start;
	}


.h3.text-center,.h3.has-text-align-center {
		place-self: center;
	}


.h3.text-right,.h3.has-text-align-right {
		place-self: flex-end;
	}


.h3.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h3 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h3 {
	font-size: clamp(1.875rem, 2.525252525252525 * 1vw, 3.125rem);
}


.h4{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h4:not(.text-*),.h4 .text-left,.h4 .text-center,.h4 .text-right {
		color: currentColor;
	}


.h4.text-left,.h4.has-text-align-left {
		place-self: flex-start;
	}


.h4.text-center,.h4.has-text-align-center {
		place-self: center;
	}


.h4.text-right,.h4.has-text-align-right {
		place-self: flex-end;
	}


.h4.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h4 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h4 {
	font-size: clamp(1.5rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.h5{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h5:not(.text-*),.h5 .text-left,.h5 .text-center,.h5 .text-right {
		color: currentColor;
	}


.h5.text-left,.h5.has-text-align-left {
		place-self: flex-start;
	}


.h5.text-center,.h5.has-text-align-center {
		place-self: center;
	}


.h5.text-right,.h5.has-text-align-right {
		place-self: flex-end;
	}


.h5.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h5 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h5 {
	font-size: clamp(1.375rem, 1.5151515151515151 * 1vw, 1.875rem);
}


.h6{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.h6:not(.text-*),.h6 .text-left,.h6 .text-center,.h6 .text-right {
		color: currentColor;
	}


.h6.text-left,.h6.has-text-align-left {
		place-self: flex-start;
	}


.h6.text-center,.h6.has-text-align-center {
		place-self: center;
	}


.h6.text-right,.h6.has-text-align-right {
		place-self: flex-end;
	}


.h6.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.h6 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.h6 {
	font-size: clamp(1.25rem, 1.3131313131313131 * 1vw, 1.625rem);
}


.headlines h1{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h1:not(.text-*),.headlines h1 .text-left,.headlines h1 .text-center,.headlines h1 .text-right {
		color: currentColor;
	}


.headlines h1.text-left,.headlines h1.has-text-align-left {
		place-self: flex-start;
	}


.headlines h1.text-center,.headlines h1.has-text-align-center {
		place-self: center;
	}


.headlines h1.text-right,.headlines h1.has-text-align-right {
		place-self: flex-end;
	}


.headlines h1.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h1 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h1 {
	font-size: clamp(2.5rem, 4.040404040404041 * 1vw, 5rem);
}


.headlines h2{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h2:not(.text-*),.headlines h2 .text-left,.headlines h2 .text-center,.headlines h2 .text-right {
		color: currentColor;
	}


.headlines h2.text-left,.headlines h2.has-text-align-left {
		place-self: flex-start;
	}


.headlines h2.text-center,.headlines h2.has-text-align-center {
		place-self: center;
	}


.headlines h2.text-right,.headlines h2.has-text-align-right {
		place-self: flex-end;
	}


.headlines h2.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h2 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h2 {
	font-size: clamp(2.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.headlines h3{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h3:not(.text-*),.headlines h3 .text-left,.headlines h3 .text-center,.headlines h3 .text-right {
		color: currentColor;
	}


.headlines h3.text-left,.headlines h3.has-text-align-left {
		place-self: flex-start;
	}


.headlines h3.text-center,.headlines h3.has-text-align-center {
		place-self: center;
	}


.headlines h3.text-right,.headlines h3.has-text-align-right {
		place-self: flex-end;
	}


.headlines h3.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h3 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h3 {
	font-size: clamp(1.875rem, 2.525252525252525 * 1vw, 3.125rem);
}


.headlines h4{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h4:not(.text-*),.headlines h4 .text-left,.headlines h4 .text-center,.headlines h4 .text-right {
		color: currentColor;
	}


.headlines h4.text-left,.headlines h4.has-text-align-left {
		place-self: flex-start;
	}


.headlines h4.text-center,.headlines h4.has-text-align-center {
		place-self: center;
	}


.headlines h4.text-right,.headlines h4.has-text-align-right {
		place-self: flex-end;
	}


.headlines h4.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h4 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h4 {
	font-size: clamp(1.5rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.headlines h5{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h5:not(.text-*),.headlines h5 .text-left,.headlines h5 .text-center,.headlines h5 .text-right {
		color: currentColor;
	}


.headlines h5.text-left,.headlines h5.has-text-align-left {
		place-self: flex-start;
	}


.headlines h5.text-center,.headlines h5.has-text-align-center {
		place-self: center;
	}


.headlines h5.text-right,.headlines h5.has-text-align-right {
		place-self: flex-end;
	}


.headlines h5.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h5 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h5 {
	font-size: clamp(1.375rem, 1.5151515151515151 * 1vw, 1.875rem);
}


.headlines h6{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.headlines h6:not(.text-*),.headlines h6 .text-left,.headlines h6 .text-center,.headlines h6 .text-right {
		color: currentColor;
	}


.headlines h6.text-left,.headlines h6.has-text-align-left {
		place-self: flex-start;
	}


.headlines h6.text-center,.headlines h6.has-text-align-center {
		place-self: center;
	}


.headlines h6.text-right,.headlines h6.has-text-align-right {
		place-self: flex-end;
	}


.headlines h6.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.headlines h6 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.headlines h6 {
	font-size: clamp(1.25rem, 1.3131313131313131 * 1vw, 1.625rem);
}


@media (max-width:400px) {
		[class*=h1].chars-20 {
			font-size: 30px;
		}
		[class*=h1].chars-25 {
			font-size: 28px;
		}
		[class*=h1].chars-30 {
			font-size: 26px;
		}
		[class*=h2].chars-20 {
			font-size: 28px;
		}
		[class*=h2].chars-25 {
			font-size: 26px;
		}
		[class*=h2].chars-30 {
			font-size: 24px;
		}
}


/* -------------------------------------------------------------------------------------
		Links
------------------------------------------------------------------------------------- */


.content-a-color  {
	color: var(--accent-color);
}


.content-a-style{
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}


.content-a-style:hover{
  text-underline-offset: 3px;
}


.content-a-style  {
	transition: all 0.3s ease-out 0s;
}


.content-a  {
	color: var(--accent-color);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}


.content-a:hover{
  text-underline-offset: 3px;
}


.content-a  {
	transition: all 0.3s ease-out 0s;
}


/* -------------------------------------------------------------------------------------
		Paragraph
------------------------------------------------------------------------------------- */


.content-p {
	margin-block: 0;
	padding-block: 0.7em;
}


/* Inline Image  */


.content-p img {
		display: inline;
	}


.content-p img:not([style*=width]) {
			height: 1em;
			width: auto;
		}


/* -------------------------------------------------------------------------------------
		Lists unordered
------------------------------------------------------------------------------------- */


.content-ul {
	list-style: none;
	padding: 0;
	margin-block: 1em;
}


.content-ul li {
		position: relative;
		padding-bottom: 0.4em;
		padding-left: 1.5em;

	}


.content-ul li:last-child {
			padding-bottom: 0;
		}


/* &:has(.list-item-icon) {
			display: flex;
		} */


.content-ul li .list-item-icon{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
			left: 0;
			top: -0.1em;
			height: 1lh;
}


.content-ul li .list-item-icon svg {
				color: var(--accent-color);
				display: block;
				line-height: inherit;
				height: 1em;
				width: 1em;
			}


/* Inline Image  */


.content-ul li img {
			display: inline;
		}


.content-ul li img:not([style*=width]) {
				height: 1em;
				width: auto;
			}


/* Admin/ Gutenberg */


.content-ul li div[class*=block-editor] {
			display: inline-block;
		}


/* -------------------------------------------------------------------------------------
			 untergeordnete Liste
		------------------------------------------------------------------------------------- */


.content-ul li ul {
			padding-top: .3em;
		}


.content-ul:not([class*=list-style-]) {
		margin-left: 2em;
	}


.content-ul:not([class*=list-style-]) >li {
			padding-left: 0;
		}


.content-ul:not([class*=list-style-]) >li::marker {
				content: '• ';
				font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
				letter-spacing: -0.2em;
			}


/* List Styles Types */


.is-style-2col-list {
	-moz-column-count: 1;
	column-count: 1;
	-moz-column-gap: 3em;
	column-gap: 3em;
}


@media (min-width: 640px) {


.is-style-2col-list {
		-moz-column-count: 2;
		column-count: 2
}
	}


/* -------------------------------------------------------------------------------------
		Lists ordered
------------------------------------------------------------------------------------- */


.content-ol {
	list-style-type: decimal;
	margin: initial;
	margin-left: 0.3em;
	padding: 0 0 0 1em;
}


.content-ol >li {
		padding-left: 0.1em;
		margin-bottom: 0.4em;
	}


.content-ol >li::marker{
  font-weight: 600;
			color: var(--accent-color);
}


/* -------------------------------------------------------------------------------------
		blockquote
	------------------------------------------------------------------------------------- */


.content-blockquote {
	quotes: '„' '”' '‚' '’';
	margin-block: 1em;
	padding: 1em;
	border-left-width: 4px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));

}


.content-blockquote p{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 1.25em;
  line-height: 1.7;
  font-weight: 600;
  font-style: italic;
}


.content-blockquote p::before {
			content: open-quote;
			display: inline;
			padding-right: 3px;
		}


.content-blockquote p::after {
			content: close-quote;
			display: inline;
			padding-left: 3px;
		}


.content-blockquote cite{
  font-style: normal;
}


/* -------------------------------------------------------------------------------------
   TABLE RESET (csstricks.com)
------------------------------------------------------------------------------------- */


/* table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
} */


:root {
  --table-border-spacing: 5px;
}


table {
  border-collapse: separate;
  border-spacing: var(--table-border-spacing);
  background-color: transparent;
  border: none;
}


th, td{
  padding: 1em;
  border: none;
  border-radius: 2px;
}


/* th {
  color: #fff;
  background-color: theme('colors.primary');
} */


/* td {
  @apply bg-primary/5;
  color: theme('colors.cd.black');
} */


/* -------------------------------------------------------------------------------------
   H E A D E R
------------------------------------------------------------------------------------- */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Header as Topbar
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body:not(.header-as-sidebar) .header {
    --header-padding: clamp(0.625rem, 1.0101010101010102 * 1vw, 1.25rem);
    /* overwrite var from menu.css */
    /* --header-logo-h: fluidsize(100, 150); */
    display: flex;
    height: auto;
    width: 100vw;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--header-padding);
    z-index: 997;
    transition: var(--page-transition), translate 0.4s cubic-bezier(.47,.01,.47,.99) 0.2s;
  }


body:not(.header-as-sidebar).header-fixed .header{
  position: sticky;
  top: 0px;
}


body:not(.header-as-sidebar).header-fixed.admin-bar .header {
        top: 32px;
      }


@media (min-width: 800px) {


body:not(.header-as-sidebar) .mainmenu-wrapper {
      position: relative;
      display: flex;
      align-items: center
  }
    }


/* -------------------------------------------------------------------------------------
    Scroll dependend
  ------------------------------------------------------------------------------------- */


body:not(.header-as-sidebar).is-scrolled {
    /* --header-logo-h: fluidsize(20, 40); */
  }


body:not(.header-as-sidebar).is-scrolled[data-scroll-dir="1"] .header:not(:hover) {
      translate: 0 -100%;
    }


body:not(.header-as-sidebar).is-scrolled[data-scroll-dir="1"] .header--logo {
      transform: scale(1);
    }


/* -------------------------------------------------------------------------------------
      Header Logo
    ------------------------------------------------------------------------------------- */


body:not(.header-as-sidebar) .header--logo {
    height: var(--header-logo-h);
    width: auto;
    transition: filter 0.3s cubic-bezier(.47,.01,.47,.99) 0s, height 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.3s cubic-bezier(.47,.01,.47,.99) 0.3s;
    transform-origin: top left;
    transform: scale(2.4);
  }


body:not(.header-as-sidebar) .header--logo a{
  display: block;
  height: 100%;
  width: auto;
}


body:not(.header-as-sidebar) .header--logo a svg, body:not(.header-as-sidebar) .header--logo a img{
  height: 100%;
  width: auto;
}


/* -------------------------------------------------------------------------------------
     Wenn die erste Section ein Hintergrundbild hat
  ------------------------------------------------------------------------------------- */


body:not(.header-as-sidebar):has(.theme-main .content-section:first-child .content-section--bg-image) .header {
      --header-bg-color: transparent;
      position: fixed;
    }


/* -------------------------------------------------------------------------------------
      Header Elements
  ------------------------------------------------------------------------------------- */


body:not(.header-as-sidebar) .header--elements{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}


@media (min-width: 640px){


  body:not(.header-as-sidebar) .header--elements{
    max-width: 640px;
    padding-right: 32px;
    padding-left: 32px;
  }
}


@media (min-width: 768px){


  body:not(.header-as-sidebar) .header--elements{
    max-width: 768px;
  }
}


@media (min-width: 1024px){


  body:not(.header-as-sidebar) .header--elements{
    max-width: 1024px;
    padding-right: 64px;
    padding-left: 64px;
  }
}


@media (min-width: 1280px){


  body:not(.header-as-sidebar) .header--elements{
    max-width: 1280px;
    padding-right: 80px;
    padding-left: 80px;
  }
}


@media (min-width: 1536px){


  body:not(.header-as-sidebar) .header--elements{
    max-width: 1536px;
    padding-right: 96px;
    padding-left: 96px;
  }
}


body:not(.header-as-sidebar) .header--elements{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


@media ( max-width:479px ) {
    body.m-text--text:not(.header-as-sidebar) .header--elements {
      padding-inline: 0;
    }
  }


.m-facts > body:not(.header-as-sidebar) .header--elements {
		background-color: inherit;
	}


.content-section >body:not(.header-as-sidebar) .header--elements {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}


/* .header-as-topbar { */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Header as Sidebar
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body.header-as-sidebar { /* @screen menuSwitch { */

}


/* Mobile */


@media (max-width: 799px) {

    body.header-as-sidebar .header {
      --header-padding: clamp(0.625rem, 1.0101010101010102 * 1vw, 1.25rem);
      display: flex;
      height: auto;
      width: 100vw;
      align-items: center;
      justify-content: space-between;
      padding-block: var(--header-padding);
      transition: var(--page-transition), translate 0.4s cubic-bezier(.47,.01,.47,.99) 0.2s;
    }
      body.header-as-sidebar.header-fixed .header{
    position: sticky;
    top: 0px;
        z-index: 997;
  }
        body.header-as-sidebar.header-fixed:has(.theme-main .content-sections > .m-intro) .header{
    position: fixed;
  }
        body.header-as-sidebar.header-fixed.admin-bar .header {
          top: 32px;
        }
      body.header-as-sidebar.is-scrolled[data-scroll-dir="1"] .header:not(:hover) {
        translate: 0 -100%;
      }

    body.header-as-sidebar .header--elements{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

    @media (min-width: 640px){


    body.header-as-sidebar .header--elements{
      max-width: 640px;
      padding-right: 32px;
      padding-left: 32px;
    }
  }

    @media (min-width: 768px){


    body.header-as-sidebar .header--elements{
      max-width: 768px;
    }
  }

    @media (min-width: 1024px){


    body.header-as-sidebar .header--elements{
      max-width: 1024px;
      padding-right: 64px;
      padding-left: 64px;
    }
  }

    @media (min-width: 1280px){


    body.header-as-sidebar .header--elements{
      max-width: 1280px;
      padding-right: 80px;
      padding-left: 80px;
    }
  }

    @media (min-width: 1536px){


    body.header-as-sidebar .header--elements{
      max-width: 1536px;
      padding-right: 96px;
      padding-left: 96px;
    }
  }


@media ( max-width:479px ) {
    body.m-text--text.header-as-sidebar .header--elements {
      padding-inline: 0;
    }
  }


.m-facts > body.header-as-sidebar .header--elements {
		background-color: inherit;
	}


.content-section >body.header-as-sidebar .header--elements {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}

    body.header-as-sidebar .header--elements {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    body.header-as-sidebar .header--logo {
      height: var(--header-logo-h);
      width: auto;
    }

      body.header-as-sidebar .header--logo .logo-header-desktop {
        display: none;
      }
      body.header-as-sidebar .header--logo .logo-header-mobile {
        display: block;
      }
  }


/* Desktop */


@media (min-width: 800px) {

    body.header-as-sidebar .header {
      position: fixed;
      left: 0;
      top: 0;
      width: var(--sidebar-left);
      height: 100vh;
    }

    body.header-as-sidebar .header--logo{
    margin-bottom: 3.5rem;
    height: auto;
    width: 100%;
  }

      body.header-as-sidebar .header--logo .logo-header-desktop {
        display: block;
      }
      body.header-as-sidebar .header--logo .logo-header-mobile {
        display: none;
      }

    body.header-as-sidebar .mainmenu-wrapper {
      width: 100%;
    }

    body.header-as-sidebar .header--elements {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
      overflow-y: auto;
      overscroll-behavior-y: contain;
    }
  }


/* .header-as-sidebar */


/* =====================================================================================
   header global styles
===================================================================================== */


.header {
   --header-logo-h: clamp(1.875rem, 3.0303030303030303 * 1vw, 3.75rem);
   --header-padding: clamp(1.25rem, 4.040404040404041 * 1vw, 5rem);
   position: relative;
   --tw-bg-opacity: 1;
   background-color: hsl(0 0% 0% / var(--tw-bg-opacity));
}


/* backdrop-filter: saturate(180%) blur(40px); */


.dark .header{
  background-color: hsl(0 0% 0% / 0.2);
}


/* -------------------------------------------------------------------------------------
      Mainmenu inside header
   ------------------------------------------------------------------------------------- */


.header .header--elements .mainmenu-wrapper {
         position: relative;
         inset: initial;
      }


.header .header--elements .mainmenu-wrapper .mainmenu--bg {
            /* inset: initial; */
         }


.header .header--elements .mainmenu-wrapper .mobile-menu-toggle {
            position: relative;
            inset: initial;
         }


/* -------------------------------------------------------------------------------------
      ACF Seiten Option: Hide Logo
   ------------------------------------------------------------------------------------- */


.hide-header-logo .header .header--logo {
         visibility: hidden;
      }


/* =====================================================================================
   Topbar
===================================================================================== */


.header--topbar{
  display: flex;
  height: 3rem;
  width: 100%;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


/* -------------------------------------------------------------------------------------
   Post-Thumb / Hero Image
------------------------------------------------------------------------------------- */


.hero-wrapper{
  position: relative;
  width: 100%;
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}


.hero-wrapper .hero-img {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
   }


.hero-wrapper .hero-title {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
   }


.hero-wrapper .hero-title h1{
  --tw-translate-y: -20%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-family: Inter, sans-serif;
  font-weight: 700;
         font-size: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.hero-wrapper .hero-title h1 span:not(:has(span)),
         .hero-wrapper .hero-title h1 span > span{
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  --tw-rotate: -3deg;
  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));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


@media (min-width: 640px){


  .hero-wrapper .hero-title h1 span:not(:has(span)),
         .hero-wrapper .hero-title h1 span > span{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}


.hero-wrapper .hero-title h1 span:not(:has(span)):nth-child(2), .hero-wrapper .hero-title h1 span > span:nth-child(2){
  margin-top: 0.25rem;
  --tw-translate-x: 3rem;
  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));
}


.theme-main {
  min-height: 100vh;
}


@media (max-width:420px) {


.theme-main {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}
  }


.header-as-sidebar .theme-main {
  margin-left: 0;
}


@media (min-width:800px) {


.header-as-sidebar .theme-main {
    max-width: calc(100% - ( var(--sidebar-left) + 1px ));
    margin-left: calc(var(--sidebar-left) + 1px)
}

    .header-as-sidebar .theme-main .content-sections {
      max-width: 100%;
    }
  }


body.has-sidebar .theme-main .content-section-container {
    padding-inline: 0;
  }


.sidebar{
  position: sticky;
  top: 0px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3.5rem;
  padding-bottom: 5rem;
}


@media (min-width: 1024px){


  .sidebar{
    padding-top: 7rem;
  }
}


.sidebar .sidebar-box{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.sidebar .sidebar-box--nav{
  border-top-width: 20px;
  --tw-border-opacity: 1;
  border-color: hsl(0 100% 40% / var(--tw-border-opacity));
  padding: 2rem;
}


.sidebar .sidebar-box--related-text{
  padding: 2rem;
}


.sidebar ul.sidebarmenu-menu{
  font-size: 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.625;
}


@media (min-width: 1280px){


  .sidebar ul.sidebarmenu-menu{
    font-size: 1.5rem;
    line-height: 1.7;
  }
}


.sidebar ul.sidebarmenu-menu li a{
  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;
}


.sidebar ul.sidebarmenu-menu li a:hover{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.sidebar ul.sidebarmenu-menu >li {
      display: none;
    }


.sidebar ul.sidebarmenu-menu >li:is(.current-page-ancestor, .current-menu-item) {
        display: block;
      }


.sidebar ul.sidebarmenu-menu >li ul>li::before {
        content: '› ';
      }


.sidebar ul.sidebarmenu-menu >li ul>li{
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: 700;
  text-transform: none;
}


@media (min-width: 1280px){


  .sidebar ul.sidebarmenu-menu >li ul>li{
    font-size: 1.25rem;
    line-height: 1.7;
  }
}


.theme-footer{
  padding-top: 2rem;
  padding-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


.theme-footer .footer-menu ul {
      all: unset;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      max-width: 72rem;
      flex-direction: column;
      justify-content: space-between;
      row-gap: 0.75rem;
      text-align: center;
    }



	.headline .theme-footer .footer-menu ul {
		color: currentColor;
	}


.headline.theme-footer .footer-menu ul {
		place-self: center;
	}


@media (min-width: 768px){


  .theme-footer .footer-menu ul{
    flex-direction: row;
  }
}


.theme-footer .footer-menu ul li {
        all: unset;
        font-weight: 700;
        text-transform: uppercase;
      }


.theme-footer .footer-menu ul li ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 0px;
}


.theme-footer .footer-menu ul li ul li{
  font-weight: 400;
  text-transform: none;
}


.theme-footer a {
    color: currentColor !important;
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: transparent;
    transition: text-decoration-color 0.3s ease-out 0s;
  }


.theme-footer a:hover{
  text-decoration-color: currentColor;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   custom classes
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.text-accent {
  color: var(--accent-color);
}


.bg-accent {
  background-color: var(--accent-color);
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   custom form styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


:root {
  /* --form-bg-color: _hsla(theme('colors.primary'), 10%); */
  --form-font-size: clamp(16px, 1em, 32px);
  --form-bg-color: rgba(0,0,0, 0.05);
  --form-bg-color-hover: rgba(0,0,0, 0.1);
  --form-bg-color-focus: rgba(0,0,0, 0.15);
  --form-border-color: transparent;
  --form-border-color-hover: transparent;
  --form-border-color-focus: transparent;
  --form-padding-block: 0.8em;
  --form-padding-inline: 1.2em;
  --form-line-height: 1.3;
  --form-text-color: currentColor;
  --form-placeholder-color: rgba(0,0,0, 0.7);
}


*[class*=bg-cd-][data-color-mode=dark] {
    --form-bg-color: rgba(255,255,255, 0.2);
    --form-bg-color-hover: rgba(255,255,255, 0.25);
    --form-bg-color-focus: rgba(255,255,255, 0.3);
  }


*[class*=bg-cd-][data-color-mode=light] {
    --form-bg-color: rgba(255,255,255, 0.6);
    --form-bg-color-hover: rgba(255,255,255, 0.65);
    --form-bg-color-focus: rgba(255,255,255, 0.7);
  }


/* @layer components { */


.is-validating .form-submit {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20viewBox%3D%220%200%2020%2020%22%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20style%3D%22fill%3Awhite%22%3E%0A%20%20%3Cpath%20d%3D%22M1%2C10c0%2C4.967%204.033%2C9%209%2C9c4.967%2C0%209%2C-4.033%209%2C-9c0%2C-4.967%20-4.033%2C-9%20-9%2C-9l0%2C-1l0.065%2C0c5.489%2C0.035%209.935%2C4.502%209.935%2C10c0%2C5.519%20-4.481%2C10%20-10%2C10c-5.519%2C0%20-10%2C-4.481%20-10%2C-10l1%2C0Z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2010%2010%3B360%2010%2010%22%20times%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  }


input.no-style {
  --form-bg-color: transparent !important;
  --form-bg-color-hover: transparent !important;
  --form-bg-color-focus: transparent !important;
  --form-border-color-hover: transparent !important;
  --form-border-color-focus: transparent !important;
  --form-padding-block: 0 !important;
  --form-padding-inline: 0 !important;
  --form-line-height: 1 !important;
  --form-text-color: currentColor !important;
  --form-placeholder-color: rgba(0,0,0, 0.7) !important;
}


input[type="number"].no-arrows {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}


input[type="number"].no-arrows::-webkit-outer-spin-button,
  input[type="number"].no-arrows::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }


.theme-frontend :-webkit-autofill,
  .theme-frontend :-webkit-autofill:hover,
  .theme-frontend :-webkit-autofill:focus,
  .acf-block-preview :-webkit-autofill,
  .acf-block-preview :-webkit-autofill:hover,
  .acf-block-preview :-webkit-autofill:focus {
    border: 1px solid hsl(0, 100%, 94%) !important;
    -webkit-text-fill-color: black;
    box-shadow: 0 0 0px 1000px hsl(0, 100%, 94%) inset;
  }


.theme-frontend input:-internal-autofill-selected, .acf-block-preview input:-internal-autofill-selected {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend input:-internal-autofill-selected::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected::-moz-placeholder {
      -moz-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend input:-internal-autofill-selected::placeholder,.theme-frontend input:-internal-autofill-selected::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:-moz-placeholder,.theme-frontend input:-internal-autofill-selected::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:-ms-input-placeholder, .acf-block-preview input:-internal-autofill-selected::placeholder, .acf-block-preview input:-internal-autofill-selected::-webkit-input-placeholder, .acf-block-preview input:-internal-autofill-selected:-moz-placeholder, .acf-block-preview input:-internal-autofill-selected::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend input:-internal-autofill-selected::-moz-focus-inner, .acf-block-preview input:-internal-autofill-selected::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend input:-internal-autofill-selected:focus::-moz-placeholder, .theme-frontend input:-internal-autofill-selected:focus:hover::-moz-placeholder, .theme-frontend input:-internal-autofill-selected:not(.empty)::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty)::-moz-placeholder {
        opacity: 0.3;
      }


.theme-frontend input:-internal-autofill-selected:focus::placeholder,.theme-frontend input:-internal-autofill-selected:focus::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:-ms-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover:-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover:-ms-input-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty):-moz-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty):-ms-input-placeholder, .acf-block-preview input:-internal-autofill-selected:focus::placeholder, .acf-block-preview input:-internal-autofill-selected:focus::-webkit-input-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:-ms-input-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover::placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover::-webkit-input-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover:-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover:-ms-input-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty)::placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty)::-webkit-input-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty):-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty)::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend input:-internal-autofill-selected:focus,.theme-frontend input:-internal-autofill-selected:focus:hover,.theme-frontend input:-internal-autofill-selected:not(.empty), .acf-block-preview input:-internal-autofill-selected:focus, .acf-block-preview input:-internal-autofill-selected:focus:hover, .acf-block-preview input:-internal-autofill-selected:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend input:-internal-autofill-selected:hover, .acf-block-preview input:-internal-autofill-selected:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


/* -------------------------------------------------------------------------------------
    elements
  ------------------------------------------------------------------------------------- */


.theme-frontend form, .acf-block-preview form {
    /* font-size: 16px; */
  }


/* -------------------------------------------------------------------------------------
      text input elements
  ------------------------------------------------------------------------------------- */


.theme-frontend input[type="color"],
  .theme-frontend input[type="date"],
  .theme-frontend input[type="datetime"],
  .theme-frontend input[type="datetime-local"],
  .theme-frontend input[type="email"],
  .theme-frontend input[type="month"],
  .theme-frontend input[type="number"],
  .theme-frontend input[type="password"],
  .theme-frontend input[type="search"],
  .theme-frontend input[type="tel"],
  .theme-frontend input[type="text"],
  .theme-frontend input[type="time"],
  .theme-frontend input[type="url"],
  .theme-frontend input[type="week"],
  .theme-frontend input:not([type]),
  .theme-frontend textarea,
  .theme-frontend .login form .input,
  .theme-frontend .login input[type="text"],
  .acf-block-preview input[type="color"],
  .acf-block-preview input[type="date"],
  .acf-block-preview input[type="datetime"],
  .acf-block-preview input[type="datetime-local"],
  .acf-block-preview input[type="email"],
  .acf-block-preview input[type="month"],
  .acf-block-preview input[type="number"],
  .acf-block-preview input[type="password"],
  .acf-block-preview input[type="search"],
  .acf-block-preview input[type="tel"],
  .acf-block-preview input[type="text"],
  .acf-block-preview input[type="time"],
  .acf-block-preview input[type="url"],
  .acf-block-preview input[type="week"],
  .acf-block-preview input:not([type]),
  .acf-block-preview textarea,
  .acf-block-preview .login form .input,
  .acf-block-preview .login input[type="text"] {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend input[type="color"]::placeholder,.theme-frontend input[type="color"]::-webkit-input-placeholder,.theme-frontend input[type="color"]:-moz-placeholder,.theme-frontend input[type="color"]::-moz-placeholder,.theme-frontend input[type="color"]:-ms-input-placeholder,
  .theme-frontend input[type="date"]::placeholder,
  .theme-frontend input[type="date"]::-webkit-input-placeholder,
  .theme-frontend input[type="date"]:-moz-placeholder,
  .theme-frontend input[type="date"]::-moz-placeholder,
  .theme-frontend input[type="date"]:-ms-input-placeholder,
  .theme-frontend input[type="datetime"]::placeholder,
  .theme-frontend input[type="datetime"]::-webkit-input-placeholder,
  .theme-frontend input[type="datetime"]:-moz-placeholder,
  .theme-frontend input[type="datetime"]::-moz-placeholder,
  .theme-frontend input[type="datetime"]:-ms-input-placeholder,
  .theme-frontend input[type="datetime-local"]::placeholder,
  .theme-frontend input[type="datetime-local"]::-webkit-input-placeholder,
  .theme-frontend input[type="datetime-local"]:-moz-placeholder,
  .theme-frontend input[type="datetime-local"]::-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:-ms-input-placeholder,
  .theme-frontend input[type="email"]::placeholder,
  .theme-frontend input[type="email"]::-webkit-input-placeholder,
  .theme-frontend input[type="email"]:-moz-placeholder,
  .theme-frontend input[type="email"]::-moz-placeholder,
  .theme-frontend input[type="email"]:-ms-input-placeholder,
  .theme-frontend input[type="month"]::placeholder,
  .theme-frontend input[type="month"]::-webkit-input-placeholder,
  .theme-frontend input[type="month"]:-moz-placeholder,
  .theme-frontend input[type="month"]::-moz-placeholder,
  .theme-frontend input[type="month"]:-ms-input-placeholder,
  .theme-frontend input[type="number"]::placeholder,
  .theme-frontend input[type="number"]::-webkit-input-placeholder,
  .theme-frontend input[type="number"]:-moz-placeholder,
  .theme-frontend input[type="number"]::-moz-placeholder,
  .theme-frontend input[type="number"]:-ms-input-placeholder,
  .theme-frontend input[type="password"]::placeholder,
  .theme-frontend input[type="password"]::-webkit-input-placeholder,
  .theme-frontend input[type="password"]:-moz-placeholder,
  .theme-frontend input[type="password"]::-moz-placeholder,
  .theme-frontend input[type="password"]:-ms-input-placeholder,
  .theme-frontend input[type="search"]::placeholder,
  .theme-frontend input[type="search"]::-webkit-input-placeholder,
  .theme-frontend input[type="search"]:-moz-placeholder,
  .theme-frontend input[type="search"]::-moz-placeholder,
  .theme-frontend input[type="search"]:-ms-input-placeholder,
  .theme-frontend input[type="tel"]::placeholder,
  .theme-frontend input[type="tel"]::-webkit-input-placeholder,
  .theme-frontend input[type="tel"]:-moz-placeholder,
  .theme-frontend input[type="tel"]::-moz-placeholder,
  .theme-frontend input[type="tel"]:-ms-input-placeholder,
  .theme-frontend input[type="text"]::placeholder,
  .theme-frontend input[type="text"]::-webkit-input-placeholder,
  .theme-frontend input[type="text"]:-moz-placeholder,
  .theme-frontend input[type="text"]::-moz-placeholder,
  .theme-frontend input[type="text"]:-ms-input-placeholder,
  .theme-frontend input[type="time"]::placeholder,
  .theme-frontend input[type="time"]::-webkit-input-placeholder,
  .theme-frontend input[type="time"]:-moz-placeholder,
  .theme-frontend input[type="time"]::-moz-placeholder,
  .theme-frontend input[type="time"]:-ms-input-placeholder,
  .theme-frontend input[type="url"]::placeholder,
  .theme-frontend input[type="url"]::-webkit-input-placeholder,
  .theme-frontend input[type="url"]:-moz-placeholder,
  .theme-frontend input[type="url"]::-moz-placeholder,
  .theme-frontend input[type="url"]:-ms-input-placeholder,
  .theme-frontend input[type="week"]::placeholder,
  .theme-frontend input[type="week"]::-webkit-input-placeholder,
  .theme-frontend input[type="week"]:-moz-placeholder,
  .theme-frontend input[type="week"]::-moz-placeholder,
  .theme-frontend input[type="week"]:-ms-input-placeholder,
  .theme-frontend input:not([type])::placeholder,
  .theme-frontend input:not([type])::-webkit-input-placeholder,
  .theme-frontend input:not([type]):-moz-placeholder,
  .theme-frontend input:not([type])::-moz-placeholder,
  .theme-frontend input:not([type]):-ms-input-placeholder,
  .theme-frontend textarea::placeholder,
  .theme-frontend textarea::-webkit-input-placeholder,
  .theme-frontend textarea:-moz-placeholder,
  .theme-frontend textarea::-moz-placeholder,
  .theme-frontend textarea:-ms-input-placeholder,
  .theme-frontend .login form .input::placeholder,
  .theme-frontend .login form .input::-webkit-input-placeholder,
  .theme-frontend .login form .input:-moz-placeholder,
  .theme-frontend .login form .input::-moz-placeholder,
  .theme-frontend .login form .input:-ms-input-placeholder,
  .theme-frontend .login input[type="text"]::placeholder,
  .theme-frontend .login input[type="text"]::-webkit-input-placeholder,
  .theme-frontend .login input[type="text"]:-moz-placeholder,
  .theme-frontend .login input[type="text"]::-moz-placeholder,
  .theme-frontend .login input[type="text"]:-ms-input-placeholder,
  .acf-block-preview input[type="color"]::placeholder,
  .acf-block-preview input[type="color"]::-webkit-input-placeholder,
  .acf-block-preview input[type="color"]:-moz-placeholder,
  .acf-block-preview input[type="color"]::-moz-placeholder,
  .acf-block-preview input[type="color"]:-ms-input-placeholder,
  .acf-block-preview input[type="date"]::placeholder,
  .acf-block-preview input[type="date"]::-webkit-input-placeholder,
  .acf-block-preview input[type="date"]:-moz-placeholder,
  .acf-block-preview input[type="date"]::-moz-placeholder,
  .acf-block-preview input[type="date"]:-ms-input-placeholder,
  .acf-block-preview input[type="datetime"]::placeholder,
  .acf-block-preview input[type="datetime"]::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime"]:-moz-placeholder,
  .acf-block-preview input[type="datetime"]::-moz-placeholder,
  .acf-block-preview input[type="datetime"]:-ms-input-placeholder,
  .acf-block-preview input[type="datetime-local"]::placeholder,
  .acf-block-preview input[type="datetime-local"]::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]::-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:-ms-input-placeholder,
  .acf-block-preview input[type="email"]::placeholder,
  .acf-block-preview input[type="email"]::-webkit-input-placeholder,
  .acf-block-preview input[type="email"]:-moz-placeholder,
  .acf-block-preview input[type="email"]::-moz-placeholder,
  .acf-block-preview input[type="email"]:-ms-input-placeholder,
  .acf-block-preview input[type="month"]::placeholder,
  .acf-block-preview input[type="month"]::-webkit-input-placeholder,
  .acf-block-preview input[type="month"]:-moz-placeholder,
  .acf-block-preview input[type="month"]::-moz-placeholder,
  .acf-block-preview input[type="month"]:-ms-input-placeholder,
  .acf-block-preview input[type="number"]::placeholder,
  .acf-block-preview input[type="number"]::-webkit-input-placeholder,
  .acf-block-preview input[type="number"]:-moz-placeholder,
  .acf-block-preview input[type="number"]::-moz-placeholder,
  .acf-block-preview input[type="number"]:-ms-input-placeholder,
  .acf-block-preview input[type="password"]::placeholder,
  .acf-block-preview input[type="password"]::-webkit-input-placeholder,
  .acf-block-preview input[type="password"]:-moz-placeholder,
  .acf-block-preview input[type="password"]::-moz-placeholder,
  .acf-block-preview input[type="password"]:-ms-input-placeholder,
  .acf-block-preview input[type="search"]::placeholder,
  .acf-block-preview input[type="search"]::-webkit-input-placeholder,
  .acf-block-preview input[type="search"]:-moz-placeholder,
  .acf-block-preview input[type="search"]::-moz-placeholder,
  .acf-block-preview input[type="search"]:-ms-input-placeholder,
  .acf-block-preview input[type="tel"]::placeholder,
  .acf-block-preview input[type="tel"]::-webkit-input-placeholder,
  .acf-block-preview input[type="tel"]:-moz-placeholder,
  .acf-block-preview input[type="tel"]::-moz-placeholder,
  .acf-block-preview input[type="tel"]:-ms-input-placeholder,
  .acf-block-preview input[type="text"]::placeholder,
  .acf-block-preview input[type="text"]::-webkit-input-placeholder,
  .acf-block-preview input[type="text"]:-moz-placeholder,
  .acf-block-preview input[type="text"]::-moz-placeholder,
  .acf-block-preview input[type="text"]:-ms-input-placeholder,
  .acf-block-preview input[type="time"]::placeholder,
  .acf-block-preview input[type="time"]::-webkit-input-placeholder,
  .acf-block-preview input[type="time"]:-moz-placeholder,
  .acf-block-preview input[type="time"]::-moz-placeholder,
  .acf-block-preview input[type="time"]:-ms-input-placeholder,
  .acf-block-preview input[type="url"]::placeholder,
  .acf-block-preview input[type="url"]::-webkit-input-placeholder,
  .acf-block-preview input[type="url"]:-moz-placeholder,
  .acf-block-preview input[type="url"]::-moz-placeholder,
  .acf-block-preview input[type="url"]:-ms-input-placeholder,
  .acf-block-preview input[type="week"]::placeholder,
  .acf-block-preview input[type="week"]::-webkit-input-placeholder,
  .acf-block-preview input[type="week"]:-moz-placeholder,
  .acf-block-preview input[type="week"]::-moz-placeholder,
  .acf-block-preview input[type="week"]:-ms-input-placeholder,
  .acf-block-preview input:not([type])::placeholder,
  .acf-block-preview input:not([type])::-webkit-input-placeholder,
  .acf-block-preview input:not([type]):-moz-placeholder,
  .acf-block-preview input:not([type])::-moz-placeholder,
  .acf-block-preview input:not([type]):-ms-input-placeholder,
  .acf-block-preview textarea::placeholder,
  .acf-block-preview textarea::-webkit-input-placeholder,
  .acf-block-preview textarea:-moz-placeholder,
  .acf-block-preview textarea::-moz-placeholder,
  .acf-block-preview textarea:-ms-input-placeholder,
  .acf-block-preview .login form .input::placeholder,
  .acf-block-preview .login form .input::-webkit-input-placeholder,
  .acf-block-preview .login form .input:-moz-placeholder,
  .acf-block-preview .login form .input::-moz-placeholder,
  .acf-block-preview .login form .input:-ms-input-placeholder,
  .acf-block-preview .login input[type="text"]::placeholder,
  .acf-block-preview .login input[type="text"]::-webkit-input-placeholder,
  .acf-block-preview .login input[type="text"]:-moz-placeholder,
  .acf-block-preview .login input[type="text"]::-moz-placeholder,
  .acf-block-preview .login input[type="text"]:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend input[type="color"]::-moz-focus-inner,
  .theme-frontend input[type="date"]::-moz-focus-inner,
  .theme-frontend input[type="datetime"]::-moz-focus-inner,
  .theme-frontend input[type="datetime-local"]::-moz-focus-inner,
  .theme-frontend input[type="email"]::-moz-focus-inner,
  .theme-frontend input[type="month"]::-moz-focus-inner,
  .theme-frontend input[type="number"]::-moz-focus-inner,
  .theme-frontend input[type="password"]::-moz-focus-inner,
  .theme-frontend input[type="search"]::-moz-focus-inner,
  .theme-frontend input[type="tel"]::-moz-focus-inner,
  .theme-frontend input[type="text"]::-moz-focus-inner,
  .theme-frontend input[type="time"]::-moz-focus-inner,
  .theme-frontend input[type="url"]::-moz-focus-inner,
  .theme-frontend input[type="week"]::-moz-focus-inner,
  .theme-frontend input:not([type])::-moz-focus-inner,
  .theme-frontend textarea::-moz-focus-inner,
  .theme-frontend .login form .input::-moz-focus-inner,
  .theme-frontend .login input[type="text"]::-moz-focus-inner,
  .acf-block-preview input[type="color"]::-moz-focus-inner,
  .acf-block-preview input[type="date"]::-moz-focus-inner,
  .acf-block-preview input[type="datetime"]::-moz-focus-inner,
  .acf-block-preview input[type="datetime-local"]::-moz-focus-inner,
  .acf-block-preview input[type="email"]::-moz-focus-inner,
  .acf-block-preview input[type="month"]::-moz-focus-inner,
  .acf-block-preview input[type="number"]::-moz-focus-inner,
  .acf-block-preview input[type="password"]::-moz-focus-inner,
  .acf-block-preview input[type="search"]::-moz-focus-inner,
  .acf-block-preview input[type="tel"]::-moz-focus-inner,
  .acf-block-preview input[type="text"]::-moz-focus-inner,
  .acf-block-preview input[type="time"]::-moz-focus-inner,
  .acf-block-preview input[type="url"]::-moz-focus-inner,
  .acf-block-preview input[type="week"]::-moz-focus-inner,
  .acf-block-preview input:not([type])::-moz-focus-inner,
  .acf-block-preview textarea::-moz-focus-inner,
  .acf-block-preview .login form .input::-moz-focus-inner,
  .acf-block-preview .login input[type="text"]::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend input[type="color"]:focus::placeholder,.theme-frontend input[type="color"]:focus::-webkit-input-placeholder,.theme-frontend input[type="color"]:focus:-moz-placeholder,.theme-frontend input[type="color"]:focus::-moz-placeholder,.theme-frontend input[type="color"]:focus:-ms-input-placeholder,.theme-frontend input[type="color"]:focus:hover::placeholder,.theme-frontend input[type="color"]:focus:hover::-webkit-input-placeholder,.theme-frontend input[type="color"]:focus:hover:-moz-placeholder,.theme-frontend input[type="color"]:focus:hover::-moz-placeholder,.theme-frontend input[type="color"]:focus:hover:-ms-input-placeholder,.theme-frontend input[type="color"]:not(.empty)::placeholder,.theme-frontend input[type="color"]:not(.empty)::-webkit-input-placeholder,.theme-frontend input[type="color"]:not(.empty):-moz-placeholder,.theme-frontend input[type="color"]:not(.empty)::-moz-placeholder,.theme-frontend input[type="color"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="date"]:focus::placeholder,
  .theme-frontend input[type="date"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="date"]:focus:-moz-placeholder,
  .theme-frontend input[type="date"]:focus::-moz-placeholder,
  .theme-frontend input[type="date"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="date"]:focus:hover::placeholder,
  .theme-frontend input[type="date"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="date"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="date"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="date"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="date"]:not(.empty)::placeholder,
  .theme-frontend input[type="date"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="date"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="date"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="date"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="datetime"]:focus::placeholder,
  .theme-frontend input[type="datetime"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="datetime"]:focus:-moz-placeholder,
  .theme-frontend input[type="datetime"]:focus::-moz-placeholder,
  .theme-frontend input[type="datetime"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="datetime"]:focus:hover::placeholder,
  .theme-frontend input[type="datetime"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="datetime"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="datetime"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="datetime"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="datetime"]:not(.empty)::placeholder,
  .theme-frontend input[type="datetime"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="datetime"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="datetime"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="datetime"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="datetime-local"]:focus::placeholder,
  .theme-frontend input[type="datetime-local"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:focus::-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:hover::placeholder,
  .theme-frontend input[type="datetime-local"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="datetime-local"]:not(.empty)::placeholder,
  .theme-frontend input[type="datetime-local"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="datetime-local"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="datetime-local"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="email"]:focus::placeholder,
  .theme-frontend input[type="email"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="email"]:focus:-moz-placeholder,
  .theme-frontend input[type="email"]:focus::-moz-placeholder,
  .theme-frontend input[type="email"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="email"]:focus:hover::placeholder,
  .theme-frontend input[type="email"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="email"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="email"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="email"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="email"]:not(.empty)::placeholder,
  .theme-frontend input[type="email"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="email"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="email"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="email"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="month"]:focus::placeholder,
  .theme-frontend input[type="month"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="month"]:focus:-moz-placeholder,
  .theme-frontend input[type="month"]:focus::-moz-placeholder,
  .theme-frontend input[type="month"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="month"]:focus:hover::placeholder,
  .theme-frontend input[type="month"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="month"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="month"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="month"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="month"]:not(.empty)::placeholder,
  .theme-frontend input[type="month"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="month"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="month"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="month"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="number"]:focus::placeholder,
  .theme-frontend input[type="number"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="number"]:focus:-moz-placeholder,
  .theme-frontend input[type="number"]:focus::-moz-placeholder,
  .theme-frontend input[type="number"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="number"]:focus:hover::placeholder,
  .theme-frontend input[type="number"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="number"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="number"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="number"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="number"]:not(.empty)::placeholder,
  .theme-frontend input[type="number"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="number"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="number"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="number"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="password"]:focus::placeholder,
  .theme-frontend input[type="password"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="password"]:focus:-moz-placeholder,
  .theme-frontend input[type="password"]:focus::-moz-placeholder,
  .theme-frontend input[type="password"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="password"]:focus:hover::placeholder,
  .theme-frontend input[type="password"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="password"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="password"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="password"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="password"]:not(.empty)::placeholder,
  .theme-frontend input[type="password"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="password"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="password"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="password"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="search"]:focus::placeholder,
  .theme-frontend input[type="search"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="search"]:focus:-moz-placeholder,
  .theme-frontend input[type="search"]:focus::-moz-placeholder,
  .theme-frontend input[type="search"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="search"]:focus:hover::placeholder,
  .theme-frontend input[type="search"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="search"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="search"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="search"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="search"]:not(.empty)::placeholder,
  .theme-frontend input[type="search"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="search"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="search"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="search"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="tel"]:focus::placeholder,
  .theme-frontend input[type="tel"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="tel"]:focus:-moz-placeholder,
  .theme-frontend input[type="tel"]:focus::-moz-placeholder,
  .theme-frontend input[type="tel"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="tel"]:focus:hover::placeholder,
  .theme-frontend input[type="tel"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="tel"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="tel"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="tel"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="tel"]:not(.empty)::placeholder,
  .theme-frontend input[type="tel"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="tel"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="tel"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="tel"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="text"]:focus::placeholder,
  .theme-frontend input[type="text"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="text"]:focus:-moz-placeholder,
  .theme-frontend input[type="text"]:focus::-moz-placeholder,
  .theme-frontend input[type="text"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="text"]:focus:hover::placeholder,
  .theme-frontend input[type="text"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="text"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="text"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="text"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="text"]:not(.empty)::placeholder,
  .theme-frontend input[type="text"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="text"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="text"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="text"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="time"]:focus::placeholder,
  .theme-frontend input[type="time"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="time"]:focus:-moz-placeholder,
  .theme-frontend input[type="time"]:focus::-moz-placeholder,
  .theme-frontend input[type="time"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="time"]:focus:hover::placeholder,
  .theme-frontend input[type="time"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="time"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="time"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="time"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="time"]:not(.empty)::placeholder,
  .theme-frontend input[type="time"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="time"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="time"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="time"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="url"]:focus::placeholder,
  .theme-frontend input[type="url"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="url"]:focus:-moz-placeholder,
  .theme-frontend input[type="url"]:focus::-moz-placeholder,
  .theme-frontend input[type="url"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="url"]:focus:hover::placeholder,
  .theme-frontend input[type="url"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="url"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="url"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="url"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="url"]:not(.empty)::placeholder,
  .theme-frontend input[type="url"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="url"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="url"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="url"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input[type="week"]:focus::placeholder,
  .theme-frontend input[type="week"]:focus::-webkit-input-placeholder,
  .theme-frontend input[type="week"]:focus:-moz-placeholder,
  .theme-frontend input[type="week"]:focus::-moz-placeholder,
  .theme-frontend input[type="week"]:focus:-ms-input-placeholder,
  .theme-frontend input[type="week"]:focus:hover::placeholder,
  .theme-frontend input[type="week"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend input[type="week"]:focus:hover:-moz-placeholder,
  .theme-frontend input[type="week"]:focus:hover::-moz-placeholder,
  .theme-frontend input[type="week"]:focus:hover:-ms-input-placeholder,
  .theme-frontend input[type="week"]:not(.empty)::placeholder,
  .theme-frontend input[type="week"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend input[type="week"]:not(.empty):-moz-placeholder,
  .theme-frontend input[type="week"]:not(.empty)::-moz-placeholder,
  .theme-frontend input[type="week"]:not(.empty):-ms-input-placeholder,
  .theme-frontend input:not([type]):focus::placeholder,
  .theme-frontend input:not([type]):focus::-webkit-input-placeholder,
  .theme-frontend input:not([type]):focus:-moz-placeholder,
  .theme-frontend input:not([type]):focus::-moz-placeholder,
  .theme-frontend input:not([type]):focus:-ms-input-placeholder,
  .theme-frontend input:not([type]):focus:hover::placeholder,
  .theme-frontend input:not([type]):focus:hover::-webkit-input-placeholder,
  .theme-frontend input:not([type]):focus:hover:-moz-placeholder,
  .theme-frontend input:not([type]):focus:hover::-moz-placeholder,
  .theme-frontend input:not([type]):focus:hover:-ms-input-placeholder,
  .theme-frontend input:not([type]):not(.empty)::placeholder,
  .theme-frontend input:not([type]):not(.empty)::-webkit-input-placeholder,
  .theme-frontend input:not([type]):not(.empty):-moz-placeholder,
  .theme-frontend input:not([type]):not(.empty)::-moz-placeholder,
  .theme-frontend input:not([type]):not(.empty):-ms-input-placeholder,
  .theme-frontend textarea:focus::placeholder,
  .theme-frontend textarea:focus::-webkit-input-placeholder,
  .theme-frontend textarea:focus:-moz-placeholder,
  .theme-frontend textarea:focus::-moz-placeholder,
  .theme-frontend textarea:focus:-ms-input-placeholder,
  .theme-frontend textarea:focus:hover::placeholder,
  .theme-frontend textarea:focus:hover::-webkit-input-placeholder,
  .theme-frontend textarea:focus:hover:-moz-placeholder,
  .theme-frontend textarea:focus:hover::-moz-placeholder,
  .theme-frontend textarea:focus:hover:-ms-input-placeholder,
  .theme-frontend textarea:not(.empty)::placeholder,
  .theme-frontend textarea:not(.empty)::-webkit-input-placeholder,
  .theme-frontend textarea:not(.empty):-moz-placeholder,
  .theme-frontend textarea:not(.empty)::-moz-placeholder,
  .theme-frontend textarea:not(.empty):-ms-input-placeholder,
  .theme-frontend .login form .input:focus::placeholder,
  .theme-frontend .login form .input:focus::-webkit-input-placeholder,
  .theme-frontend .login form .input:focus:-moz-placeholder,
  .theme-frontend .login form .input:focus::-moz-placeholder,
  .theme-frontend .login form .input:focus:-ms-input-placeholder,
  .theme-frontend .login form .input:focus:hover::placeholder,
  .theme-frontend .login form .input:focus:hover::-webkit-input-placeholder,
  .theme-frontend .login form .input:focus:hover:-moz-placeholder,
  .theme-frontend .login form .input:focus:hover::-moz-placeholder,
  .theme-frontend .login form .input:focus:hover:-ms-input-placeholder,
  .theme-frontend .login form .input:not(.empty)::placeholder,
  .theme-frontend .login form .input:not(.empty)::-webkit-input-placeholder,
  .theme-frontend .login form .input:not(.empty):-moz-placeholder,
  .theme-frontend .login form .input:not(.empty)::-moz-placeholder,
  .theme-frontend .login form .input:not(.empty):-ms-input-placeholder,
  .theme-frontend .login input[type="text"]:focus::placeholder,
  .theme-frontend .login input[type="text"]:focus::-webkit-input-placeholder,
  .theme-frontend .login input[type="text"]:focus:-moz-placeholder,
  .theme-frontend .login input[type="text"]:focus::-moz-placeholder,
  .theme-frontend .login input[type="text"]:focus:-ms-input-placeholder,
  .theme-frontend .login input[type="text"]:focus:hover::placeholder,
  .theme-frontend .login input[type="text"]:focus:hover::-webkit-input-placeholder,
  .theme-frontend .login input[type="text"]:focus:hover:-moz-placeholder,
  .theme-frontend .login input[type="text"]:focus:hover::-moz-placeholder,
  .theme-frontend .login input[type="text"]:focus:hover:-ms-input-placeholder,
  .theme-frontend .login input[type="text"]:not(.empty)::placeholder,
  .theme-frontend .login input[type="text"]:not(.empty)::-webkit-input-placeholder,
  .theme-frontend .login input[type="text"]:not(.empty):-moz-placeholder,
  .theme-frontend .login input[type="text"]:not(.empty)::-moz-placeholder,
  .theme-frontend .login input[type="text"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="color"]:focus::placeholder,
  .acf-block-preview input[type="color"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="color"]:focus:-moz-placeholder,
  .acf-block-preview input[type="color"]:focus::-moz-placeholder,
  .acf-block-preview input[type="color"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="color"]:focus:hover::placeholder,
  .acf-block-preview input[type="color"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="color"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="color"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="color"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="color"]:not(.empty)::placeholder,
  .acf-block-preview input[type="color"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="color"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="color"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="color"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="date"]:focus::placeholder,
  .acf-block-preview input[type="date"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="date"]:focus:-moz-placeholder,
  .acf-block-preview input[type="date"]:focus::-moz-placeholder,
  .acf-block-preview input[type="date"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="date"]:focus:hover::placeholder,
  .acf-block-preview input[type="date"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="date"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="date"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="date"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="date"]:not(.empty)::placeholder,
  .acf-block-preview input[type="date"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="date"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="date"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="date"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="datetime"]:focus::placeholder,
  .acf-block-preview input[type="datetime"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime"]:focus:-moz-placeholder,
  .acf-block-preview input[type="datetime"]:focus::-moz-placeholder,
  .acf-block-preview input[type="datetime"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="datetime"]:focus:hover::placeholder,
  .acf-block-preview input[type="datetime"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="datetime"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="datetime"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="datetime"]:not(.empty)::placeholder,
  .acf-block-preview input[type="datetime"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="datetime"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="datetime"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus::placeholder,
  .acf-block-preview input[type="datetime-local"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus::-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:hover::placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:not(.empty)::placeholder,
  .acf-block-preview input[type="datetime-local"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="datetime-local"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="datetime-local"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="email"]:focus::placeholder,
  .acf-block-preview input[type="email"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="email"]:focus:-moz-placeholder,
  .acf-block-preview input[type="email"]:focus::-moz-placeholder,
  .acf-block-preview input[type="email"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="email"]:focus:hover::placeholder,
  .acf-block-preview input[type="email"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="email"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="email"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="email"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="email"]:not(.empty)::placeholder,
  .acf-block-preview input[type="email"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="email"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="email"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="email"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="month"]:focus::placeholder,
  .acf-block-preview input[type="month"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="month"]:focus:-moz-placeholder,
  .acf-block-preview input[type="month"]:focus::-moz-placeholder,
  .acf-block-preview input[type="month"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="month"]:focus:hover::placeholder,
  .acf-block-preview input[type="month"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="month"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="month"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="month"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="month"]:not(.empty)::placeholder,
  .acf-block-preview input[type="month"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="month"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="month"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="month"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="number"]:focus::placeholder,
  .acf-block-preview input[type="number"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="number"]:focus:-moz-placeholder,
  .acf-block-preview input[type="number"]:focus::-moz-placeholder,
  .acf-block-preview input[type="number"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="number"]:focus:hover::placeholder,
  .acf-block-preview input[type="number"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="number"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="number"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="number"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="number"]:not(.empty)::placeholder,
  .acf-block-preview input[type="number"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="number"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="number"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="number"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="password"]:focus::placeholder,
  .acf-block-preview input[type="password"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="password"]:focus:-moz-placeholder,
  .acf-block-preview input[type="password"]:focus::-moz-placeholder,
  .acf-block-preview input[type="password"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="password"]:focus:hover::placeholder,
  .acf-block-preview input[type="password"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="password"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="password"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="password"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="password"]:not(.empty)::placeholder,
  .acf-block-preview input[type="password"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="password"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="password"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="password"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="search"]:focus::placeholder,
  .acf-block-preview input[type="search"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="search"]:focus:-moz-placeholder,
  .acf-block-preview input[type="search"]:focus::-moz-placeholder,
  .acf-block-preview input[type="search"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="search"]:focus:hover::placeholder,
  .acf-block-preview input[type="search"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="search"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="search"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="search"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="search"]:not(.empty)::placeholder,
  .acf-block-preview input[type="search"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="search"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="search"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="search"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="tel"]:focus::placeholder,
  .acf-block-preview input[type="tel"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="tel"]:focus:-moz-placeholder,
  .acf-block-preview input[type="tel"]:focus::-moz-placeholder,
  .acf-block-preview input[type="tel"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="tel"]:focus:hover::placeholder,
  .acf-block-preview input[type="tel"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="tel"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="tel"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="tel"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="tel"]:not(.empty)::placeholder,
  .acf-block-preview input[type="tel"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="tel"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="tel"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="tel"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="text"]:focus::placeholder,
  .acf-block-preview input[type="text"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="text"]:focus:-moz-placeholder,
  .acf-block-preview input[type="text"]:focus::-moz-placeholder,
  .acf-block-preview input[type="text"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="text"]:focus:hover::placeholder,
  .acf-block-preview input[type="text"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="text"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="text"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="text"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="text"]:not(.empty)::placeholder,
  .acf-block-preview input[type="text"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="text"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="text"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="text"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="time"]:focus::placeholder,
  .acf-block-preview input[type="time"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="time"]:focus:-moz-placeholder,
  .acf-block-preview input[type="time"]:focus::-moz-placeholder,
  .acf-block-preview input[type="time"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="time"]:focus:hover::placeholder,
  .acf-block-preview input[type="time"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="time"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="time"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="time"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="time"]:not(.empty)::placeholder,
  .acf-block-preview input[type="time"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="time"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="time"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="time"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="url"]:focus::placeholder,
  .acf-block-preview input[type="url"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="url"]:focus:-moz-placeholder,
  .acf-block-preview input[type="url"]:focus::-moz-placeholder,
  .acf-block-preview input[type="url"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="url"]:focus:hover::placeholder,
  .acf-block-preview input[type="url"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="url"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="url"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="url"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="url"]:not(.empty)::placeholder,
  .acf-block-preview input[type="url"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="url"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="url"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="url"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input[type="week"]:focus::placeholder,
  .acf-block-preview input[type="week"]:focus::-webkit-input-placeholder,
  .acf-block-preview input[type="week"]:focus:-moz-placeholder,
  .acf-block-preview input[type="week"]:focus::-moz-placeholder,
  .acf-block-preview input[type="week"]:focus:-ms-input-placeholder,
  .acf-block-preview input[type="week"]:focus:hover::placeholder,
  .acf-block-preview input[type="week"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview input[type="week"]:focus:hover:-moz-placeholder,
  .acf-block-preview input[type="week"]:focus:hover::-moz-placeholder,
  .acf-block-preview input[type="week"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview input[type="week"]:not(.empty)::placeholder,
  .acf-block-preview input[type="week"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input[type="week"]:not(.empty):-moz-placeholder,
  .acf-block-preview input[type="week"]:not(.empty)::-moz-placeholder,
  .acf-block-preview input[type="week"]:not(.empty):-ms-input-placeholder,
  .acf-block-preview input:not([type]):focus::placeholder,
  .acf-block-preview input:not([type]):focus::-webkit-input-placeholder,
  .acf-block-preview input:not([type]):focus:-moz-placeholder,
  .acf-block-preview input:not([type]):focus::-moz-placeholder,
  .acf-block-preview input:not([type]):focus:-ms-input-placeholder,
  .acf-block-preview input:not([type]):focus:hover::placeholder,
  .acf-block-preview input:not([type]):focus:hover::-webkit-input-placeholder,
  .acf-block-preview input:not([type]):focus:hover:-moz-placeholder,
  .acf-block-preview input:not([type]):focus:hover::-moz-placeholder,
  .acf-block-preview input:not([type]):focus:hover:-ms-input-placeholder,
  .acf-block-preview input:not([type]):not(.empty)::placeholder,
  .acf-block-preview input:not([type]):not(.empty)::-webkit-input-placeholder,
  .acf-block-preview input:not([type]):not(.empty):-moz-placeholder,
  .acf-block-preview input:not([type]):not(.empty)::-moz-placeholder,
  .acf-block-preview input:not([type]):not(.empty):-ms-input-placeholder,
  .acf-block-preview textarea:focus::placeholder,
  .acf-block-preview textarea:focus::-webkit-input-placeholder,
  .acf-block-preview textarea:focus:-moz-placeholder,
  .acf-block-preview textarea:focus::-moz-placeholder,
  .acf-block-preview textarea:focus:-ms-input-placeholder,
  .acf-block-preview textarea:focus:hover::placeholder,
  .acf-block-preview textarea:focus:hover::-webkit-input-placeholder,
  .acf-block-preview textarea:focus:hover:-moz-placeholder,
  .acf-block-preview textarea:focus:hover::-moz-placeholder,
  .acf-block-preview textarea:focus:hover:-ms-input-placeholder,
  .acf-block-preview textarea:not(.empty)::placeholder,
  .acf-block-preview textarea:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview textarea:not(.empty):-moz-placeholder,
  .acf-block-preview textarea:not(.empty)::-moz-placeholder,
  .acf-block-preview textarea:not(.empty):-ms-input-placeholder,
  .acf-block-preview .login form .input:focus::placeholder,
  .acf-block-preview .login form .input:focus::-webkit-input-placeholder,
  .acf-block-preview .login form .input:focus:-moz-placeholder,
  .acf-block-preview .login form .input:focus::-moz-placeholder,
  .acf-block-preview .login form .input:focus:-ms-input-placeholder,
  .acf-block-preview .login form .input:focus:hover::placeholder,
  .acf-block-preview .login form .input:focus:hover::-webkit-input-placeholder,
  .acf-block-preview .login form .input:focus:hover:-moz-placeholder,
  .acf-block-preview .login form .input:focus:hover::-moz-placeholder,
  .acf-block-preview .login form .input:focus:hover:-ms-input-placeholder,
  .acf-block-preview .login form .input:not(.empty)::placeholder,
  .acf-block-preview .login form .input:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview .login form .input:not(.empty):-moz-placeholder,
  .acf-block-preview .login form .input:not(.empty)::-moz-placeholder,
  .acf-block-preview .login form .input:not(.empty):-ms-input-placeholder,
  .acf-block-preview .login input[type="text"]:focus::placeholder,
  .acf-block-preview .login input[type="text"]:focus::-webkit-input-placeholder,
  .acf-block-preview .login input[type="text"]:focus:-moz-placeholder,
  .acf-block-preview .login input[type="text"]:focus::-moz-placeholder,
  .acf-block-preview .login input[type="text"]:focus:-ms-input-placeholder,
  .acf-block-preview .login input[type="text"]:focus:hover::placeholder,
  .acf-block-preview .login input[type="text"]:focus:hover::-webkit-input-placeholder,
  .acf-block-preview .login input[type="text"]:focus:hover:-moz-placeholder,
  .acf-block-preview .login input[type="text"]:focus:hover::-moz-placeholder,
  .acf-block-preview .login input[type="text"]:focus:hover:-ms-input-placeholder,
  .acf-block-preview .login input[type="text"]:not(.empty)::placeholder,
  .acf-block-preview .login input[type="text"]:not(.empty)::-webkit-input-placeholder,
  .acf-block-preview .login input[type="text"]:not(.empty):-moz-placeholder,
  .acf-block-preview .login input[type="text"]:not(.empty)::-moz-placeholder,
  .acf-block-preview .login input[type="text"]:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend input[type="color"]:focus,.theme-frontend input[type="color"]:focus:hover,.theme-frontend input[type="color"]:not(.empty),
  .theme-frontend input[type="date"]:focus,
  .theme-frontend input[type="date"]:focus:hover,
  .theme-frontend input[type="date"]:not(.empty),
  .theme-frontend input[type="datetime"]:focus,
  .theme-frontend input[type="datetime"]:focus:hover,
  .theme-frontend input[type="datetime"]:not(.empty),
  .theme-frontend input[type="datetime-local"]:focus,
  .theme-frontend input[type="datetime-local"]:focus:hover,
  .theme-frontend input[type="datetime-local"]:not(.empty),
  .theme-frontend input[type="email"]:focus,
  .theme-frontend input[type="email"]:focus:hover,
  .theme-frontend input[type="email"]:not(.empty),
  .theme-frontend input[type="month"]:focus,
  .theme-frontend input[type="month"]:focus:hover,
  .theme-frontend input[type="month"]:not(.empty),
  .theme-frontend input[type="number"]:focus,
  .theme-frontend input[type="number"]:focus:hover,
  .theme-frontend input[type="number"]:not(.empty),
  .theme-frontend input[type="password"]:focus,
  .theme-frontend input[type="password"]:focus:hover,
  .theme-frontend input[type="password"]:not(.empty),
  .theme-frontend input[type="search"]:focus,
  .theme-frontend input[type="search"]:focus:hover,
  .theme-frontend input[type="search"]:not(.empty),
  .theme-frontend input[type="tel"]:focus,
  .theme-frontend input[type="tel"]:focus:hover,
  .theme-frontend input[type="tel"]:not(.empty),
  .theme-frontend input[type="text"]:focus,
  .theme-frontend input[type="text"]:focus:hover,
  .theme-frontend input[type="text"]:not(.empty),
  .theme-frontend input[type="time"]:focus,
  .theme-frontend input[type="time"]:focus:hover,
  .theme-frontend input[type="time"]:not(.empty),
  .theme-frontend input[type="url"]:focus,
  .theme-frontend input[type="url"]:focus:hover,
  .theme-frontend input[type="url"]:not(.empty),
  .theme-frontend input[type="week"]:focus,
  .theme-frontend input[type="week"]:focus:hover,
  .theme-frontend input[type="week"]:not(.empty),
  .theme-frontend input:not([type]):focus,
  .theme-frontend input:not([type]):focus:hover,
  .theme-frontend input:not([type]):not(.empty),
  .theme-frontend textarea:focus,
  .theme-frontend textarea:focus:hover,
  .theme-frontend textarea:not(.empty),
  .theme-frontend .login form .input:focus,
  .theme-frontend .login form .input:focus:hover,
  .theme-frontend .login form .input:not(.empty),
  .theme-frontend .login input[type="text"]:focus,
  .theme-frontend .login input[type="text"]:focus:hover,
  .theme-frontend .login input[type="text"]:not(.empty),
  .acf-block-preview input[type="color"]:focus,
  .acf-block-preview input[type="color"]:focus:hover,
  .acf-block-preview input[type="color"]:not(.empty),
  .acf-block-preview input[type="date"]:focus,
  .acf-block-preview input[type="date"]:focus:hover,
  .acf-block-preview input[type="date"]:not(.empty),
  .acf-block-preview input[type="datetime"]:focus,
  .acf-block-preview input[type="datetime"]:focus:hover,
  .acf-block-preview input[type="datetime"]:not(.empty),
  .acf-block-preview input[type="datetime-local"]:focus,
  .acf-block-preview input[type="datetime-local"]:focus:hover,
  .acf-block-preview input[type="datetime-local"]:not(.empty),
  .acf-block-preview input[type="email"]:focus,
  .acf-block-preview input[type="email"]:focus:hover,
  .acf-block-preview input[type="email"]:not(.empty),
  .acf-block-preview input[type="month"]:focus,
  .acf-block-preview input[type="month"]:focus:hover,
  .acf-block-preview input[type="month"]:not(.empty),
  .acf-block-preview input[type="number"]:focus,
  .acf-block-preview input[type="number"]:focus:hover,
  .acf-block-preview input[type="number"]:not(.empty),
  .acf-block-preview input[type="password"]:focus,
  .acf-block-preview input[type="password"]:focus:hover,
  .acf-block-preview input[type="password"]:not(.empty),
  .acf-block-preview input[type="search"]:focus,
  .acf-block-preview input[type="search"]:focus:hover,
  .acf-block-preview input[type="search"]:not(.empty),
  .acf-block-preview input[type="tel"]:focus,
  .acf-block-preview input[type="tel"]:focus:hover,
  .acf-block-preview input[type="tel"]:not(.empty),
  .acf-block-preview input[type="text"]:focus,
  .acf-block-preview input[type="text"]:focus:hover,
  .acf-block-preview input[type="text"]:not(.empty),
  .acf-block-preview input[type="time"]:focus,
  .acf-block-preview input[type="time"]:focus:hover,
  .acf-block-preview input[type="time"]:not(.empty),
  .acf-block-preview input[type="url"]:focus,
  .acf-block-preview input[type="url"]:focus:hover,
  .acf-block-preview input[type="url"]:not(.empty),
  .acf-block-preview input[type="week"]:focus,
  .acf-block-preview input[type="week"]:focus:hover,
  .acf-block-preview input[type="week"]:not(.empty),
  .acf-block-preview input:not([type]):focus,
  .acf-block-preview input:not([type]):focus:hover,
  .acf-block-preview input:not([type]):not(.empty),
  .acf-block-preview textarea:focus,
  .acf-block-preview textarea:focus:hover,
  .acf-block-preview textarea:not(.empty),
  .acf-block-preview .login form .input:focus,
  .acf-block-preview .login form .input:focus:hover,
  .acf-block-preview .login form .input:not(.empty),
  .acf-block-preview .login input[type="text"]:focus,
  .acf-block-preview .login input[type="text"]:focus:hover,
  .acf-block-preview .login input[type="text"]:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend input[type="color"]:hover,
  .theme-frontend input[type="date"]:hover,
  .theme-frontend input[type="datetime"]:hover,
  .theme-frontend input[type="datetime-local"]:hover,
  .theme-frontend input[type="email"]:hover,
  .theme-frontend input[type="month"]:hover,
  .theme-frontend input[type="number"]:hover,
  .theme-frontend input[type="password"]:hover,
  .theme-frontend input[type="search"]:hover,
  .theme-frontend input[type="tel"]:hover,
  .theme-frontend input[type="text"]:hover,
  .theme-frontend input[type="time"]:hover,
  .theme-frontend input[type="url"]:hover,
  .theme-frontend input[type="week"]:hover,
  .theme-frontend input:not([type]):hover,
  .theme-frontend textarea:hover,
  .theme-frontend .login form .input:hover,
  .theme-frontend .login input[type="text"]:hover,
  .acf-block-preview input[type="color"]:hover,
  .acf-block-preview input[type="date"]:hover,
  .acf-block-preview input[type="datetime"]:hover,
  .acf-block-preview input[type="datetime-local"]:hover,
  .acf-block-preview input[type="email"]:hover,
  .acf-block-preview input[type="month"]:hover,
  .acf-block-preview input[type="number"]:hover,
  .acf-block-preview input[type="password"]:hover,
  .acf-block-preview input[type="search"]:hover,
  .acf-block-preview input[type="tel"]:hover,
  .acf-block-preview input[type="text"]:hover,
  .acf-block-preview input[type="time"]:hover,
  .acf-block-preview input[type="url"]:hover,
  .acf-block-preview input[type="week"]:hover,
  .acf-block-preview input:not([type]):hover,
  .acf-block-preview textarea:hover,
  .acf-block-preview .login form .input:hover,
  .acf-block-preview .login input[type="text"]:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend textarea, .acf-block-preview textarea {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend textarea::placeholder,.theme-frontend textarea::-webkit-input-placeholder,.theme-frontend textarea:-moz-placeholder,.theme-frontend textarea::-moz-placeholder,.theme-frontend textarea:-ms-input-placeholder, .acf-block-preview textarea::placeholder, .acf-block-preview textarea::-webkit-input-placeholder, .acf-block-preview textarea:-moz-placeholder, .acf-block-preview textarea::-moz-placeholder, .acf-block-preview textarea:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend textarea::-moz-focus-inner, .acf-block-preview textarea::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend textarea:focus::placeholder,.theme-frontend textarea:focus::-webkit-input-placeholder,.theme-frontend textarea:focus:-moz-placeholder,.theme-frontend textarea:focus::-moz-placeholder,.theme-frontend textarea:focus:-ms-input-placeholder,.theme-frontend textarea:focus:hover::placeholder,.theme-frontend textarea:focus:hover::-webkit-input-placeholder,.theme-frontend textarea:focus:hover:-moz-placeholder,.theme-frontend textarea:focus:hover::-moz-placeholder,.theme-frontend textarea:focus:hover:-ms-input-placeholder,.theme-frontend textarea:not(.empty)::placeholder,.theme-frontend textarea:not(.empty)::-webkit-input-placeholder,.theme-frontend textarea:not(.empty):-moz-placeholder,.theme-frontend textarea:not(.empty)::-moz-placeholder,.theme-frontend textarea:not(.empty):-ms-input-placeholder, .acf-block-preview textarea:focus::placeholder, .acf-block-preview textarea:focus::-webkit-input-placeholder, .acf-block-preview textarea:focus:-moz-placeholder, .acf-block-preview textarea:focus::-moz-placeholder, .acf-block-preview textarea:focus:-ms-input-placeholder, .acf-block-preview textarea:focus:hover::placeholder, .acf-block-preview textarea:focus:hover::-webkit-input-placeholder, .acf-block-preview textarea:focus:hover:-moz-placeholder, .acf-block-preview textarea:focus:hover::-moz-placeholder, .acf-block-preview textarea:focus:hover:-ms-input-placeholder, .acf-block-preview textarea:not(.empty)::placeholder, .acf-block-preview textarea:not(.empty)::-webkit-input-placeholder, .acf-block-preview textarea:not(.empty):-moz-placeholder, .acf-block-preview textarea:not(.empty)::-moz-placeholder, .acf-block-preview textarea:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend textarea:focus,.theme-frontend textarea:focus:hover,.theme-frontend textarea:not(.empty), .acf-block-preview textarea:focus, .acf-block-preview textarea:focus:hover, .acf-block-preview textarea:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend textarea:hover, .acf-block-preview textarea:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend textarea, .acf-block-preview textarea {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }


.theme-frontend input[type="search"], .acf-block-preview input[type="search"] {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend input[type="search"]::placeholder,.theme-frontend input[type="search"]::-webkit-input-placeholder,.theme-frontend input[type="search"]:-moz-placeholder,.theme-frontend input[type="search"]::-moz-placeholder,.theme-frontend input[type="search"]:-ms-input-placeholder, .acf-block-preview input[type="search"]::placeholder, .acf-block-preview input[type="search"]::-webkit-input-placeholder, .acf-block-preview input[type="search"]:-moz-placeholder, .acf-block-preview input[type="search"]::-moz-placeholder, .acf-block-preview input[type="search"]:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend input[type="search"]::-moz-focus-inner, .acf-block-preview input[type="search"]::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend input[type="search"]:focus::placeholder,.theme-frontend input[type="search"]:focus::-webkit-input-placeholder,.theme-frontend input[type="search"]:focus:-moz-placeholder,.theme-frontend input[type="search"]:focus::-moz-placeholder,.theme-frontend input[type="search"]:focus:-ms-input-placeholder,.theme-frontend input[type="search"]:focus:hover::placeholder,.theme-frontend input[type="search"]:focus:hover::-webkit-input-placeholder,.theme-frontend input[type="search"]:focus:hover:-moz-placeholder,.theme-frontend input[type="search"]:focus:hover::-moz-placeholder,.theme-frontend input[type="search"]:focus:hover:-ms-input-placeholder,.theme-frontend input[type="search"]:not(.empty)::placeholder,.theme-frontend input[type="search"]:not(.empty)::-webkit-input-placeholder,.theme-frontend input[type="search"]:not(.empty):-moz-placeholder,.theme-frontend input[type="search"]:not(.empty)::-moz-placeholder,.theme-frontend input[type="search"]:not(.empty):-ms-input-placeholder, .acf-block-preview input[type="search"]:focus::placeholder, .acf-block-preview input[type="search"]:focus::-webkit-input-placeholder, .acf-block-preview input[type="search"]:focus:-moz-placeholder, .acf-block-preview input[type="search"]:focus::-moz-placeholder, .acf-block-preview input[type="search"]:focus:-ms-input-placeholder, .acf-block-preview input[type="search"]:focus:hover::placeholder, .acf-block-preview input[type="search"]:focus:hover::-webkit-input-placeholder, .acf-block-preview input[type="search"]:focus:hover:-moz-placeholder, .acf-block-preview input[type="search"]:focus:hover::-moz-placeholder, .acf-block-preview input[type="search"]:focus:hover:-ms-input-placeholder, .acf-block-preview input[type="search"]:not(.empty)::placeholder, .acf-block-preview input[type="search"]:not(.empty)::-webkit-input-placeholder, .acf-block-preview input[type="search"]:not(.empty):-moz-placeholder, .acf-block-preview input[type="search"]:not(.empty)::-moz-placeholder, .acf-block-preview input[type="search"]:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend input[type="search"]:focus,.theme-frontend input[type="search"]:focus:hover,.theme-frontend input[type="search"]:not(.empty), .acf-block-preview input[type="search"]:focus, .acf-block-preview input[type="search"]:focus:hover, .acf-block-preview input[type="search"]:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend input[type="search"]:hover, .acf-block-preview input[type="search"]:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend input[type="search"], .acf-block-preview input[type="search"] {
    -webkit-appearance: textfield;
  }


.theme-frontend input[type="search"]::-webkit-search-decoration, .acf-block-preview input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }


.theme-frontend input[type="search"]::-webkit-search-cancel-button, .acf-block-preview input[type="search"]::-webkit-search-cancel-button {
    filter: brightness(0) invert(1);
  }


/* -------------------------------------------------------------------------------------
      submit buttons
  ------------------------------------------------------------------------------------- */


.theme-frontend input[type="submit"], .theme-frontend form button, .acf-block-preview input[type="submit"], .acf-block-preview form button{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.theme-frontend input[type="submit"].btn[class*=bg-white],.theme-frontend input[type="submit"].btn[class*=bg-cd-white], .theme-frontend form button.btn[class*=bg-white], .theme-frontend form button.btn[class*=bg-cd-white], .acf-block-preview input[type="submit"].btn[class*=bg-white], .acf-block-preview input[type="submit"].btn[class*=bg-cd-white], .acf-block-preview form button.btn[class*=bg-white], .acf-block-preview form button.btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af;
    }


.theme-frontend input[type="submit"]::after, .theme-frontend form button::after, .acf-block-preview input[type="submit"]::after, .acf-block-preview form button::after {
      --size: 120%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.theme-frontend input[type="submit"]:hover, .theme-frontend form button:hover, .acf-block-preview input[type="submit"]:hover, .acf-block-preview form button:hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.theme-frontend input[type="submit"]:hover::after, .theme-frontend form button:hover::after, .acf-block-preview input[type="submit"]:hover::after, .acf-block-preview form button:hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-frontend input[type="submit"]:hover [class^=icon-], .theme-frontend form button:hover [class^=icon-], .acf-block-preview input[type="submit"]:hover [class^=icon-], .acf-block-preview form button:hover [class^=icon-] {
        translate: 5px 0;
      }


.theme-frontend input[type="submit"]:focus::after, .theme-frontend form button:focus::after, .acf-block-preview input[type="submit"]:focus::after, .acf-block-preview form button:focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-frontend input[type="submit"] [class^=icon-], .theme-frontend form button [class^=icon-], .acf-block-preview input[type="submit"] [class^=icon-], .acf-block-preview form button [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


.theme-frontend input[type="submit"]:has(.icon), .theme-frontend form button:has(.icon), .acf-block-preview input[type="submit"]:has(.icon), .acf-block-preview form button:has(.icon) {
      display: flex;
      align-items: center;
    }


.theme-frontend input[type="submit"] .icon, .theme-frontend form button .icon, .acf-block-preview input[type="submit"] .icon, .acf-block-preview form button .icon {
      width: auto;
      height: 0.9em;
    }


.theme-frontend input[type="submit"].icon-left .icon, .theme-frontend form button.icon-left .icon, .acf-block-preview input[type="submit"].icon-left .icon, .acf-block-preview form button.icon-left .icon {
        transform: translateX(-30%);
      }


.theme-frontend input[type="submit"].icon-right .icon, .theme-frontend form button.icon-right .icon, .acf-block-preview input[type="submit"].icon-right .icon, .acf-block-preview form button.icon-right .icon {
        transform: translateX(30%);
      }


.theme-frontend input[type="submit"] .loader, .theme-frontend form button .loader, .acf-block-preview input[type="submit"] .loader, .acf-block-preview form button .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


.theme-frontend input[type="submit"], .theme-frontend form button, .acf-block-preview input[type="submit"], .acf-block-preview form button{
  font-size: clamp(1rem, 1.2121212121212122 * 1vw, 1.5rem);
  line-height: 1.7;
    padding-right: 2.7em;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22white%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22white%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M2%202l9%209-9%209%22%2F%3E%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 1.2em top 50%;
    background-size: auto 1em;
}


.theme-frontend input[type="submit"]:hover, .theme-frontend form button:hover, .acf-block-preview input[type="submit"]:hover, .acf-block-preview form button:hover {
      background-position: right 0.9em top 50%;
    }


.is-validating .theme-frontend input[type="submit"],.is-validating  .theme-frontend form button,.is-validating  .acf-block-preview input[type="submit"],.is-validating  .acf-block-preview form button {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20viewBox%3D%220%200%2020%2020%22%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20style%3D%22fill%3Awhite%22%3E%0A%20%20%3Cpath%20d%3D%22M1%2C10c0%2C4.967%204.033%2C9%209%2C9c4.967%2C0%209%2C-4.033%209%2C-9c0%2C-4.967%20-4.033%2C-9%20-9%2C-9l0%2C-1l0.065%2C0c5.489%2C0.035%209.935%2C4.502%209.935%2C10c0%2C5.519%20-4.481%2C10%20-10%2C10c-5.519%2C0%20-10%2C-4.481%20-10%2C-10l1%2C0Z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2010%2010%3B360%2010%2010%22%20times%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  }


/* -------------------------------------------------------------------------------------
      select
  ------------------------------------------------------------------------------------- */


.theme-frontend select, .acf-block-preview select {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend select::placeholder,.theme-frontend select::-webkit-input-placeholder,.theme-frontend select:-moz-placeholder,.theme-frontend select::-moz-placeholder,.theme-frontend select:-ms-input-placeholder, .acf-block-preview select::placeholder, .acf-block-preview select::-webkit-input-placeholder, .acf-block-preview select:-moz-placeholder, .acf-block-preview select::-moz-placeholder, .acf-block-preview select:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend select::-moz-focus-inner, .acf-block-preview select::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend select:focus::placeholder,.theme-frontend select:focus::-webkit-input-placeholder,.theme-frontend select:focus:-moz-placeholder,.theme-frontend select:focus::-moz-placeholder,.theme-frontend select:focus:-ms-input-placeholder,.theme-frontend select:focus:hover::placeholder,.theme-frontend select:focus:hover::-webkit-input-placeholder,.theme-frontend select:focus:hover:-moz-placeholder,.theme-frontend select:focus:hover::-moz-placeholder,.theme-frontend select:focus:hover:-ms-input-placeholder,.theme-frontend select:not(.empty)::placeholder,.theme-frontend select:not(.empty)::-webkit-input-placeholder,.theme-frontend select:not(.empty):-moz-placeholder,.theme-frontend select:not(.empty)::-moz-placeholder,.theme-frontend select:not(.empty):-ms-input-placeholder, .acf-block-preview select:focus::placeholder, .acf-block-preview select:focus::-webkit-input-placeholder, .acf-block-preview select:focus:-moz-placeholder, .acf-block-preview select:focus::-moz-placeholder, .acf-block-preview select:focus:-ms-input-placeholder, .acf-block-preview select:focus:hover::placeholder, .acf-block-preview select:focus:hover::-webkit-input-placeholder, .acf-block-preview select:focus:hover:-moz-placeholder, .acf-block-preview select:focus:hover::-moz-placeholder, .acf-block-preview select:focus:hover:-ms-input-placeholder, .acf-block-preview select:not(.empty)::placeholder, .acf-block-preview select:not(.empty)::-webkit-input-placeholder, .acf-block-preview select:not(.empty):-moz-placeholder, .acf-block-preview select:not(.empty)::-moz-placeholder, .acf-block-preview select:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend select:focus,.theme-frontend select:focus:hover,.theme-frontend select:not(.empty), .acf-block-preview select:focus, .acf-block-preview select:focus:hover, .acf-block-preview select:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend select:hover, .acf-block-preview select:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend select, .acf-block-preview select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    padding-right: 40px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2022%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2C2l9%2C9l9%2C-9%22%20%2F%3E%3C%2Fsvg%3E%0A") !important;
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 18px auto;
    transition: all 0.3s ease-in-out 0s;
}


/* IE Fix to hide Select Arrow */


.theme-frontend select::-ms-expand, .acf-block-preview select::-ms-expand {
      display: none;
    }


.theme-frontend select option, .acf-block-preview select option {
      border: none;
      outline: none;
    }


.theme-frontend select:hover, .theme-frontend select:focus, .acf-block-preview select:hover, .acf-block-preview select:focus {
      background-position: right 15px top calc(50% + 2px);
    }


.theme-frontend .select2-container, .acf-block-preview .select2-container {
    /* Fix for aligning correctly */
    margin-bottom: 4px;
  }


.theme-frontend .select2-container .select2-selection, .acf-block-preview .select2-container .select2-selection {
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;

  }


.theme-frontend .select2-container .select2-selection::placeholder,.theme-frontend .select2-container .select2-selection::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:-moz-placeholder,.theme-frontend .select2-container .select2-selection::-moz-placeholder,.theme-frontend .select2-container .select2-selection:-ms-input-placeholder, .acf-block-preview .select2-container .select2-selection::placeholder, .acf-block-preview .select2-container .select2-selection::-webkit-input-placeholder, .acf-block-preview .select2-container .select2-selection:-moz-placeholder, .acf-block-preview .select2-container .select2-selection::-moz-placeholder, .acf-block-preview .select2-container .select2-selection:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend .select2-container .select2-selection::-moz-focus-inner, .acf-block-preview .select2-container .select2-selection::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend .select2-container .select2-selection:focus::placeholder,.theme-frontend .select2-container .select2-selection:focus::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus::-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:-ms-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover:-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover:-ms-input-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty):-moz-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::-moz-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty):-ms-input-placeholder, .acf-block-preview .select2-container .select2-selection:focus::placeholder, .acf-block-preview .select2-container .select2-selection:focus::-webkit-input-placeholder, .acf-block-preview .select2-container .select2-selection:focus:-moz-placeholder, .acf-block-preview .select2-container .select2-selection:focus::-moz-placeholder, .acf-block-preview .select2-container .select2-selection:focus:-ms-input-placeholder, .acf-block-preview .select2-container .select2-selection:focus:hover::placeholder, .acf-block-preview .select2-container .select2-selection:focus:hover::-webkit-input-placeholder, .acf-block-preview .select2-container .select2-selection:focus:hover:-moz-placeholder, .acf-block-preview .select2-container .select2-selection:focus:hover::-moz-placeholder, .acf-block-preview .select2-container .select2-selection:focus:hover:-ms-input-placeholder, .acf-block-preview .select2-container .select2-selection:not(.empty)::placeholder, .acf-block-preview .select2-container .select2-selection:not(.empty)::-webkit-input-placeholder, .acf-block-preview .select2-container .select2-selection:not(.empty):-moz-placeholder, .acf-block-preview .select2-container .select2-selection:not(.empty)::-moz-placeholder, .acf-block-preview .select2-container .select2-selection:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend .select2-container .select2-selection:focus,.theme-frontend .select2-container .select2-selection:focus:hover,.theme-frontend .select2-container .select2-selection:not(.empty), .acf-block-preview .select2-container .select2-selection:focus, .acf-block-preview .select2-container .select2-selection:focus:hover, .acf-block-preview .select2-container .select2-selection:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend .select2-container .select2-selection:hover, .acf-block-preview .select2-container .select2-selection:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend .select2-container .select2-selection, .acf-block-preview .select2-container .select2-selection{
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: space-between;
}


.theme-frontend .select2-container .select2-selection.select2-selection--single .select2-selection__rendered, .acf-block-preview .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
          color: inherit;
          line-height: inherit;
          padding-left: 0;
        }


.theme-frontend .select2-container .select2-selection__arrow, .acf-block-preview .select2-container .select2-selection__arrow {
      position: static;
      height: 20px;
      max-height: 100%;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2022%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2C2l9%2C9l9%2C-9%22%20%2F%3E%3C%2Fsvg%3E%0A");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px auto;
      transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
    }


.theme-frontend .select2-container .select2-selection__arrow b, .acf-block-preview .select2-container .select2-selection__arrow b {
        display: none;
      }


.theme-frontend .select2-container.select2-container--open, .acf-block-preview .select2-container.select2-container--open {
      background-color: #fff;

    }


.theme-frontend .select2-container.select2-container--open .select2-selection__arrow, .acf-block-preview .select2-container.select2-container--open .select2-selection__arrow {
        transform: rotate(180deg);
      }


.theme-frontend .select2-container.select2-container--open .select2-dropdown, .theme-frontend .select2-container.select2-container--open .select2-selection, .acf-block-preview .select2-container.select2-container--open .select2-dropdown, .acf-block-preview .select2-container.select2-container--open .select2-selection {
        background-color: var(--form-bg-color-focus);
      }


.theme-frontend .select2-container .select2-dropdown, .acf-block-preview .select2-container .select2-dropdown {
      position: relative;
      padding-inline: 12px;
      border: none;
      background-color: var(--form-bg-color);
    }


.theme-frontend .select2-container .select2-dropdown .select2-search--dropdown, .acf-block-preview .select2-container .select2-dropdown .select2-search--dropdown {
        padding-inline: 0;
      }


.theme-frontend .select2-container .select2-dropdown .select2-search--dropdown .select2-search__field, .acf-block-preview .select2-container .select2-dropdown .select2-search--dropdown .select2-search__field{
  border-style: none;
  background-color: rgb(255 255 255 / 0.4);
}


.theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option[data-selected=true], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option[data-selected=true] {
            background-color: var(--form-bg-color);
          }


.theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[data-selected], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[data-selected] {
            background-color: var(--accent-color);
          }


/* -------------------------------------------------------------------------------------
    radio
  ------------------------------------------------------------------------------------- */


.theme-frontend .form-radio, .acf-block-preview .form-radio {
    display: flex;
    align-items: center;
    position: relative;
  }


.theme-frontend .form-radio .form-radio-icon, .acf-block-preview .form-radio .form-radio-icon {
      position: relative;
      display: block;
      width: 19px;
      height: 19px;
      margin: 0.1em 0.4em 0.1em 0;
      border: 1px solid var(--accent-color);
      order: 1;
      z-index: 0;
    }


.theme-frontend .form-radio .form-radio-icon::before, .acf-block-preview .form-radio .form-radio-icon::before {
        content: '';
        display: block;
        position: absolute;
        inset: 1px;
        background-color: transparent;
        transition: background-color 0.3s ease-in-out 0s;
      }


.theme-frontend .form-radio input[type=radio], .acf-block-preview .form-radio input[type=radio] {
      position: absolute;
      inset: 0;
      overflow: hidden;
      opacity: 0;
      order: 2;
      z-index: 1;
    }


.theme-frontend .form-radio input[type=radio]:checked + .form-radio-icon::before, .acf-block-preview .form-radio input[type=radio]:checked + .form-radio-icon::before {
          background-color: var(--accent-color);
        }


.theme-frontend .form-radio + label, .acf-block-preview .form-radio + label {
      margin-bottom: -0.1em;
    }


/* -------------------------------------------------------------------------------------
    checkbox
  ------------------------------------------------------------------------------------- */


.theme-frontend .form-checkbox, .acf-block-preview .form-checkbox {
    display: flex;
    align-items: center;
    position: relative;
  }


.theme-frontend .form-checkbox .form-checkbox-icon, .acf-block-preview .form-checkbox .form-checkbox-icon {
      position: relative;
      display: block;
    font-size: var(--form-font-size);
    color: var(--form-text-color);
    box-sizing: border-box;
    height: auto;
    line-height: var(--form-line-height);
    padding: var(--form-padding-block) var(--form-padding-inline);
    border: 1px solid;
    border-radius: 0px;
    background-color: var(--form-bg-color);
    border-color: var(--form-border-color);
    resize: none;
    transition: all 0.3s ease-in-out 0s;
    }


.theme-frontend .form-checkbox .form-checkbox-icon::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:-ms-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon::placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon::-webkit-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon::-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:-ms-input-placeholder {
      -webkit-transition: opacity 0.3s ease-out 0s;
      -moz-transition: opacity 0.3s ease-out 0s;
      -ms-transition: opacity 0.3s ease-out 0s;
      transition: opacity 0.3s ease-out 0s;
      color: var(--form-placeholder-color);
      opacity: 0.5;
    }


.theme-frontend .form-checkbox .form-checkbox-icon::-moz-focus-inner, .acf-block-preview .form-checkbox .form-checkbox-icon::-moz-focus-inner /* Remove button padding in FF */
    {
      border: 0;
      padding: 0;
    }


.theme-frontend .form-checkbox .form-checkbox-icon:focus::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:-ms-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover:-ms-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty):-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty):-ms-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus::placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus::-webkit-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus::-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:-ms-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::-webkit-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover:-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover:-ms-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::-webkit-input-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty):-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::-moz-placeholder, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty):-ms-input-placeholder {
        opacity: 0.3;
      }


.theme-frontend .form-checkbox .form-checkbox-icon:focus,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty), .acf-block-preview .form-checkbox .form-checkbox-icon:focus, .acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover, .acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty){
      box-shadow: none;
      outline: none;
      background-color: var(--form-bg-color-focus);
      border-color: var(--form-border-color-focus);
}


.theme-frontend .form-checkbox .form-checkbox-icon:hover, .acf-block-preview .form-checkbox .form-checkbox-icon:hover {
      color: var(--form-text-color);
      border-color: #d1d5db;
      background-color: var(--form-bg-color-hover);
      border-color: var(--form-border-color-hover);
    }


.theme-frontend .form-checkbox .form-checkbox-icon, .acf-block-preview .form-checkbox .form-checkbox-icon {
      padding: var(--form-padding-block);
      margin-right: var(--form-padding-block);
      /* border: 1px solid var(--accent-color); */
      order: 1;
    }


.theme-frontend .form-checkbox .form-checkbox-icon svg, .acf-block-preview .form-checkbox .form-checkbox-icon svg {
        color: var(--accent-color);
        content: '';
        display: block;
        position: absolute;
        inset: 8%;
        width: 84%;
        height: 84%;
        opacity: 0;
        transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0s;
        transform: rotate(-30deg);
      }


.theme-frontend .form-checkbox input[type=checkbox], .acf-block-preview .form-checkbox input[type=checkbox] {
      width: calc(var(--form-padding-block) * 2);
      height: calc(var(--form-padding-block) * 2);
      margin: 0;
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      overflow: hidden;
      opacity: 0;
    }


.theme-frontend .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon svg, .acf-block-preview .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon svg {
          opacity: 1;
          transform: rotate(0deg) scale(1.2) translate(8%, -12%);
          transition-delay: 0s, 0.1s;
        }


/* -------------------------------------------------------------------------------------
    labels
  ------------------------------------------------------------------------------------- */


.theme-frontend body label, .theme-frontend body .acf-field .acf-label label, .acf-block-preview body label, .acf-block-preview body .acf-field .acf-label label {
    font-weight: normal;
    /* font-size: 14px;
    color: theme('colors.gray.500'); */
    display: block;
    padding-left: var(--form-padding-inline);
    margin-bottom: 5px;
  }


/* -------------------------------------------------------------------------------------
    ACF
  ------------------------------------------------------------------------------------- */


.theme-frontend .acf-form, .acf-block-preview .acf-form{
  width: 100%;
    --field-gap: 1.25rem;
    /* overflow: hidden; */
}


/* field wrapper */


.theme-frontend .acf-fields, .acf-block-preview .acf-fields{
  display: flex;
  flex-wrap: wrap;
    gap: var(--field-gap);
    width: 100%;
}


.theme-frontend .acf-fields .acf-field, .acf-block-preview .acf-fields .acf-field{
  flex-grow: 1;
      padding: 0;
      margin: 0;
}


.theme-frontend .acf-fields .acf-field .acf-label, .acf-block-preview .acf-fields .acf-field .acf-label {
        font-size: var(--form-font-size);
        padding-left: var(--form-padding-inline);
      }


.theme-frontend .acf-fields .acf-field .acf-label label, .acf-block-preview .acf-fields .acf-field .acf-label label {
    font-weight: normal;
    /* font-size: 14px;
    color: theme('colors.gray.500'); */
    display: block;
    padding-left: var(--form-padding-inline);
    margin-bottom: 5px;
    padding-left: 0px;
  }


.theme-frontend .acf-fields .acf-field .acf-input, .acf-block-preview .acf-fields .acf-field .acf-input{
  position: relative;
}


.theme-frontend .acf-fields .acf-field .acf-input input[type=text], .theme-frontend .acf-fields .acf-field .acf-input input[type=date], .theme-frontend .acf-fields .acf-field .acf-input input[type=email], .theme-frontend .acf-fields .acf-field .acf-input textarea, .acf-block-preview .acf-fields .acf-field .acf-input input[type=text], .acf-block-preview .acf-fields .acf-field .acf-input input[type=date], .acf-block-preview .acf-fields .acf-field .acf-input input[type=email], .acf-block-preview .acf-fields .acf-field .acf-input textarea{
  width: 100%;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message, .acf-block-preview .acf-fields .acf-field .acf-input label .message{
  display: flex;
  flex-direction: column;
		font-size: clamp(1.1rem, 1.0505050505050506 * 1vw, 1.3rem);
		line-height: 1.7;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message :is(>:first-child), .acf-block-preview .acf-fields .acf-field .acf-input label .message :is(>:first-child) {
			padding-block-start: 0;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 {
	font-size: clamp(2.5rem, 4.040404040404041 * 1vw, 5rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 {
	font-size: clamp(2.25rem, 3.0303030303030303 * 1vw, 3.75rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3{
  font-weight: 900;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 {
	font-size: clamp(1.875rem, 2.525252525252525 * 1vw, 3.125rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 {
	font-size: clamp(1.5rem, 2.0202020202020203 * 1vw, 2.5rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 {
	font-size: clamp(1.375rem, 1.5151515151515151 * 1vw, 1.875rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6{
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-wrap: balance;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6:not(.text-*), .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-right {
		color: currentColor;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-left, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-left {
		place-self: flex-start;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-center, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-center {
		place-self: center;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-right, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-right {
		place-self: flex-end;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-background {
		padding: .3lh .5lh;
	}


@media (max-width:470px) {


.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 {
		-webkit-hyphens: auto;
		hyphens: auto
}
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 {
	font-size: clamp(1.25rem, 1.3131313131313131 * 1vw, 1.625rem);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link)  {
	color: var(--accent-color);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link)  {
	color: var(--accent-color);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link){
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link):hover{
  text-underline-offset: 3px;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link)  {
	transition: all 0.3s ease-out 0s;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link){
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link):hover{
  text-underline-offset: 3px;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link)  {
	transition: all 0.3s ease-out 0s;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message p, .acf-block-preview .acf-fields .acf-field .acf-input label .message p {
	margin-block: 0;
	padding-block: 0.7em;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message p img, .acf-block-preview .acf-fields .acf-field .acf-input label .message p img {
		display: inline;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message p img:not([style*=width]), .acf-block-preview .acf-fields .acf-field .acf-input label .message p img:not([style*=width]) {
			height: 1em;
			width: auto;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul {
	list-style: none;
	padding: 0;
	margin-block: 1em;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li {
		position: relative;
		padding-bottom: 0.4em;
		padding-left: 1.5em;

	}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li:last-child, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li:last-child {
			padding-bottom: 0;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li .list-item-icon, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li .list-item-icon{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
			left: 0;
			top: -0.1em;
			height: 1lh;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li .list-item-icon svg, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li .list-item-icon svg {
				color: var(--accent-color);
				display: block;
				line-height: inherit;
				height: 1em;
				width: 1em;
			}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li img, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li img {
			display: inline;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li img:not([style*=width]), .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li img:not([style*=width]) {
				height: 1em;
				width: auto;
			}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li div[class*=block-editor], .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li div[class*=block-editor] {
			display: inline-block;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul li ul, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li ul {
			padding-top: .3em;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]), .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) {
		margin-left: 2em;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li {
			padding-left: 0;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li::marker, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li::marker {
				content: '• ';
				font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
				letter-spacing: -0.2em;
			}


.theme-frontend .acf-fields .acf-field .acf-input label .message ol, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol {
	list-style-type: decimal;
	margin: initial;
	margin-left: 0.3em;
	padding: 0 0 0 1em;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message ol >li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol >li {
		padding-left: 0.1em;
		margin-bottom: 0.4em;
	}


.theme-frontend .acf-fields .acf-field .acf-input label .message ol >li::marker, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol >li::marker{
  font-weight: 600;
			color: var(--accent-color);
}


.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote {
	quotes: '„' '”' '‚' '’';
	margin-block: 1em;
	padding: 1em;
	border-left-width: 4px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));

}


.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 1.25em;
  line-height: 1.7;
  font-weight: 600;
  font-style: italic;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p::before, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p::before {
			content: open-quote;
			display: inline;
			padding-right: 3px;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p::after, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p::after {
			content: close-quote;
			display: inline;
			padding-left: 3px;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote cite, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote cite{
  font-style: normal;
}


.theme-frontend .acf-fields .acf-field .acf-input label .message .wp-block-button, .acf-block-preview .acf-fields .acf-field .acf-input label .message .wp-block-button { padding-block: 0.7em; }


.theme-frontend .acf-fields .acf-field .acf-input label .message .wp-block-table, .acf-block-preview .acf-fields .acf-field .acf-input label .message .wp-block-table { padding-block: 0.7em; }


.theme-frontend .acf-fields .acf-field .acf-input label .message .has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message .has-background {
			padding: .3lh .5lh;
		}


.theme-frontend .acf-fields .acf-field .acf-input label .message, .acf-block-preview .acf-fields .acf-field .acf-input label .message{
  display: block;
  font-size: 1em;
  line-height: 1.7;
}


.m-text--text >div:has(> h1):has(> .theme-frontend .acf-fields .acf-field .acf-input label .message:empty) >h1,.m-text--text >div:has(> h1):has(>  .acf-block-preview .acf-fields .acf-field .acf-input label .message:empty) >h1 {
        padding: 0;
      }


/* hide acf error message immediately to prevent jerking */


.theme-frontend .acf-fields .acf-field:not(.acf-error) .acf-input .acf-error-message.acf-notice.-error, .acf-block-preview .acf-fields .acf-field:not(.acf-error) .acf-input .acf-error-message.acf-notice.-error {
        display: none !important;
      }


.theme-frontend .acf-button, .acf-block-preview .acf-button{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}


.theme-frontend .acf-button.btn[class*=bg-white],.theme-frontend .acf-button.btn[class*=bg-cd-white], .acf-block-preview .acf-button.btn[class*=bg-white], .acf-block-preview .acf-button.btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af;
    }


.theme-frontend .acf-button::after, .acf-block-preview .acf-button::after {
      --size: 120%;
      content: '';
      position: absolute;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      opacity: 0;
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.theme-frontend .acf-button:hover, .acf-block-preview .acf-button:hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.theme-frontend .acf-button:hover::after, .acf-block-preview .acf-button:hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-frontend .acf-button:hover [class^=icon-], .acf-block-preview .acf-button:hover [class^=icon-] {
        translate: 5px 0;
      }


.theme-frontend .acf-button:focus::after, .acf-block-preview .acf-button:focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-frontend .acf-button [class^=icon-], .acf-block-preview .acf-button [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


.theme-frontend .acf-button:has(.icon), .acf-block-preview .acf-button:has(.icon) {
      display: flex;
      align-items: center;
    }


.theme-frontend .acf-button .icon, .acf-block-preview .acf-button .icon {
      width: auto;
      height: 0.9em;
    }


.theme-frontend .acf-button.icon-left .icon, .acf-block-preview .acf-button.icon-left .icon {
        transform: translateX(-30%);
      }


.theme-frontend .acf-button.icon-right .icon, .acf-block-preview .acf-button.icon-right .icon {
        transform: translateX(30%);
      }


.theme-frontend .acf-button .loader, .acf-block-preview .acf-button .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


.theme-frontend .acf-form-submit, .acf-block-preview .acf-form-submit {
    padding-top: var(--field-gap);
  }


/* ACF checkbox */


.theme-frontend .acf-checkbox-list label, .acf-block-preview .acf-checkbox-list label {
      display: flex;
      white-space: pre;
    }


/* ACF radio */


.theme-frontend .acf-field-select .acf-input select, .acf-block-preview .acf-field-select .acf-input select{
  width: 100%;
}


/* ACF radio */


.theme-frontend .acf-field-radio .acf-input .acf-radio-list, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list {
        border-bottom: none;
        padding-bottom: 0;
      }


.theme-frontend .acf-field-radio .acf-input .acf-radio-list li label, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list li label {
            display: flex;
            align-items: center;
          }


.theme-frontend .acf-field-radio .acf-input .acf-radio-list.acf-hl, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list.acf-hl {
          display: flex;
        }


.theme-frontend .acf-field-radio .acf-input .acf-radio-list.acf-hl li, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list.acf-hl li {
            margin-right: 40px;
          }


.theme-frontend .acf-field-true-false .acf-input label, .acf-block-preview .acf-field-true-false .acf-input label {
        display: flex;
        align-items: center;
      }


/* messages/ errors */


.theme-frontend .acf-error-message, .acf-block-preview .acf-error-message{
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: hsl(5 66% 38% / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 12px;
    position: absolute !important;
    left: var(--form-padding-inline);
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    z-index: 10;
    pointer-events: none;
}


/* let's the user click through the error message so that the input can be focused ( which in turn hides the error message ) */


.theme-frontend .acf-error-message >p, .acf-block-preview .acf-error-message >p {
      position: relative;
      white-space: nowrap;
      margin: 0;
      padding: 0;
    }


.acf-input .theme-frontend .acf-error-message, .acf-input .acf-block-preview .acf-error-message {
      margin-top: -6px;
      margin-bottom: 6px;
    }


.theme-frontend .acf-field-textarea .acf-error-message, .acf-block-preview .acf-field-textarea .acf-error-message {
      top: var(--form-padding-inline);
      transform: none;
    }


.theme-frontend .acf-required, .acf-block-preview .acf-required {
    color: hsl(5, 66%, 38%);
    font-size: 20px;
    line-height: 0;
    margin-inline-start: -2px;
  }


/* Datepicker UI */


#ui-datepicker-div {
  z-index: 999 !important;
}


/* -------------------------------------------------------------------------------------
   scroll animations
------------------------------------------------------------------------------------- */


/* @layer utilities {
	.is-animated {
		--t-delay: 0s;
		will-change: transform, opacity;
		transform-style: preserve-3d;
		transition-property: transform, opacity;
		transition-timing-function: ease-in-out;
		transition-delay: var(--t-delay);
		transition-duration: 0.5s;
	}
	.is-outside-viewport {
		@apply is-animated;
		opacity: 0;
		transform: translateY(30px);

		&.scroll-reverse {
			opacity: 1;
			transform: translateY(0);
		}
	}
} */


/* body.animate-content-sections {
	.scroll-fade {
		@apply is-outside-viewport;

		&.is-inside-viewport {
			--t-delay: 0.2s;
			opacity: 1;
			transform: translateY(0);

			&:nth-of-type(-n + 2) {
				--t-delay: 0s;
			}
		}
	}
} */


/* body.animate-content-sections .content-sections > .content-section:not(:first-of-type) {
	@apply is-outside-viewport;

	&.is-inside-viewport {
		--t-delay: 0.2s;
		opacity: 1;
		transform: translateY(0);

		&:nth-of-type(-n + 2) {
			--t-delay: 0s;
		}
	}
} */


/*--------------------------------------------------------------
## FadeIn
## Usage
## animation: FadeIn 0.5s ease-out alternate;
--------------------------------------------------------------*/


@keyframes FadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/*--------------------------------------------------------------
## FadeSlideIn from right
## Usage
## animation: FadeInFromRight 10s infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes FadeInFromRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/*--------------------------------------------------------------
## FadeSlideIn from left
## Usage
## animation: FadeInFromLeft 10s infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes FadeInFromLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/*--------------------------------------------------------------
## FadeSlideOut to left
## Usage
## animation: FadeOutToLeft 10s infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes FadeOutToLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(-100px);
	}
}


/*--------------------------------------------------------------
## FadeSlideOut to right
## Usage
## animation: FadeOutToRight 10s infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes FadeOutToRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(100px);
	}
}


/*--------------------------------------------------------------
## Ken Burns Effekt für Bilder
## Usage
## animation: KenBurns 10s infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes KenBurns {
	0% {
		transform-origin: top right;
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}


/*--------------------------------------------------------------
## Bumping Download Arrow
## Usage (:hover)
## animation: ArrowBump 500ms infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes ArrowBumpDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-5px);
	}
}


/*--------------------------------------------------------------
## Bumping Download Arrow
## Usage (:hover)
## animation: ArrowBump 500ms infinite ease-in-out alternate;
--------------------------------------------------------------*/


@keyframes ArrowBumpRight {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(5px);
	}
}


/*--------------------------------------------------------------
## Button Hover
## Usage
## animation: ButtonHover 0.8s ease-in-out;
--------------------------------------------------------------*/


@keyframes ButtonHover {
	0% {
		opacity: 0.8;
		transform: translate(-50%, -50%) scale(0);
		z-index: 2;
	}
	99% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
		z-index: 2;
	}
	100% {
		opacity: 0;
		z-index: -1;
	}
}


/*--------------------------------------------------------------
## Button Press
## Usage
## animation: ButtonPress 0.8s ease-in-out;
--------------------------------------------------------------*/


@keyframes ButtonPress {
	0% {
		opacity: 0.5;
		transform: translate(-50%, -50%) scale(0);
		z-index: 2;
	}
	99% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
		z-index: 2;
	}
	100% {
		opacity: 0;
		z-index: -1;
	}
}


/*--------------------------------------------------------------
## Rotate slowly
## Usage
## animation: RotateSlowly 20s infinite linear;
--------------------------------------------------------------*/


@keyframes RotateSlowly {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Wordpress + Gutenberg Block Styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.wp-block-image {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  break-inside: avoid-page;
}


.wp-block-image.alignleft {
    align-items: flex-start;
  }


.wp-block-image.alignright {
    align-items: flex-end;
  }


.wp-block-image.aligncenter {
    align-items: center;
  }


.content-section img {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }


/* -------------------------------------------------------------------------------------
   Content Modules
------------------------------------------------------------------------------------- */


/* .m-text {


} */


.m-text--wrapper {
  container-type: inline-size;
  width: 100%;
}


.m-text--text {
  container-type: inline-size;
  width: 100%;
}


@media ( max-width:479px ) {
    .m-text--text.container {
      padding-inline: 0 !important;
    }

    .m-text--text > div > h1 {
      line-height: 1.1;
    }
  }


/* Wenn es nur einen Titel gibt, dann das Padding des Titels (h1) entfernen */


.m-text--text >div:has(> h1):has(> .content:empty) >h1 {
        padding: 0;
      }


.m-post-title h1, .m-post-title h2, .m-post-title h3, .m-post-title h4, .m-post-title h5, .m-post-title h6 {
    /* text-transform: none; */
  }


/* -------------------------------------------------------------------------------------
   S L I D E R
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   S L I D E R Classes
------------------------------------------------------------------------------------- */


:root {
  --slider-nav-color: hsl(0, 100%, 40%);
}


/* -------------------------------------------------------------------------------------
   Sync Slider
------------------------------------------------------------------------------------- */


.splide-sync {
  /* padding-bottom: 60px; */
}


/* -------------------------------------------------------------------------------------
// Navigation Styles
------------------------------------------------------------------------------------- */


.splide .splide__pagination{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}


@media (min-width: 640px){


  .splide .splide__pagination{
    max-width: 640px;
    padding-right: 32px;
    padding-left: 32px;
  }
}


@media (min-width: 768px){


  .splide .splide__pagination{
    max-width: 768px;
  }
}


@media (min-width: 1024px){


  .splide .splide__pagination{
    max-width: 1024px;
    padding-right: 64px;
    padding-left: 64px;
  }
}


@media (min-width: 1280px){


  .splide .splide__pagination{
    max-width: 1280px;
    padding-right: 80px;
    padding-left: 80px;
  }
}


@media (min-width: 1536px){


  .splide .splide__pagination{
    max-width: 1536px;
    padding-right: 96px;
    padding-left: 96px;
  }
}


.splide .splide__pagination{
  justify-content: center;
}


@media ( max-width:479px ) {
    .m-text--text.splide .splide__pagination {
      padding-inline: 0;
    }
  }


.m-facts > .splide .splide__pagination {
		background-color: inherit;
	}


.content-section >.splide .splide__pagination {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}


.splide .splide__pagination {
  position: static;
  width: 100%;
  height: var(--slider-nav-arrow-size);
}


/* use pagination ( 1 / 4 ) insted of dots  ● ○ ○ ○ */


.slider-pager-numbers .splide__pagination {
    counter-reset: slide-count;
    font-size: 0.8em;
    display: flex;
    align-items: center;
  }


.slider-pager-numbers .splide__pagination::after {
      content: ' / ' counter(slide-count);
      margin-left: 6px;
    }


.slider-pager-numbers .splide__pagination li {
      font-size: inherit;
      line-height: inherit;
      display: block;
      counter-increment: slide-count;
    }


.slider-pager-numbers .splide__pagination li .splide__pagination__page {
        font-size: inherit;
        line-height: inherit;
        display: none;
        opacity: 1;
        transform: none;
      }


.slider-pager-numbers .splide__pagination li .splide__pagination__page.is-active {
          display: block;
          width: auto;
          height: auto;
          margin: 0;
          padding: 0;
          background: none;
          transform: none;
        }


.slider-pager-numbers .splide__pagination li .splide__pagination__page.is-active::before {
            content: counter(slide-count);
          }


/* Dot Navigation */


.splide:not(.slider-pager-numbers) .splide__pagination, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__pagination, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__pagination {
    position: absolute;
    top: 100%;
    display: flex;
    margin-top: 20px;
  }


.splide:not(.slider-pager-numbers) .splide__pagination > li, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__pagination > li, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__pagination > li {
      display: block;
      padding: 4px;
    }


.splide:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page {
        display: block;
        width: 8px;
        height: 8px;
        border: 1px solid var(--slider-nav-color);
        border-radius: 50%;
        background-color: transparent;
        opacity: 1;
        transition: background-color 0.3s ease-in-out 0s;
      }


.splide:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page:hover, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page:hover, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page:hover {
          background-color: var(--slider-nav-color);
        }


.splide:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page.is-active, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page.is-active, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__pagination > li .splide__pagination__page.is-active {
          background-color: var(--slider-nav-color);
        }


.splide:not(.slider-pager-numbers) .splide__arrows .splide__arrow--prev, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__arrows .splide__arrow--prev, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__arrows .splide__arrow--prev {
      left: calc( var(--slider-nav-arrow-size) * -0.25 );
    }


.splide:not(.slider-pager-numbers) .splide__arrows .splide__arrow--next, .splide-sync .slider-main:not(.slider-pager-numbers) .splide__arrows .splide__arrow--next, .splide-sync .slider-navigation:not(.slider-pager-numbers) .splide__arrows .splide__arrow--next {
      right: calc( var(--slider-nav-arrow-size) * -0.25 );
    }


/* -------------------------------------------------------------------------------------
// S P L I D E R General Styles

// overwrite general splider styles ( embed in .splide for overwriting )
------------------------------------------------------------------------------------- */


.content-section[class*=m-slider-].has-edit-mode:not(.is-edit-mode) .wp-block.block-list-appender {
      display: none !important;
    }


.splide {
  max-width: 100vw;
  visibility: visible;

}


.splide.is-active {
    visibility: visible;
  }


.splide.is-edit-mode {
    visibility: visible;
    container-type: inline-size;
    --slide-basis: 100%;
    --slide-min-width: 100px;
  }


@container (min-width:800px) {


.splide.is-edit-mode {
      --slide-basis: 800px
  }
    }


.splide.is-edit-mode .splide__track, .splide.is-edit-mode .splide__list {
      display: contents;
    }


/* -------------------------------------------------------------------------------------
       SLIDER EDIT MODE in Gutenberg
    ------------------------------------------------------------------------------------- */


.splide.is-edit-mode .block-editor-block-list__layout{
  display: flex;
  width: 100%;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
  overflow-x: auto;
}


.splide.is-edit-mode .block-editor-block-list__layout >.block-editor-block-list__block{
  scroll-snap-align: start;
        min-width: var(--slide-min-width);
        flex-basis: var(--slide-basis);
        flex-shrink: 0;
        flex-grow: 1;
}


.splide.is-edit-mode .block-editor-block-list__layout .wp-block.block-list-appender {
        z-index: 100 !important;
        position: sticky;
        display: flex;
        align-items: center;
      }


/* hide navigation, if not usable (next | prev disabled) */


.splide.is-not-navigatable .splide__arrows, .splide.is-not-navigatable .splide__arrow, .splide.is-not-navigatable .splide__pagination {
      display: none !important;
    }


.splide .splide__track {
    /* max-height: 400px; */
    /* overflow-y: hidden; */
    transition: opacity 1s ease 0s;
  }


.splide .splide__list {
    min-width: 100%;
  }


.splide .splide__slide {
    max-width: 100% !important;
  }


.is-admin .splide .splide__slide:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}


.is-admin .splide .splide__slide:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}


.is-admin .splide .splide__slide .splide__slide{
  background-color: transparent;
}


.splide .splide__arrow {
    width: var(--slider-nav-arrow-size);
    height: var(--slider-nav-arrow-size);
    opacity: 1;
    transform: none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;

    /* Custom Arrow */
    /* svg {
      display: none;
    }
    background-image: inlinesvg(<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80% auto;

      &.splide__arrow--prev {
        transform: rotate(180deg);
      } */
    }


.splide .splide__arrow:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        transform: scale(1.1);
}


.splide .splide__arrow:not(:disabled):active {
        transform: scale(1.05);
        transition-duration: 0s;
        background-color: #e5e7eb;
      }


.splide .splide__arrow:disabled {
      opacity: 0.3;
      cursor: default;
    }


.splide .splide__arrow svg {
      width: 50%;
      height: auto;
      fill: currentColor;
    }


/* Image Captions */


.splide figcaption {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }


.splide__track {
  opacity: 0;
}


.is-active .splide__track {
    max-height: none;
    overflow-y: visible;
    opacity: 1;
  }


/* -------------------------------------------------------------------------------------
   Hero Slider
------------------------------------------------------------------------------------- */


.m-slider-hero .splide.is-edit-mode {
    --slide-min-width: 100%;
  }


/* -------------------------------------------------------------------------------------
// Hreo Slider
------------------------------------------------------------------------------------- */


.m-slider-hero {

  /* Default height */
  --slider-height: clamp(25rem, 40.4040404040404 * 1vw, 50rem);

}


/* If the section/ block/ module ist set to full height (100vh)  */


.m-slider-hero.min-h-screen {
    --slider-height: 100vh !important;
  }


/* S I Z E S */


.m-slider-hero .slider-size-small {
    --slider-height: clamp(18.75rem, 30.3030303030303 * 1vw, 37.5rem);
  }


.m-slider-hero .slider-size-big {
    /* --slider-height: fluidsize(500px, 1000px); */
    --slider-height: 100vh;
  }


.m-slider-hero .splide__arrows {
    margin-top: 0;
  }


.m-slider-hero .splide {
    width: 100%;
    height: var(--slider-height);

  }


/* -------------------------------------------------------------------------------------
       Edit Mode
    ------------------------------------------------------------------------------------- */


.m-slider-hero .splide.is-edit-mode .splide__slide .slide__image {
          width: auto;
          min-height: 600px;
        }


/* -------------------------------------------------------------------------------------
      Dots
    ------------------------------------------------------------------------------------- */


.m-slider-hero .splide .splide__pagination{
  right: 0.5rem;
  top: 0px;
  bottom: auto;
  left: auto;
  margin-top: -2rem;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
      padding-top: 75%;
}


@media ( min-width: 560px ) {
      .m-slider-hero .splide .splide__pagination {
        padding-top: 40%;
      }
    }


/* .splide { */


/* Slides */


.m-slider-hero .splide__track {
    height: var(--slider-height);
  }


/* List */


.m-slider-hero .splide__list {
    height: var(--slider-height);
  }


/* Slides */


.m-slider-hero .splide__slide {
    height: var(--slider-height);
  }


/* -------------------------------------------------------------------------------------
// Image Slider
------------------------------------------------------------------------------------- */


.m-slider-images {
  max-width: 100%;
  overflow-x: hidden;

  /* Default height */
  --slider-height: clamp(18.75rem, 30.3030303030303 * 1vw, 37.5rem);

}


/* S I Z E S */


.m-slider-images .slider-size-tiny {
    --slider-height: clamp(3.75rem, 6.0606060606060606 * 1vw, 7.5rem);
  }


.m-slider-images .slider-size-tiny img {
      margin-right: clamp(1.875rem, 3.0303030303030303 * 1vw, 3.75rem);
    }


.m-slider-images .slider-size-small {
    --slider-height: clamp(12.5rem, 20.2020202020202 * 1vw, 25rem);
  }


.m-slider-images .slider-size-big {
    --slider-height: clamp(25rem, 40.4040404040404 * 1vw, 50rem);
  }


.m-slider-images .splide__track {
    overflow: visible;
  }


/* Slides Wrapper */


.m-slider-images .splide__list {
    width: unset; /* default: max-content (https://developer.mozilla.org/en-US/docs/Web/CSS/max-content) */
  }


.m-slider-images .splide__arrows {
    margin-top: 40px;
  }


/* Slides */


.m-slider-images .splide__slide {
    max-width: 100%;

  }


.m-slider-images .splide__slide img {
      width: auto;
      height: var(--slider-height);
      max-width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }


/* -------------------------------------------------------------------------------------
// Logo Slider
------------------------------------------------------------------------------------- */


.m-slider-logos .slider{
    width: 100%;
    height: var(--height);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 10% 90%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 10% 90%,
        transparent
    );
}


.m-slider-logos .slider .list{
    display: flex;
    width: 100%;
    min-width: calc(var(--width) * var(--quantity));
    position: relative;
}


.m-slider-logos .slider .list .item{
    width: var(--width);
    height: var(--height);
    position: absolute;
    left: 100%;
    animation: autoRun var(--duration) linear infinite;
    transition: filter 0.5s;
    animation-delay: calc( (var(--duration) / var(--quantity)) * (var(--position) - 1) - var(--duration))!important;
    display: flex;
    align-items: center;
}


.m-slider-logos .slider .list .item img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding-inline: 8%;
}


@media screen and (max-width:767px) {


.m-slider-logos .slider .list .item img{
      padding-inline: 2%
}
    }


@keyframes autoRun{
    from{
        left: 100%;
    }to{
        left: calc(var(--width) * -1);
    }
}


.m-slider-logos .slider:hover .item{
    animation-play-state: paused!important;
    filter: grayscale(1) blur(5px) opacity(75%);
}


.m-slider-logos .slider .item:hover{
    filter: grayscale(0) blur(0) opacity(100%);
}


.m-slider-logos .slider[data-reverse="true"] .item {
    animation: reversePlay var(--duration) linear infinite;
}


@keyframes reversePlay{
    from{
        left: calc(var(--width) * -1);
    }to{
        left: 100%;
    }
}


/* @import "slider-media-text"; */


/* @import "slider-logos"; */


/* @import "slider-testimonials"; */


.splide {
  /* Size of the navigation arrows ◀︎  ▶︎ */
  --slider-nav-arrow-size: 60px;
}


/* -------------------------------------------------------------------------------------
  Teaser/ Slider Kacheln
  m-teaser-tiles
------------------------------------------------------------------------------------- */


.m-teaser-tiles__tile {
  font-size: max( var(--cw) / 100 * 5.5, 10px );
  --tile-padding: 6%;
  position: relative;
  display: grid;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 40% / var(--tw-bg-opacity));

}


.m-teaser-tiles__tile::before {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    display: block;
    height: 30%;
    mix-blend-mode: multiply;
    opacity: 0.5;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: #000 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);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    transition: all 0.4s ease-in-out 0s;
    z-index: 1;
  }


.m-teaser-tiles__tile::after {
    content: '';
    position: absolute;
    display: block;
    inset: 0;
    opacity: 0;
    z-index: 2;
    will-change: opacity;
    transition: opacity 0.4s ease-in-out 0s;
    mix-blend-mode: hard-light;
    background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
  }


.m-teaser-tiles__tile.hover .m-teaser-tiles__link-tile, .m-teaser-tiles__tile:focus .m-teaser-tiles__link-tile {
      display: block;
    }


.m-teaser-tiles__tile.hover .m-teaser-tiles__title, .m-teaser-tiles__tile:focus .m-teaser-tiles__title {
      min-height: 100%;
    }


.m-teaser-tiles__tile.hover .m-teaser-tiles__image, .m-teaser-tiles__tile:focus .m-teaser-tiles__image {
      opacity: 0.4;
    }


.m-teaser-tiles__tile.hover .m-teaser-tiles__content, .m-teaser-tiles__tile:focus .m-teaser-tiles__content {
      z-index: 3;
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s, 0.2s;
    }


.m-teaser-tiles__tile.hover::before, .m-teaser-tiles__tile:focus::before{
  --tw-gradient-from: hsl(0, 100%, 40%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(0 100% 40% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}


.m-teaser-tiles__tile.hover::after, .m-teaser-tiles__tile:focus::after {
      opacity: 0.8;
    }


.m-teaser-tiles__link-tile {
  display: none;
}


.m-teaser-tiles__image {
  position: relative;
  z-index: 0;
  will-change: opacity;
  transition: opacity 0.4s ease-in-out 0s;
}


.m-teaser-tiles__content {
  font-size: max( var(--cw) / 100 * 5.5, 10px );
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--tile-padding);
  opacity: 0;
  z-index: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.4s ease-in-out 0s, transform 0.4s ease-in-out 0s;
}


.m-teaser-tiles__title {
  font-size: calc( var(--cw) / 100 * 10 );
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 20%;
  padding: var(--tile-padding);
  position: absolute;
  inset: auto 0 0 0;
  z-index: 4;
  will-change: min-height, opacity;
  transition: min-height 0.4s ease-in-out 0s;
}


.m-teaser-tiles__title:not(.without-arrow)::after {
      content: '-';
      color: transparent;
      display: block;
      height: .7em;
      max-height: 20px;
      margin-top: .5em;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20244%2051%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M242.25%2C4.5l-120.378%2C40.5l-120.375%2C-40.5%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3A%23fff%3Bstroke-width%3A9.38px%3B%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      transition: opacity 0.4s ease-in-out 0s;
    }


.m-teaser-tiles__link {
  align-self: flex-end;
}


/* -------------------------------------------------------------------------------------
   Splide
------------------------------------------------------------------------------------- */


.m-teaser-tiles .splide__slide {
    /* &.is-next, &.is-prev {
      transform: scale(1.1);
      z-index: 2;
    } */
  }


.m-teaser-tiles .splide__slide .m-teaser-tiles__tile {
      will-change: transform;
      transition: transform 0.4s ease-in-out 0s;
      transform-style: preserve-3d;
    }


.m-teaser-tiles .splide__slide:not(.is-active) {
      z-index: 3;
    }


.m-teaser-tiles .splide__slide:not(.is-active) .m-teaser-tiles__tile {
        transform: scale3D(0.9, 0.9, 0.9);
      }


/* -------------------------------------------------------------------------------------
   Tile Team Version 3x3 grid
------------------------------------------------------------------------------------- */


.m-teaser-team .m-teaser-tiles__tile {
    --scrollbar-color: rgba(255,255,255, 0.5);
  }


.m-teaser-team .m-teaser-tiles__tile .m-teaser-tiles__image img {
        transition: transform 0.4s cubic-bezier(.47,.01,.47,.99) 0s;
      }


.m-teaser-team .m-teaser-tiles__tile:hover .m-teaser-tiles__image img {
          transform: scale(1.1) rotate(1deg);
        }


.m-teaser-team .m-teaser-tiles__tile:nth-child(1) { transform-origin: left top; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(2) { transform-origin: center top; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(3) { transform-origin: right top; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(4) { transform-origin: left center; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(5) { transform-origin: center center; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(6) { transform-origin: right center; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(7) { transform-origin: left bottom; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(8) { transform-origin: center bottom; }


.m-teaser-team .m-teaser-tiles__tile:nth-child(9) { transform-origin: right bottom; }


@media (max-width: 640px) {


.m-teaser-team .m-teaser-tiles__tile {
      --timing-index: step-end;
      z-index: 1;
      transition: transform 0.4s cubic-bezier(.47,.01,.47,.99) 0s, z-index 0.5s var(--timing-index)
  }

      .m-teaser-team .m-teaser-tiles__tile.hover {
        --timing-index: step-start;
        transform: scale(var(--scale));
        z-index: 2;
      }
    }


.m-teaser-team .m-teaser-tiles__tile .m-teaser-tiles__content {
      font-size: calc( var(--cw) / 100 * 5.5 );
    }


.m-teaser-team .m-teaser-tiles__tile .team-member-flag svg {
        display: block;
        width: 100%;
        height: auto;
      }


.m-teaser-team .m-teaser-tiles__tile .simplebar-scrollbar::before {
        transform: scale(calc( 1 / ( var(--scale) / 2 ) ));
        background: white;
      }


.m-teaser-team .m-teaser-tiles__tile .simplebar-track.simplebar-vertical {
      transform: translateX(90%);
    }


.m-facts {
	--stroke-width: 6px;
	--stroke-gap: calc(var(--stroke-width) * 2.5);
	--stroke-color: hsl(0, 100%, 40%);
	--radius: 60%;
}


.m-facts > .container {
		background-color: inherit;
	}


.m-facts .m-facts-grid {
		background-color: inherit;
	}


.m-facts .m-facts-grid > *,
		.m-facts .m-facts-grid .indicator-cell {
			background-color: inherit;
		}


.m-facts .svg-wrapper {
		width: 100%;
		height: 100%;
		z-index: 0;
	}


@media ( min-width:900px ) {


.m-facts .svg-wrapper {
			--radius: 30%
	}
		}


.m-facts .svg-wrapper svg {
			position: absolute;
			width: 101%;
			height: 100%;
			min-height: 100px;
		}


.m-facts .indicator-svg {
		position: relative;
		z-index: 1;
		min-height: 60px;
		background-color: inherit;
	}


.m-facts .indicator-svg.top .svg-wrapper {
				top: calc(var(--stroke-width) * -0.5);
			}


.m-facts .indicator-svg.top svg {
				top: 0;
			}


.m-facts .indicator-svg.top svg rect {
					y: calc(var(--stroke-width) * 0.5);
				}


.m-facts .indicator-svg.bottom .svg-wrapper {
				top: calc(var(--stroke-width) * 0.5);
			}


.m-facts .indicator-svg.bottom svg {
				bottom: 0;
			}


.m-facts .indicator-svg.bottom svg rect {
					y: calc(100% - 1000px - var(--stroke-width) * 0.5);
				}


.m-facts .indicator-center {
		position: relative;
		z-index: 3;
		background-color: inherit;
	}


.m-facts .indicator-cell.odd .indicator-svg svg {
					left: 50%;
				}


.m-facts .indicator-cell.odd .indicator-svg.top {
					z-index: 2;
				}


.m-facts .indicator-cell.odd .indicator-svg .svg-wrapper {
					left: calc(var(--stroke-width) * -0.5);
				}


.m-facts .indicator-cell.odd .indicator-svg .svg-wrapper svg rect {
							x: calc(var(--stroke-width) * 0.5);
						}


.m-facts .indicator-cell.even .indicator-svg svg {
					right: 50%;
				}


.m-facts .indicator-cell.even .indicator-svg.bottom {
					z-index: 2;
				}


.m-facts .indicator-cell.even .indicator-svg .svg-wrapper {
					left: calc(var(--stroke-width) * 0.5);
				}


.m-facts .indicator-cell.even .indicator-svg .svg-wrapper svg rect {
							x: calc(100% - 1000px - var(--stroke-width) * 0.5);
						}


.m-facts .indicator-cell:first-of-type .top .svg-wrapper,
	.m-facts .indicator-cell:last-of-type .bottom .svg-wrapper {
		visibility: hidden;
	}


/* -------------------------------------------------------------------------------------
	 Adjust numbered indicators for Zilla Slab Font
------------------------------------------------------------------------------------- */


[class^=indicator-no-] {
	transform: translateY(-0.05em);
}


.indicator-no- {
	/* &6, &8 {
		transform: translateY(0.2em);
	} */
}


.indicator-no-3, .indicator-no-4, .indicator-no-5, .indicator-no-7, .indicator-no-9 {
		transform: translateY(-0.1em);
	}


.m-accordion {
  --border-color: #d1d5db;

}


.m-accordion .handorgel {
    border-color: var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-top: none;
    border-left: none;
    border-right: none;

    opacity: 0;
    max-height: 400px;
    overflow-y: hidden;
    transition: opacity 1s ease 0s;
  }


.m-accordion .handorgel.accordion-inited {
      max-height: none;
      overflow-y: visible;
      opacity: 1;
    }


.m-accordion h3.handorgel__header {
    display: block;
    width: auto;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }


.m-accordion h3.handorgel__header::after, .m-accordion h3.handorgel__header::before {
      display: none;
    }


.m-accordion .handorgel__header__button {
    font-weight: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid var(--border-color);
    background: none !important;
  }


.m-accordion .handorgel__content {
    border: none;
    background-color: transparent;
  }


.m-accordion .handorgel__content__inner {
    padding-right: 0;
    padding-left: 0;
  }


.m-accordion .handorgel__header__icon {
    --arrow-angle: 45deg;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: background-color 0.4s ease-in-out 0s, transform 0.4s ease-in-out 0.3s;
    cursor: pointer;

  }


.m-accordion .handorgel__header__icon::before, .m-accordion .handorgel__header__icon::after {
      --icon-l: 18px;
      --icon-s: 2px;
      content: '';
      display: block;
      width: var(--icon-s);
      height: var(--icon-l);
      --tw-bg-opacity: 1;
      background-color: hsl(0 100% 40% / var(--tw-bg-opacity));
      transition: transform 0.4s ease-in-out 0s;
    }


.m-accordion .handorgel__header__icon::after {
      margin-left: calc( ( var(--icon-s) * -1 ) );
      transform: rotate(90deg);
    }


.m-accordion .handorgel__header__icon.icon__arrow::before {
        transform: rotate(calc(var(--arrow-angle) * -1));
        transform-origin: right bottom;
      }


.m-accordion .handorgel__header__icon.icon__arrow::after {
        transform: rotate(var(--arrow-angle));
        transform-origin: left bottom;
      }


.m-accordion .handorgel__header:hover .handorgel__header__icon{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}


.m-accordion .handorgel__header--open .handorgel__header__icon:not(.icon__arrow) {
      transform: rotate(90deg);
    }


.m-accordion .handorgel__header--open .handorgel__header__icon:not(.icon__arrow)::after {
        transform: rotate(90deg) scaleY(0);
      }


/* transform: rotate(180deg); */


.m-accordion .handorgel__header--open .handorgel__header__icon.icon__arrow::before {
        transform: translate(-100%, -100%) rotate(calc(var(--arrow-angle) + 180deg));
      }


.m-accordion .handorgel__header--open .handorgel__header__icon.icon__arrow::after {
        transform: translate(0, -100%) rotate(calc((var(--arrow-angle) + 180deg) * -1));
      }


.is-preview .m-teaser-box .teaser-container *:has(>.wp-block-acf-teaser-box-item),  /* Backend Flex Column Wrapper */
body.theme-frontend .m-teaser-box .teaser-container {                               /* Frontend Flex Column Wrapper */                               display: flex;                               width: 100%;                               flex-direction: row;                               flex-wrap: wrap;
  gap: var(--column-gap);
  justify-content: var(--align-x);
}


.is-preview .m-teaser-box .teaser-container *:has(>.wp-block-acf-teaser-box-item) >*, body.theme-frontend .m-teaser-box .teaser-container >* {
    flex-basis: var(--column-minw);
    flex-shrink: 0;
    flex-grow: 1;
    max-width: var(--column-maxw);
  }


/* .is-preview .m-teaser-box .teaser-container.columns-1 *:has(>.wp-block-acf-teaser-box-item),
body.theme-frontend .m-teaser-box .teaser-container.columns-1 {
  flex-direction: column;
  justify-content: start;
  align-items: var(--align-x);
} */


.m-teaser-box {

  --column-gap: clamp(1.875rem, 4.040404040404041 * 1vw, 5rem);
}


.m-teaser-box .teaser-container, .m-teaser-box :has(>.wp-block-acf-teaser-box-item){
  margin-top: 2rem;
  width: 100%;
}


.m-teaser-box .teaser-container .m-teaser-box-item .m--textgroup, .m-teaser-box :has(>.wp-block-acf-teaser-box-item) .m-teaser-box-item .m--textgroup{
  padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


/* Backend Fix */


.editor-styles-wrapper .m-teaser-box :has(>.wp-block-acf-teaser-box-item) .wp-block-acf-teaser-box-item :has(.m-teaser-box-item) {
      display: flex;
      min-height: 100%;
      min-width: 100%;
    }


.editor-styles-wrapper .m-teaser-box :has(>.wp-block-acf-teaser-box-item) .m-teaser-box-item *:has(:only-child):not(:has(>.wp-block), .wp-block), .editor-styles-wrapper .m-teaser-box :has(>.wp-block-acf-teaser-box-item) .m-teaser-box-item :has(>.wp-block):not(.wp-block) {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        min-width: 100%;
      }


.m-teaser-box { /* .teaser-container { */

}


.m-teaser-box .teaser-container .m--textgroup {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }


.m-teaser-box .teaser-container .m--textgroup .wp-block-buttons:last-child {
        margin-top: auto;
      }


.m-teaser-box .teaser-container .m--topline{
  padding-top: 0px;
  padding-bottom: 0px;
}


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup){
  display: flex;
  width: 100%;
  flex-direction: column;
}


@container (min-width: 1024px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) {
          flex-direction: row !important;
          gap: 1.5rem

      }
        }


@container (min-width: 1280px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) {
          gap: 1.5rem

      }
        }


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item:has(.m--image), .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup):has(.m--image) {
          padding: 0;
          gap: 0;
        }


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--image, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--image{
  width: 100%;
  justify-content: center;
}


@container (min-width: 1024px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--image, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--image {
            width: 50%
        }

            .m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--image >*:not(img), .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--image >*:not(img) {
              height: 100% !important;
              max-width: 100% !important;
            }
          }


@container (min-width: 1280px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--image, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--image {
            width: 66%
        }
          }


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0px;
  vertical-align: middle;
}


@container (min-width: 1024px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup {
            width: 50%
        }
          }


@container (min-width: 1280px) {


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup {
            width: 33%
        }
          }


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup .m--headline, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup .m--headline{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup .m--text,
          .m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup p,
          .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup .m--text,
          .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup p{
  font-size: 1.125rem;
  line-height: 1.7;
}


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup .m--buttons, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup .m--buttons{
  padding-top: 1rem;
  padding-bottom: 0px;
}


.m-teaser-box .teaser-container.columns-1 .m-teaser-box-item .m--textgroup .m--buttons .m--button, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup) .m--textgroup .m--buttons .m--button{
  padding-top: 0px;
  padding-bottom: 0px;
}


@media (min-width: 1024px){


  .m-teaser-box .teaser-container.columns-1 .m-teaser-box-item.img-right, .m-teaser-box .teaser-container.columns-1 :has(>.m--textgroup).img-right{
    flex-direction: row-reverse;
  }
}


/* -------------------------------------------------------------------------------------
      Spalten
    ------------------------------------------------------------------------------------- */


/* Padding for Image Wrapper if image is an SVG */


.m-teaser-box .teaser-container:not(.columns-1) .m--image:has(img[src*="svg"]){
  padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  padding-bottom: 0px;
}


.m-teaser-box .teaser-container[class*="columns-"]:not(.columns-1):not(.columns-auto) .m-teaser-box-item{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 0px;
}


.m-teaser-box .teaser-container.columns-auto .teaser-container {

      }


/* @import 'm-post-teaser'; */


.m-teaser-team .team-members .team-members--position + .team-members--position{
  margin-top: 5rem;
}


.m-teaser-team .team-members--member figure {
        overflow: hidden;
      }


.m-teaser-team .team-members--member figure img.zoom{
          transition: all 400ms ease-in-out 0ms;
        }


.m-teaser-team .team-members--member figure img.zoom:hover {
            transform: scale(2);
          }


/* -------------------------------------------------------------------------------------
   Content section
------------------------------------------------------------------------------------- */


.content-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 100%;
	container-type: inline-size;
}


/* If  Section Content is wrapped by a .container, set container-query width to that container */


.content-section >.container {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}


.content-section:not([class*=py-]):not([class*=pt-]){
  padding-top: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.content-section:not([class*=py-]):not([class*=pb-]){
  padding-bottom: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}


.content-section.hero-section {
		margin-bottom: 5rem;
	}


/* narrow section */


.content-section:has(.max-w-screen-narrow-section[class*=bg-]) {
		padding-inline: clamp(0.625rem, 4.040404040404041 * 1vw, 5rem);
	}


/* -------------------------------------------------------------------------------------
    erste Content Section im Landscape Format im Querformat oder Screen Height
  ------------------------------------------------------------------------------------- */


@media screen and (orientation: landscape) {
    .theme-main .content-section:first-child:is([class*=aspect-], .h-doc) {
      max-height: calc( var(--doc-height) - var(--header-initital-height) );
    }
  }


/* -------------------------------------------------------------------------------------
		 Wenn die erste Section ein Hintergrundbild hat
	------------------------------------------------------------------------------------- */


/* &:has(.theme-main .content-section:first-child .content-section--bg-image) {
    .header {
      --header-bg-color: transparent;
      position: fixed;
    }
  } */


/* -------------------------------------------------------------------------------------
	 Wenn die Content Sections animiert/ eingeblendet werden, dann default auf opacity 0 stellen
------------------------------------------------------------------------------------- */


.theme-frontend.animate-content-sections .scroll-fade {
	opacity: 0;
}


/* -------------------------------------------------------------------------------------
	 Der letzten Content Section im Frontend (.theme-main), die keinen Hintergrund hat,
	 einen zusätzlichen Abstand zum Footer geben
	 Deaktiviert, weil ich glaube, dass es keinen Sinn macht
------------------------------------------------------------------------------------- */


/* .theme-main	>:last-child:not([class*='bg-']) {
	margin-bottom: 5rem;
} */


/* -------------------------------------------------------------------------------------
   wp-block-columns
------------------------------------------------------------------------------------- */


.wp-block-columns {
  margin-block: 0;
}


/* -------------------------------------------------------------------------------------
   wp-block-gallery
------------------------------------------------------------------------------------- */


.wp-block-gallery:not(.is-cropped) {
    display: block;

    -moz-columns: auto;

    columns: auto;
    -moz-column-gap: var(--wp--style--gallery-gap-default);
    column-gap: var(--wp--style--gallery-gap-default);
  }


.wp-block-gallery:not(.is-cropped).columns-2 { -moz-columns: 2; columns: 2; }


.wp-block-gallery:not(.is-cropped).columns-3 { -moz-columns: 3; columns: 3; }


.wp-block-gallery:not(.is-cropped).columns-4 { -moz-columns: 4; columns: 4; }


.wp-block-gallery:not(.is-cropped).columns-5 { -moz-columns: 5; columns: 5; }


.wp-block-gallery:not(.is-cropped).columns-6 { -moz-columns: 6; columns: 6; }


.wp-block-gallery:not(.is-cropped).columns-7 { -moz-columns: 7; columns: 7; }


.wp-block-gallery:not(.is-cropped).columns-8 { -moz-columns: 8; columns: 8; }


.wp-block-gallery:not(.is-cropped) >.wp-block-image {
      width: 100% !important;
      height: auto !important;
      margin-bottom: var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) !important;
    }


@container (max-width: 1200px) {
      .wp-block-gallery:not(.is-cropped):is(.columns-7, .columns-8) {
        -moz-columns: 6;
        columns: 6;
      }
    }


@container (max-width: 1000px) {
      .wp-block-gallery:not(.is-cropped):is(.columns-6, .columns-7, .columns-8) {
        -moz-columns: 5;
        columns: 5;
      }
    }


@container (max-width: 800px) {
      .wp-block-gallery:not(.is-cropped):is(.columns-5, .columns-6, .columns-7, .columns-8) {
        -moz-columns: 4;
        columns: 4;
      }
    }


@container (max-width: 600px) {
      .wp-block-gallery:not(.is-cropped):is(.columns-4, .columns-5, .columns-6, .columns-7, .columns-8) {
        -moz-columns: 3;
        columns: 3;
      }
    }


@container (max-width: 400px) {
      .wp-block-gallery:not(.is-cropped):is(.columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8) {
        -moz-columns: 2;
        columns: 2;
      }
    }


/* -------------------------------------------------------------------------------------
   wp-block-columns
------------------------------------------------------------------------------------- */


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: rgba(0,0,0, 0.05);
  }


.wp-block-table.is-style-none td, .wp-block-table.is-style-none th, .wp-block-table.is-style-none thead, .wp-block-table.is-style-none tfoot {
      border: none;
    }


.wp-block-table.is-style-none td:first-child {
        padding-left: 0;
      }


.wp-block-table.is-style-none td:last-child {
        padding-right: 0;
      }


* :where(.is-layout-grid){
  margin-top: 1.5rem;
  gap: 2rem;
}


* :where(.is-layout-grid).b-two-col-grid{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 2rem !important;
}


@media (min-width: 768px){


  * :where(.is-layout-grid).b-two-col-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


* :where(.is-layout-grid).b-two-col-grid.no-gap{
  gap: 0px !important;
}


@media (min-width: 768px){


  * :where(.is-layout-grid).b-two-col-grid.no-gap{
    gap: 2rem !important;
  }
}


* :where(.is-layout-grid).b-teams-grid {
      /* grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important; */
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }


@media (min-width: 768px){


  * :where(.is-layout-grid).b-teams-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


@media (min-width: 1280px){


  * :where(.is-layout-grid).b-teams-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


* :where(.is-layout-grid).b-teams-grid > *{
  margin: 0px;
  padding: 0px;
}


* :where(.is-layout-grid).b-teams-grid > div{
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-color: hsl(0 0% 13% / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}


* :where(.is-layout-grid).b-teams-grid > div .wp-block-heading{
  padding: 0px !important;
  padding-bottom: 1rem !important;
}


* :where(.is-layout-grid).b-teams-grid .wp-block-buttons{
  margin-top: auto !important;
  width: 100% !important;
}


* :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button{
  width: 100% !important;
          padding-block: 0 !important;
}


* :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button a, * :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button div{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}



	.headline * :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button a,
	.headline  * :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button div {
		color: currentColor !important;
	}


.headline* :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button a,.headline * :where(.is-layout-grid).b-teams-grid .wp-block-buttons .wp-block-button div {
		place-self: center !important;
	}


.b-lsk-junioren h5{
  padding-top: 0px;
}


.b-lsk-junioren .sponsor img {
      max-height: 250px;
      width: auto;
    }


.b-lsk-junioren .sponsor + .sponsor {
    margin-top: 2rem;
}


/* -------------------------------------------------------------------------------------
   Wordpress Plugins
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   ACF Frontend Styles
------------------------------------------------------------------------------------- */


/* Wenn ein Modal Dialog geöffnet ist und somit ein ACF Datepicker Field im Modal geöffnet wird,
muss der Datepicker um die gescrollten Pixel nach oben verschoben werden  */


body.modal-active #ui-datepicker-div {
    translate: 0 calc( var(--datepicker-offset) * -1 );
  }


/* -------------------------------------------------------------------------------------
   Borlabs Cookie
------------------------------------------------------------------------------------- */


body {
  /* -------------------------------------------------------------------------------------
     My Colors
  ------------------------------------------------------------------------------------- */
  --borlabs-theme-color-button-bg: var(--btn-bg-color);
  --borlabs-theme-color-button-bg-hover: var(--btn-bg-color);
  --borlabs-theme-color-button-text: var(--btn-text-color);
  --borlabs-theme-color-button-text-hover: var(--btn-text-color);
  --borlabs-theme-color-button-link: var(--accent-color);
  --borlabs-theme-color-text: hsl(0, 0%, 13%);

  /* -------------------------------------------------------------------------------------
     Borlabs ColorProperties: Dialog
  ------------------------------------------------------------------------------------- */
  --dialog-button-accept-all-color: var(--borlabs-theme-color-button-bg);
  --dialog-button-accept-all-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-button-accept-all-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-accept-all-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-button-accept-only-essential-color: var(--borlabs-theme-color-button-bg);
  --dialog-button-accept-only-essential-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-button-accept-only-essential-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-accept-only-essential-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-button-close-color: var(--borlabs-theme-color-button-bg);
  --dialog-button-close-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-button-close-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-close-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-button-preferences-color: var(--borlabs-theme-color-button-bg);
  --dialog-button-preferences-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-button-preferences-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-preferences-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-button-save-consent-color: var(--borlabs-theme-color-button-bg);
  --dialog-button-save-consent-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-button-save-consent-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-save-consent-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-button-selection-color: #000;
  --dialog-button-selection-color-hover: #262626;
  --dialog-button-selection-text-color: var(--borlabs-theme-color-button-text);
  --dialog-button-selection-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --dialog-checkbox-background-color-active: var(--borlabs-theme-color-button-bg);
  --dialog-checkbox-background-color-disabled: #999;
  --dialog-checkbox-background-color-inactive: #fff;
  --dialog-checkbox-border-color-active: var(--borlabs-theme-color-button-bg);
  --dialog-checkbox-border-color-inactive: var(--borlabs-theme-color-button-bg);
  --dialog-checkbox-border-color-disabled: #ccc;
  --dialog-checkbox-check-mark-color-active: #fff;
  --dialog-checkbox-check-mark-color-disabled: #eee;
  --dialog-card-control-element-color: var(--borlabs-theme-color-button-bg);
  --dialog-card-control-element-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-card-text-color: var(--borlabs-theme-color-text);
  --dialog-control-element-color: var(--borlabs-theme-color-button-bg);
  --dialog-control-element-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-link-primary-color: var(--borlabs-theme-color-button-bg);
  --dialog-link-primary-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --dialog-link-secondary-color: #404040;
  --dialog-link-secondary-color-hover: var(--borlabs-theme-color-button-bg);
  --dialog-search-bar-input-border-color-focus: var(--borlabs-theme-color-button-bg);
  --dialog-switch-button-background-color-active: var(--borlabs-theme-color-button-bg);
  --dialog-switch-button-color-active: #fff;
  --dialog-switch-button-color-inactive: #fff;
  --dialog-tab-bar-tab-background-color-active: #ffffff;
  --dialog-tab-bar-tab-background-color-inactive: #fff;
  --dialog-tab-bar-tab-border-color-bottom-active: var(--borlabs-theme-color-button-bg);
  --dialog-tab-bar-tab-border-color-bottom-inactive: #dddddd;
  --dialog-tab-bar-tab-border-color-left-active: var(--borlabs-theme-color-button-bg);
  --dialog-tab-bar-tab-border-color-left-inactive: var(--borlabs-theme-color-button-bg);
  --dialog-tab-bar-tab-border-color-right-active: var(--borlabs-theme-color-button-bg);
  --dialog-tab-bar-tab-border-color-right-inactive: var(--borlabs-theme-color-button-bg);
  --dialog-tab-bar-tab-border-color-top-active: #ffffff;
  --dialog-tab-bar-tab-border-color-top-inactive: #ffffff;
  --dialog-tab-bar-tab-text-color-active: #0a0a0a;
  --dialog-tab-bar-tab-text-color-inactive: #969696;

  /* -------------------------------------------------------------------------------------
     Borlabs ColorProperties: Content Blocker
  ------------------------------------------------------------------------------------- */

  --content-blocker-button-color: var(--borlabs-theme-color-button-bg);
  --content-blocker-button-color-hover: var(--borlabs-theme-color-button-bg-hover);
  --content-blocker-button-text-color: var(--borlabs-theme-color-button-text);
  --content-blocker-button-text-color-hover: var(--borlabs-theme-color-button-text-hover);
  --content-blocker-link-color: var(--borlabs-theme-color-button-bg);
  --content-blocker-link-color-hover: var(--borlabs-theme-color-button-bg-hover);
}


/* Widget um die Einstellungen wieder aufzurufen */


#BorlabsCookieWidget {
  --widget-size: clamp(2rem, 2.4242424242424243 * 1vw, 3rem);
  --widget-margin: clamp(0.625rem, 1.0101010101010102 * 1vw, 1.25rem);
}


#BorlabsCookieWidget .brlbs-cmpnt-widget {
    color: hsl(0, 100%, 40%);
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22hsl(0%2C%20100%25%2C%2040%25)%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%20d%3D%22M12%2011c0%203.517-1.009%206.799-2.753%209.571m-3.44-2.04l.054-.09A13.916%2013.916%200%20008%2011a4%204%200%20118%200c0%201.017-.07%202.019-.203%203m-2.118%206.844A21.88%2021.88%200%200015.171%2017m3.839%201.132c.645-2.266.99-4.659.99-7.132A8%208%200%20008%204.07M3%2015.364c.64-1.319%201-2.8%201-4.364%200-1.457.39-2.823%201.07-4%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;

    display: block;
    width: var(--widget-size);
    height: var(--widget-size);
    padding: 0;
    margin: 0 0 var(--widget-margin) var(--widget-margin);
    background-color: #fff;
    border-radius: 50%;
  }


#BorlabsCookieWidget .brlbs-cmpnt-widget svg {
      visibility: hidden;
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }


._brlbs-content-blocker ._brlbs-caption label {
      display: flex;
      justify-content: center;
      align-items: center;
    }


._brlbs-content-blocker ._brlbs-video-youtube ._brlbs-thumbnail {
    visibility: hidden;
  }


._brlbs-content-blocker ._brlbs-video-youtube ._brlbs-caption {
    width: auto;
    transform: translate(-50%, -50%);
  }


._brlbs-content-blocker ._brlbs-video-youtube ._brlbs-caption label {
      display: flex;
      justify-content: center;
      align-items: center;
    }


/* -------------------------------------------------------------------------------------
   form elements
------------------------------------------------------------------------------------- */


.theme-body .BorlabsCookie ._brlbs-checkbox {
    padding-left: 2.4em;
  }


.theme-body .BorlabsCookie ._brlbs-checkbox .form-checkbox {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }


.theme-body .BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
      display: none;
    }


.theme-body .BorlabsCookie label:has(.form-checkbox) {
    display: inline-flex;
    align-items: center;
  }


/* -------------------------------------------------------------------------------------
   Content Blocker
------------------------------------------------------------------------------------- */


.theme-body .BorlabsCookie ._brlbs-content-blocker {
    font: inherit;
    color: inherit;
    line-height: 1.5;
  }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
      color: inherit;
      display: block !important;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
        color: inherit;
        top: 50%;
        left: 50%;
        box-sizing: border-box;
        width: auto;
        max-width: 90%;
        padding: 40px;
        background-color: rgba(255,255,255, 0.8);
        -webkit-backdrop-filter: saturate(180%) blur(10px);
        backdrop-filter: saturate(180%) blur(10px);
        transform: translate(-50%, -50%);
        box-shadow: 0 9px 18px rgba(0,0,0,.08);
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a {
          color: var(--accent-color);
        }


.theme-body :is( .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn){
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 600;
  text-transform: uppercase;
}


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn {
    gap: 0.5ch;
    color: var(--btn-text-color);
    word-break: initial;
    line-height: var(--form-line-height);
    width: -moz-fit-content;
    width: fit-content;
    padding-block: var(--form-padding-block);
    padding-inline: var(--form-padding-inline);
    background-color: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;



  }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn.btn[class*=bg-white],.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn.btn[class*=bg-cd-white] {
      --hover-effect-color: #9ca3af;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn::after {
      --size: 120%;
      content: '';
    }


.theme-body :is( .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn)::after{
  position: absolute;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
}


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn::after {
      box-sizing: content-box;
      left: 50%;
      top: 50%;
      width: var(--size);
      padding: 0 0 var(--size) 0;
      background-color: var(--hover-effect-color);
      transform: translate(-50%, -50%);
      z-index: -1;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn:hover {
      color: var(--btn-text-color);
      transform: scale(1.02);
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn:hover::after {
        animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn:hover [class^=icon-] {
        translate: 5px 0;
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn:focus::after {
        animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
        /* animation-fill-mode: forwards; */
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn [class^=icon-] {
      transition: translate 0.2s ease-out 0.1s;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn:has(.icon) {
      display: flex;
      align-items: center;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn .icon {
      width: auto;
      height: 0.9em;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn.icon-left .icon {
        transform: translateX(-30%);
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn.icon-right .icon {
        transform: translateX(30%);
      }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn .loader {
      margin-left: -10px;
      margin-right: 10px;
    }


.theme-body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn {
          cursor: pointer;
        }


/* Google Maps */


.BorlabsCookie._brlbs-cb-googlemaps {
  width: 100%;
  height: 100%;
}


.BorlabsCookie._brlbs-cb-googlemaps ._brlbs-content-blocker {
    width: 100%;
    height: 100%;
  }


.BorlabsCookie._brlbs-cb-googlemaps ._brlbs-google-maps {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/borlabs/google-map.webp');
    background-position: center center;
    background-size: cover;
  }


.BorlabsCookie._brlbs-cb-googlemaps ._brlbs-google-maps ._brlbs-thumbnail {
      display: none !important;
    }


/* @import "woocommerce/index"; */


/* @import "wpml"; */


/* -------------------------------------------------------------------------------------
   Template Parts
	 Header, Footer, Archive Post Items etc.
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
   page-header (acfe)
------------------------------------------------------------------------------------- */


.page-header {
  min-height: 800px;
}


/* -------------------------------------------------------------------------------------
   Postlists/ Post Archives
------------------------------------------------------------------------------------- */


.postlist {
  /* You can overwrite the 300px by passing this to yout postlist element: style="--min-w:500px" */
  --item-w: var(--min-w, 18.75rem);
  --item-gap: clamp(1.125rem, 1.8181818181818181 * 1vw, 2.25rem);
  --item-padding: clamp(1.25rem, 1.5151515151515151 * 1vw, 1.875rem);
  --thumb-padding: clamp(0.625rem, 1.0101010101010102 * 1vw, 1.25rem);
  --excerpt-lines: 5;

  gap: var(--item-gap);
}


.postlist.item-size-s {
    --item-w: var(--min-w, 12.5rem);
  }


.postlist.item-size-m {
    --item-w: var(--min-w, 18.75rem);
  }


.postlist.item-size-l {
    --item-w: var(--min-w, 31.25rem);
  }


.postlist.item-size-xl {
    --item-w: var(--min-w, 43.75rem);
  }


.postlist >* {
    display: flex;
    flex-direction: column;
    container-name: post;
    container-type: inline-size;
  }


.postlist .post-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }


.postlist .post-thumb img{
  border-radius: 0px;
}


.postlist .post-title {
    padding-block: 0;
  }


.postlist .post-excerpt {
    padding: 0;
    margin-block: clamp(0.625rem, 0.8080808080808081 * 1vw, 1rem);
    display: -webkit-box;
    -webkit-line-clamp: var(--excerpt-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
  }


.postlist .post-link--link {
    margin-block: .5em;
  }


.postlist .post-link--link:hover {
      color: hsl(0, 100%, 40%);
    }


/* With Background  */


.postlist .has-bg{
  border-radius: 0px;
}


.postlist .has-bg .post-content {
      padding: var(--item-padding);
    }


.postlist .has-bg .post-content--text >:first-child {
        padding-top: 0;
      }


/* -------------------------------------------------------------------------------------
  Display Type: LIST
  ------------------------------------------------------------------------------------- */


.postlist.display-type-list {
    display: flex;
    flex-direction: column;
    gap: var(--item-gap);
    --excerpt-lines: 2;
    --thumb-padding: 0;

  }


.postlist.display-type-list:not(.has-bg) {
      gap: 0;
    }


.postlist.display-type-list:not(.has-bg) >* {
        padding-block: calc(var(--item-gap) / 2);
        border-bottom: 1px solid #ccc;
      }


.postlist.display-type-list:not(.has-bg) >*:first-child {
          border-top: 1px solid #ccc;
        }


.postlist.display-type-list.has-bg {
      --thumb-padding: clamp(0.625rem, 1.0101010101010102 * 1vw, 1.25rem);
      border: none;
    }


.postlist.display-type-list.has-bg .post-wrapper {
        --item-gap: 0;
      }


.postlist.display-type-list .post-wrapper {
      flex-direction: row;
      gap: var(--item-gap);
    }


.postlist.display-type-list .post-thumb {
      box-sizing: content-box;
      padding: var(--thumb-padding) 0 var(--thumb-padding) var(--thumb-padding);
      width: clamp(3.75rem, 6.0606060606060606 * 1vw, 7.5rem);
      flex-shrink: 0;

    }


.postlist.display-type-list .post-thumb img {
        border-radius: calc(0px * .7);
        width: 100%;
        height: auto;
      }


.postlist.display-type-list .post-link {
      float: right;
    }


@container post (min-width: 1024px) {
      .postlist.display-type-list .post-content {
        display: flex;
        flex: 1;
        gap: var(--item-gap);
        justify-content: space-between;
      }

      .postlist.display-type-list .post-link {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
      }
    }


/* -------------------------------------------------------------------------------------
     Display Type: GALLERY und FLEX
     Gemeinsamer Style für die Flex Items
  ------------------------------------------------------------------------------------- */


.postlist.display-type-gallery .post-wrapper, .postlist.display-type-flex .post-wrapper {
      display: flex;
      flex-direction: column;
    }


.postlist.display-type-gallery .post-title, .postlist.display-type-flex .post-title {
      font-size: clamp(1rem, var(--cw) * .07, 1.75rem);
      -webkit-hyphens: auto;
      hyphens: auto;
    }


.postlist.display-type-gallery .post-thumb, .postlist.display-type-flex .post-thumb {
      width: 100%;
      overflow: hidden;
    }


.postlist.display-type-gallery .post-thumb img, .postlist.display-type-flex .post-thumb img {
        display: block;
        width: 100%;
        transition: all 250ms ease-in-out;
        transform-origin: center bottom;
      }


.postlist.display-type-gallery .post-thumb img:hover, .postlist.display-type-flex .post-thumb img:hover {
          margin-bottom: -8px;
          scale: 1.08;
        }


.postlist.display-type-gallery.has-bg .post-thumb img, .postlist.display-type-flex.has-bg .post-thumb img{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}


.postlist.display-type-gallery .post-content, .postlist.display-type-flex .post-content {
      display: flex;
      flex-direction: column;
      flex: 1;
    }


.postlist.display-type-gallery .post-link, .postlist.display-type-flex .post-link {
      align-self: end;
      margin-block-start: auto;
    }


/* -------------------------------------------------------------------------------------
     Display Type: GALLERY
  ------------------------------------------------------------------------------------- */


.postlist.display-type-gallery {
    display: grid;
    /* min() sorgt dafür, dass die Elemente mobil nicht den Rahmen "sprengen", wenn --item-w breiter sein sollte als der viewport  */
    grid-template-columns: repeat(auto-fit, minmax(min(var(--item-w), 100%), 1fr));
  }


.postlist.display-type-flex .postlist--post.has-bg, [data-slider-remove-class=display-type-gallery] .postlist .postlist--post.has-bg{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


/* -------------------------------------------------------------------------------------
     Display Type: FLEX
  ------------------------------------------------------------------------------------- */


.postlist.display-type-flex {
    /* --item-padding: calc( $item-padding * 1.2 ); */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }


.postlist.display-type-flex >* {
      flex: 1 0 min(var(--item-w), 100%);
    }


.postlist.display-type-flex .postlist--post.has-bg, [data-slider-remove-class=display-type-flex] .postlist .postlist--post.has-bg{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.postlist.display-type-flex .post-wrapper img, [data-slider-remove-class=display-type-flex] .postlist .post-wrapper img {

      }


.postlist.display-type-flex .post-wrapper .post-content, [data-slider-remove-class=display-type-flex] .postlist .post-wrapper .post-content {
        display: flex;
        flex-direction: column;
        height: 100%;
      }


.postlist.display-type-flex .post-wrapper .post-content .post-content--text, [data-slider-remove-class=display-type-flex] .postlist .post-wrapper .post-content .post-content--text{
  margin-bottom: 1.25rem;
}


.postlist.display-type-flex .post-wrapper .post-content .post-content--text .post-excerpt, [data-slider-remove-class=display-type-flex] .postlist .post-wrapper .post-content .post-content--text .post-excerpt{
  line-height: 1.625;
}


.postlist.display-type-flex .post-wrapper .post-content .post-link, [data-slider-remove-class=display-type-flex] .postlist .post-wrapper .post-content .post-link{
  margin-bottom: 0.75rem;
  margin-top: auto;
          align-self: flex-end;
}


/* -------------------------------------------------------------------------------------
     Display Type: SLIDER
  ------------------------------------------------------------------------------------- */


.postlist.display-type-slider.item-size-s {
      --item-w: var(--min-w, 25rem);
    }


.postlist.display-type-slider.item-size-m {
      --item-w: var(--min-w, 37.5rem);
    }


.postlist.display-type-slider.item-size-l {
      --item-w: var(--min-w, 50rem);
    }


.postlist.display-type-slider.item-size-xl {
      --item-w: var(--min-w, 62.5rem);
    }


.postlist.display-type-slider >* {
      width: min(var(--item-w), 100%);
    }


.postlist.display-type-slider .post-wrapper {
      display: flex;
      flex-direction: column;
    }


.postlist.display-type-slider .post-thumb {
      width: 100%;
    }


.postlist.display-type-slider .post-thumb img{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
        width: 100%;
        height: auto;
}


@container post (width >=700px) {
        .postlist.display-type-slider.img-format-square .post-wrapper, .postlist.display-type-slider.img-format-portrait .post-wrapper {
          flex-direction: row;
        }

          .postlist.display-type-slider.img-format-square .post-wrapper .post-thumb, .postlist.display-type-slider.img-format-portrait .post-wrapper .post-thumb {
            width: auto;
            height: 100%;
          }

            .postlist.display-type-slider.img-format-square .post-wrapper .post-thumb img, .postlist.display-type-slider.img-format-portrait .post-wrapper .post-thumb img{
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
              height: 100%;
              width: auto;
  }
      }


.postlist.display-type-slider.img-format-landscape >* {}


/* -------------------------------------------------------------------------------------
  Display Type: Single
  ------------------------------------------------------------------------------------- */


.postlist.display-type-single {
    display: flex;
    flex-direction: column;
    gap: var(--item-gap);
    --excerpt-lines: 7;
    --thumb-padding: 0;

  }


.postlist.display-type-single .post-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--item-gap);
    }


.postlist.display-type-single .post-thumb {
      box-sizing: content-box;
      padding: var(--thumb-padding) 0 var(--thumb-padding) var(--thumb-padding);
      /* width: fluidsize(60, 120); */
      flex-shrink: 0;
      width: 100%;
    }


.postlist.display-type-single .post-thumb img {
        width: 100%;
        height: auto;
      }


.postlist.display-type-single .post-content {
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: var(--item-gap);
      justify-content: space-between;
    }


.postlist.display-type-single .post-content .post-excerpt{
  font-size: 1rem;
  line-height: 1.625;
}


@media (min-width: 1280px){


  .postlist.display-type-single .post-content .post-excerpt{
    font-size: 1.25rem;
    line-height: 1.7;
  }
}


.postlist.display-type-single .post-content .post-link {
        display: flex;
        flex-direction: row;
        gap: calc(var(--item-gap) / 2);
        justify-content: flex-end;
        align-items: flex-end;
      }


@container post (width < 1024px) {
      .postlist.display-type-single .post-wrapper {
        --excerpt-lines: 5;
      }
    }


@container post (width < 700px) {
      .postlist.display-type-single .post-wrapper {
        display: flex;
        flex-direction: column;
        --excerpt-lines: 5;
      }
    }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Custom Classes only for this Website
   This file is empty by default
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.theme-body .even\:bg-cd-black:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 0% / var(--tw-bg-opacity));
}


.theme-body .even\:text-cd-white:nth-child(even){
  --tw-text-opacity: 1;
  color: hsl(0 0% 100% / var(--tw-text-opacity));
}


.theme-body .hover\:-translate-y-2:hover{
  --tw-translate-y: -0.5rem;
  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));
}


.theme-body .hover\:rotate-12:hover{
  --tw-rotate: 12deg;
  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));
}


.theme-body .hover\:scale-110:hover{
  --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));
}


.theme-body .hover\:bg-black\/10:hover{
  background-color: rgb(0 0 0 / 0.1);
}


.theme-body .hover\:text-cd-red:hover{
  --tw-text-opacity: 1;
  color: hsl(0 100% 40% / var(--tw-text-opacity));
}


.theme-body .hover\:underline:hover{
  text-decoration-line: underline;
}


.theme-body .hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.theme-body .active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}


.theme-body .is-active\:border-white.is-active{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}


.theme-body .is-active\:bg-cd-black.is-active{
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 0% / var(--tw-bg-opacity));
}


.theme-body .is-active\:text-cd-white.is-active{
  --tw-text-opacity: 1;
  color: hsl(0 0% 100% / var(--tw-text-opacity));
}


.theme-body .dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


@media (min-width: 380px){


  .theme-body .xxs\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .xxs\:w-1\/2{
    width: 50%;
  }


  .theme-body .xxs\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .xxs\:w-1\/4{
    width: 25%;
  }


  .theme-body .xxs\:w-1\/5{
    width: 20%;
  }


  .theme-body .xxs\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .xxs\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .xxs\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .xxs\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .xxs\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .xxs\:w-2\/4{
    width: 50%;
  }


  .theme-body .xxs\:w-2\/5{
    width: 40%;
  }


  .theme-body .xxs\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .xxs\:w-3\/12{
    width: 25%;
  }


  .theme-body .xxs\:w-3\/4{
    width: 75%;
  }


  .theme-body .xxs\:w-3\/5{
    width: 60%;
  }


  .theme-body .xxs\:w-3\/6{
    width: 50%;
  }


  .theme-body .xxs\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .xxs\:w-4\/5{
    width: 80%;
  }


  .theme-body .xxs\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .xxs\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .xxs\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .xxs\:w-6\/12{
    width: 50%;
  }


  .theme-body .xxs\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .xxs\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .xxs\:w-9\/12{
    width: 75%;
  }


  .theme-body .xxs\:w-auto{
    width: auto;
  }


  .theme-body .xxs\:w-full{
    width: 100%;
  }


  .theme-body .xxs\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .xxs\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .xxs\:w-screen{
    width: 100vw;
  }
}


@media (min-width: 480px){


  .theme-body .xs\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .xs\:w-1\/2{
    width: 50%;
  }


  .theme-body .xs\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .xs\:w-1\/4{
    width: 25%;
  }


  .theme-body .xs\:w-1\/5{
    width: 20%;
  }


  .theme-body .xs\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .xs\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .xs\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .xs\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .xs\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .xs\:w-2\/4{
    width: 50%;
  }


  .theme-body .xs\:w-2\/5{
    width: 40%;
  }


  .theme-body .xs\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .xs\:w-3\/12{
    width: 25%;
  }


  .theme-body .xs\:w-3\/4{
    width: 75%;
  }


  .theme-body .xs\:w-3\/5{
    width: 60%;
  }


  .theme-body .xs\:w-3\/6{
    width: 50%;
  }


  .theme-body .xs\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .xs\:w-4\/5{
    width: 80%;
  }


  .theme-body .xs\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .xs\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .xs\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .xs\:w-6\/12{
    width: 50%;
  }


  .theme-body .xs\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .xs\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .xs\:w-9\/12{
    width: 75%;
  }


  .theme-body .xs\:w-auto{
    width: auto;
  }


  .theme-body .xs\:w-full{
    width: 100%;
  }


  .theme-body .xs\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .xs\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .xs\:w-screen{
    width: 100vw;
  }


  .theme-body .xs\:-translate-x-default{
    --tw-translate-x: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -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));
  }


  .theme-body .xs\:-translate-y-default{
    --tw-translate-y: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -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));
  }


  .theme-body .xs\:translate-x-default{
    --tw-translate-x: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
    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));
  }


  .theme-body .xs\:translate-y-default{
    --tw-translate-y: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
    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 (min-width: 560px){


  .theme-body .s\:order-2{
    order: 2;
  }


  .theme-body .s\:order-3{
    order: 3;
  }


  .theme-body .s\:mb-0{
    margin-bottom: 0px;
  }


  .theme-body .s\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .s\:w-1\/2{
    width: 50%;
  }


  .theme-body .s\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .s\:w-1\/4{
    width: 25%;
  }


  .theme-body .s\:w-1\/5{
    width: 20%;
  }


  .theme-body .s\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .s\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .s\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .s\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .s\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .s\:w-2\/4{
    width: 50%;
  }


  .theme-body .s\:w-2\/5{
    width: 40%;
  }


  .theme-body .s\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .s\:w-3\/12{
    width: 25%;
  }


  .theme-body .s\:w-3\/4{
    width: 75%;
  }


  .theme-body .s\:w-3\/5{
    width: 60%;
  }


  .theme-body .s\:w-3\/6{
    width: 50%;
  }


  .theme-body .s\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .s\:w-4\/5{
    width: 80%;
  }


  .theme-body .s\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .s\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .s\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .s\:w-6\/12{
    width: 50%;
  }


  .theme-body .s\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .s\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .s\:w-9\/12{
    width: 75%;
  }


  .theme-body .s\:w-auto{
    width: auto;
  }


  .theme-body .s\:w-full{
    width: 100%;
  }


  .theme-body .s\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .s\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .s\:w-screen{
    width: 100vw;
  }


  .theme-body .s\:basis-2\/8{
    flex-basis: 25%;
  }


  .theme-body .s\:flex-row{
    flex-direction: row;
  }


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


  .theme-body .s\:gap-6{
    gap: 1.5rem;
  }


  .theme-body .s\:pt-0{
    padding-top: 0px;
  }
  .theme-body .s\:align-inherit {
    text-align: inherit;
  }
  .theme-body .s\:even\:text-right:nth-child(even){
    text-align: right;
  }
  .theme-body :is(.group:nth-child(even) .s\:group-even\:flex-row-reverse){
    flex-direction: row-reverse;
  }
}


@media (min-width: 640px){


  .theme-body .sm\:block{
    display: block;
  }


  .theme-body .sm\:h-20{
    height: 5rem;
  }


  .theme-body .sm\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .sm\:w-1\/2{
    width: 50%;
  }


  .theme-body .sm\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .sm\:w-1\/4{
    width: 25%;
  }


  .theme-body .sm\:w-1\/5{
    width: 20%;
  }


  .theme-body .sm\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .sm\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .sm\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .sm\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .sm\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .sm\:w-2\/4{
    width: 50%;
  }


  .theme-body .sm\:w-2\/5{
    width: 40%;
  }


  .theme-body .sm\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .sm\:w-20{
    width: 5rem;
  }


  .theme-body .sm\:w-3\/12{
    width: 25%;
  }


  .theme-body .sm\:w-3\/4{
    width: 75%;
  }


  .theme-body .sm\:w-3\/5{
    width: 60%;
  }


  .theme-body .sm\:w-3\/6{
    width: 50%;
  }


  .theme-body .sm\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .sm\:w-4\/5{
    width: 80%;
  }


  .theme-body .sm\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .sm\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .sm\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .sm\:w-6\/12{
    width: 50%;
  }


  .theme-body .sm\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .sm\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .sm\:w-9\/12{
    width: 75%;
  }


  .theme-body .sm\:w-auto{
    width: auto;
  }


  .theme-body .sm\:w-full{
    width: 100%;
  }


  .theme-body .sm\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .sm\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .sm\:w-screen{
    width: 100vw;
  }


  .theme-body .sm\:basis-2\/5{
    flex-basis: 40%;
  }


  .theme-body .sm\:basis-5\/8{
    flex-basis: 62.5%;
  }


  .theme-body .sm\:gap-8{
    gap: 2rem;
  }


  .theme-body .sm\:p-default{
    padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
  }
}


@media (min-width: 768px){


  .theme-body .md\:block{
    display: block;
  }


  .theme-body .md\:h-auto{
    height: auto;
  }


  .theme-body .md\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .md\:w-1\/2{
    width: 50%;
  }


  .theme-body .md\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .md\:w-1\/4{
    width: 25%;
  }


  .theme-body .md\:w-1\/5{
    width: 20%;
  }


  .theme-body .md\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .md\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .md\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .md\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .md\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .md\:w-2\/4{
    width: 50%;
  }


  .theme-body .md\:w-2\/5{
    width: 40%;
  }


  .theme-body .md\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .md\:w-3\/12{
    width: 25%;
  }


  .theme-body .md\:w-3\/4{
    width: 75%;
  }


  .theme-body .md\:w-3\/5{
    width: 60%;
  }


  .theme-body .md\:w-3\/6{
    width: 50%;
  }


  .theme-body .md\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .md\:w-4\/5{
    width: 80%;
  }


  .theme-body .md\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .md\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .md\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .md\:w-6\/12{
    width: 50%;
  }


  .theme-body .md\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .md\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .md\:w-9\/12{
    width: 75%;
  }


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


  .theme-body .md\:w-full{
    width: 100%;
  }


  .theme-body .md\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .md\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .md\:w-screen{
    width: 100vw;
  }


  .theme-body .md\:object-contain{
    -o-object-fit: contain;
    object-fit: contain;
  }


  .theme-body .md\:text-base{
    font-size: 1rem;
    line-height: 1.7;
  }
}


@media (min-width: 799px){


  .theme-body .menuSwitchToMobile\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-1\/2{
    width: 50%;
  }


  .theme-body .menuSwitchToMobile\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-1\/4{
    width: 25%;
  }


  .theme-body .menuSwitchToMobile\:w-1\/5{
    width: 20%;
  }


  .theme-body .menuSwitchToMobile\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-2\/4{
    width: 50%;
  }


  .theme-body .menuSwitchToMobile\:w-2\/5{
    width: 40%;
  }


  .theme-body .menuSwitchToMobile\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-3\/12{
    width: 25%;
  }


  .theme-body .menuSwitchToMobile\:w-3\/4{
    width: 75%;
  }


  .theme-body .menuSwitchToMobile\:w-3\/5{
    width: 60%;
  }


  .theme-body .menuSwitchToMobile\:w-3\/6{
    width: 50%;
  }


  .theme-body .menuSwitchToMobile\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-4\/5{
    width: 80%;
  }


  .theme-body .menuSwitchToMobile\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-6\/12{
    width: 50%;
  }


  .theme-body .menuSwitchToMobile\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .menuSwitchToMobile\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToMobile\:w-9\/12{
    width: 75%;
  }


  .theme-body .menuSwitchToMobile\:w-auto{
    width: auto;
  }


  .theme-body .menuSwitchToMobile\:w-full{
    width: 100%;
  }


  .theme-body .menuSwitchToMobile\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .menuSwitchToMobile\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .menuSwitchToMobile\:w-screen{
    width: 100vw;
  }
}


@media (min-width: 800px){


  .theme-body .menuSwitch\:static{
    position: static;
  }


  .theme-body .menuSwitch\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .menuSwitch\:w-1\/2{
    width: 50%;
  }


  .theme-body .menuSwitch\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .menuSwitch\:w-1\/4{
    width: 25%;
  }


  .theme-body .menuSwitch\:w-1\/5{
    width: 20%;
  }


  .theme-body .menuSwitch\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .menuSwitch\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .menuSwitch\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .menuSwitch\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .menuSwitch\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .menuSwitch\:w-2\/4{
    width: 50%;
  }


  .theme-body .menuSwitch\:w-2\/5{
    width: 40%;
  }


  .theme-body .menuSwitch\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .menuSwitch\:w-3\/12{
    width: 25%;
  }


  .theme-body .menuSwitch\:w-3\/4{
    width: 75%;
  }


  .theme-body .menuSwitch\:w-3\/5{
    width: 60%;
  }


  .theme-body .menuSwitch\:w-3\/6{
    width: 50%;
  }


  .theme-body .menuSwitch\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .menuSwitch\:w-4\/5{
    width: 80%;
  }


  .theme-body .menuSwitch\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .menuSwitch\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .menuSwitch\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .menuSwitch\:w-6\/12{
    width: 50%;
  }


  .theme-body .menuSwitch\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .menuSwitch\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .menuSwitch\:w-9\/12{
    width: 75%;
  }


  .theme-body .menuSwitch\:w-auto{
    width: auto;
  }


  .theme-body .menuSwitch\:w-full{
    width: 100%;
  }


  .theme-body .menuSwitch\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .menuSwitch\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .menuSwitch\:w-screen{
    width: 100vw;
  }


  .theme-body .menuSwitch\:opacity-100{
    opacity: 1;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/2{
    width: 50%;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/4{
    width: 25%;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/5{
    width: 20%;
  }


  .theme-body .menuSwitchToDesktop\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-2\/4{
    width: 50%;
  }


  .theme-body .menuSwitchToDesktop\:w-2\/5{
    width: 40%;
  }


  .theme-body .menuSwitchToDesktop\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-3\/12{
    width: 25%;
  }


  .theme-body .menuSwitchToDesktop\:w-3\/4{
    width: 75%;
  }


  .theme-body .menuSwitchToDesktop\:w-3\/5{
    width: 60%;
  }


  .theme-body .menuSwitchToDesktop\:w-3\/6{
    width: 50%;
  }


  .theme-body .menuSwitchToDesktop\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-4\/5{
    width: 80%;
  }


  .theme-body .menuSwitchToDesktop\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-6\/12{
    width: 50%;
  }


  .theme-body .menuSwitchToDesktop\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .menuSwitchToDesktop\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .menuSwitchToDesktop\:w-9\/12{
    width: 75%;
  }


  .theme-body .menuSwitchToDesktop\:w-auto{
    width: auto;
  }


  .theme-body .menuSwitchToDesktop\:w-full{
    width: 100%;
  }


  .theme-body .menuSwitchToDesktop\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .menuSwitchToDesktop\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .menuSwitchToDesktop\:w-screen{
    width: 100vw;
  }
}


@media (min-width: 1024px){


  .theme-body .lg\:absolute{
    position: absolute;
  }


  .theme-body .lg\:right-\[10\%\]{
    right: 10%;
  }


  .theme-body .lg\:top-1\/2{
    top: 50%;
  }


  .theme-body .lg\:order-first{
    order: -9999;
  }


  .theme-body .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }


  .theme-body .lg\:-mr-\[25\%\]{
    margin-right: -25%;
  }


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


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


  .theme-body .lg\:aspect-\[3\/1\]{
    aspect-ratio: 3/1;
  }


  .theme-body .lg\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .lg\:w-1\/2{
    width: 50%;
  }


  .theme-body .lg\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .lg\:w-1\/4{
    width: 25%;
  }


  .theme-body .lg\:w-1\/5{
    width: 20%;
  }


  .theme-body .lg\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .lg\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .lg\:w-11\/12{
    width: 91.666667%;
  }


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


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


  .theme-body .lg\:w-2\/4{
    width: 50%;
  }


  .theme-body .lg\:w-2\/5{
    width: 40%;
  }


  .theme-body .lg\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .lg\:w-3\/12{
    width: 25%;
  }


  .theme-body .lg\:w-3\/4{
    width: 75%;
  }


  .theme-body .lg\:w-3\/5{
    width: 60%;
  }


  .theme-body .lg\:w-3\/6{
    width: 50%;
  }


  .theme-body .lg\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .lg\:w-4\/5{
    width: 80%;
  }


  .theme-body .lg\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .lg\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .lg\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .lg\:w-6\/12{
    width: 50%;
  }


  .theme-body .lg\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .lg\:w-8\/12{
    width: 66.666667%;
  }


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


  .theme-body .lg\:w-auto{
    width: auto;
  }


  .theme-body .lg\:w-full{
    width: 100%;
  }


  .theme-body .lg\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .lg\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .lg\:w-screen{
    width: 100vw;
  }


  .theme-body .lg\:max-w-xs{
    max-width: 20rem;
  }


  .theme-body .lg\:basis-1\/2{
    flex-basis: 50%;
  }


  .theme-body .lg\:basis-1\/5{
    flex-basis: 20%;
  }


  .theme-body .lg\:basis-1\/8{
    flex-basis: 12.5%;
  }


  .theme-body .lg\:basis-6\/8{
    flex-basis: 75%;
  }


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


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


  .theme-body .lg\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }


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


  .theme-body .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }


  .theme-body .lg\:gap-10{
    gap: 2.5rem;
  }


  .theme-body .lg\:border-r-8{
    border-right-width: 8px;
  }


  .theme-body .lg\:border-r-primary{
    --tw-border-opacity: 1;
    border-right-color: hsl(0 100% 40% / var(--tw-border-opacity));
  }

  .theme-body .lg\:slider-nav-inside {
    --slider-nav-inner-padding: 2em;
    --slider-nav-color: white;
  }

    .theme-body :is(.lg\:slider-nav-inside .splide__arrows) {
      position: absolute;
    }

    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

    @media (min-width: 640px){


    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
      max-width: 640px;
      padding-right: 32px;
      padding-left: 32px;
    }
  }

    @media (min-width: 768px){


    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
      max-width: 768px;
    }
  }

    @media (min-width: 1024px){


    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
      max-width: 1024px;
      padding-right: 64px;
      padding-left: 64px;
    }
  }

    @media (min-width: 1280px){


    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
      max-width: 1280px;
      padding-right: 80px;
      padding-left: 80px;
    }
  }

    @media (min-width: 1536px){


    .theme-body  :is(.lg\:slider-nav-inside .splide__pagination){
      max-width: 1536px;
      padding-right: 96px;
      padding-left: 96px;
    }
  }


@media ( max-width:479px ) {
    .theme-body :is(.m-text--text :is(.lg\:slider-nav-inside .splide__pagination)) {
      padding-inline: 0;
    }
  }


.theme-body :is(.m-facts >  :is(.lg\:slider-nav-inside .splide__pagination)) {
		background-color: inherit;
	}


.theme-body :is(.content-section > :is(.lg\:slider-nav-inside .splide__pagination)) {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}

    .theme-body :is(.lg\:slider-nav-inside .splide__pagination) {
      line-height: var(--slider-nav-arrow-size);
      left: auto;
      right: auto;
      bottom: var(--slider-nav-inner-padding);
      top: auto !important;
    }

    .theme-body :is(.lg\:slider-nav-inside.slider-nav-bottom-right .splide__arrows) {
      right: 2%;
      bottom: 2%;
    }
    .theme-body :is(.lg\:slider-nav-inside.slider-nav-bottom-right .splide__pagination) {
      bottom: 2%;
      margin-right: 2%;
    }

  .theme-body .lg\:slider-nav-bottom-left {

    /* Wrapper */

    display: flex;

    flex-direction: column;

  }
    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }
    @media (min-width: 640px){


    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
      max-width: 640px;
      padding-right: 32px;
      padding-left: 32px;
    }
  }
    @media (min-width: 768px){


    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
      max-width: 768px;
    }
  }
    @media (min-width: 1024px){


    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
      max-width: 1024px;
      padding-right: 64px;
      padding-left: 64px;
    }
  }
    @media (min-width: 1280px){


    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
      max-width: 1280px;
      padding-right: 80px;
      padding-left: 80px;
    }
  }
    @media (min-width: 1536px){


    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
      max-width: 1536px;
      padding-right: 96px;
      padding-left: 96px;
    }
  }
    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__arrows){
    order: 10;
    margin-top: 1.25rem;
    display: flex;
    justify-content: flex-start;
  }


@media ( max-width:479px ) {
    .theme-body :is(.m-text--text :is(.lg\:slider-nav-bottom-left .splide__arrows)) {
      padding-inline: 0;
    }
  }


.theme-body :is(.m-facts >  :is(.lg\:slider-nav-bottom-left .splide__arrows)) {
		background-color: inherit;
	}


.theme-body :is(.content-section > :is(.lg\:slider-nav-bottom-left .splide__arrows)) {
		--tw-bg-opacity: inherit;
		container-type: inline-size;
	}

      .theme-body :is(.lg\:slider-nav-bottom-left .splide__arrows .splide__arrow) {
        position: static;
        transform: none;
      }

        .theme-body :is(.lg\:slider-nav-bottom-left .splide__arrows .splide__arrow.splide__arrow--prev) {
          margin-right: 10px;
        }

    .theme-body :is(.lg\:slider-nav-bottom-left.slider-nav-inside .splide__arrows) {
      left: 2%;
      bottom: 2%;
    }

    .theme-body :is(.lg\:slider-nav-inside.slider-nav-bottom-left .splide__arrows) {
      left: 2%;
      bottom: 2%;
    }
    .theme-body :is(.lg\:slider-nav-bottom-left.slider-nav-inside .splide__pagination) {
      left: 2%;
      margin-right: 2%;
    }
    .theme-body :is(.lg\:slider-nav-inside.slider-nav-bottom-left .splide__pagination) {
      left: 2%;
      margin-right: 2%;
    }
    .theme-body  :is(.lg\:slider-nav-bottom-left .splide__pagination){
    justify-content: flex-start;
  }
      .theme-body :is(.lg\:slider-nav-bottom-left:has(.splide__arrows) .splide__pagination) {
        position: absolute;
        right: auto;
        top: auto;
        bottom: 0;
        left: calc(50% + var(--slider-nav-arrow-size) * 2 + 30px );
        translate: -50% 0;
      }
}


@media (min-width: 1200px){


  .theme-body .narrow-section\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .narrow-section\:w-1\/2{
    width: 50%;
  }


  .theme-body .narrow-section\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .narrow-section\:w-1\/4{
    width: 25%;
  }


  .theme-body .narrow-section\:w-1\/5{
    width: 20%;
  }


  .theme-body .narrow-section\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .narrow-section\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .narrow-section\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .narrow-section\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .narrow-section\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .narrow-section\:w-2\/4{
    width: 50%;
  }


  .theme-body .narrow-section\:w-2\/5{
    width: 40%;
  }


  .theme-body .narrow-section\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .narrow-section\:w-3\/12{
    width: 25%;
  }


  .theme-body .narrow-section\:w-3\/4{
    width: 75%;
  }


  .theme-body .narrow-section\:w-3\/5{
    width: 60%;
  }


  .theme-body .narrow-section\:w-3\/6{
    width: 50%;
  }


  .theme-body .narrow-section\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .narrow-section\:w-4\/5{
    width: 80%;
  }


  .theme-body .narrow-section\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .narrow-section\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .narrow-section\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .narrow-section\:w-6\/12{
    width: 50%;
  }


  .theme-body .narrow-section\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .narrow-section\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .narrow-section\:w-9\/12{
    width: 75%;
  }


  .theme-body .narrow-section\:w-auto{
    width: auto;
  }


  .theme-body .narrow-section\:w-full{
    width: 100%;
  }


  .theme-body .narrow-section\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .narrow-section\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .narrow-section\:w-screen{
    width: 100vw;
  }


  .theme-body .narrow-section\:max-w-screen-narrow-section{
    max-width: 1200px;
  }
}


@media (min-width: 1280px){


  .theme-body .xl\:block{
    display: block;
  }


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


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


  .theme-body .xl\:w-1\/12{
    width: 8.333333%;
  }


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


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


  .theme-body .xl\:w-1\/4{
    width: 25%;
  }


  .theme-body .xl\:w-1\/5{
    width: 20%;
  }


  .theme-body .xl\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .xl\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .xl\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .xl\:w-2\/12{
    width: 16.666667%;
  }


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


  .theme-body .xl\:w-2\/4{
    width: 50%;
  }


  .theme-body .xl\:w-2\/5{
    width: 40%;
  }


  .theme-body .xl\:w-2\/6{
    width: 33.333333%;
  }


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


  .theme-body .xl\:w-3\/4{
    width: 75%;
  }


  .theme-body .xl\:w-3\/5{
    width: 60%;
  }


  .theme-body .xl\:w-3\/6{
    width: 50%;
  }


  .theme-body .xl\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .xl\:w-4\/5{
    width: 80%;
  }


  .theme-body .xl\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .xl\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .xl\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .xl\:w-6\/12{
    width: 50%;
  }


  .theme-body .xl\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .xl\:w-8\/12{
    width: 66.666667%;
  }


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


  .theme-body .xl\:w-auto{
    width: auto;
  }


  .theme-body .xl\:w-full{
    width: 100%;
  }


  .theme-body .xl\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .xl\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .xl\:w-screen{
    width: 100vw;
  }


  .theme-body .xl\:max-w-xl{
    max-width: 36rem;
  }


  .theme-body .xl\:shrink{
    flex-shrink: 1;
  }


  .theme-body .xl\:basis-full{
    flex-basis: 100%;
  }


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


@media (min-width: 1536px){


  .theme-body .\32xl\:w-1\/12{
    width: 8.333333%;
  }


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


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


  .theme-body .\32xl\:w-1\/4{
    width: 25%;
  }


  .theme-body .\32xl\:w-1\/5{
    width: 20%;
  }


  .theme-body .\32xl\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .\32xl\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .\32xl\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .\32xl\:w-2\/12{
    width: 16.666667%;
  }


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


  .theme-body .\32xl\:w-2\/4{
    width: 50%;
  }


  .theme-body .\32xl\:w-2\/5{
    width: 40%;
  }


  .theme-body .\32xl\:w-2\/6{
    width: 33.333333%;
  }


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


  .theme-body .\32xl\:w-3\/4{
    width: 75%;
  }


  .theme-body .\32xl\:w-3\/5{
    width: 60%;
  }


  .theme-body .\32xl\:w-3\/6{
    width: 50%;
  }


  .theme-body .\32xl\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .\32xl\:w-4\/5{
    width: 80%;
  }


  .theme-body .\32xl\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .\32xl\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .\32xl\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .\32xl\:w-6\/12{
    width: 50%;
  }


  .theme-body .\32xl\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .\32xl\:w-8\/12{
    width: 66.666667%;
  }


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


  .theme-body .\32xl\:w-auto{
    width: auto;
  }


  .theme-body .\32xl\:w-full{
    width: 100%;
  }


  .theme-body .\32xl\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .\32xl\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .\32xl\:w-screen{
    width: 100vw;
  }


  .theme-body .\32xl\:max-w-2xl{
    max-width: 42rem;
  }
}


@media (min-width: 1920px){


  .theme-body .wide\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .wide\:w-1\/2{
    width: 50%;
  }


  .theme-body .wide\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .wide\:w-1\/4{
    width: 25%;
  }


  .theme-body .wide\:w-1\/5{
    width: 20%;
  }


  .theme-body .wide\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .wide\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .wide\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .wide\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .wide\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .wide\:w-2\/4{
    width: 50%;
  }


  .theme-body .wide\:w-2\/5{
    width: 40%;
  }


  .theme-body .wide\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .wide\:w-3\/12{
    width: 25%;
  }


  .theme-body .wide\:w-3\/4{
    width: 75%;
  }


  .theme-body .wide\:w-3\/5{
    width: 60%;
  }


  .theme-body .wide\:w-3\/6{
    width: 50%;
  }


  .theme-body .wide\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .wide\:w-4\/5{
    width: 80%;
  }


  .theme-body .wide\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .wide\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .wide\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .wide\:w-6\/12{
    width: 50%;
  }


  .theme-body .wide\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .wide\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .wide\:w-9\/12{
    width: 75%;
  }


  .theme-body .wide\:w-auto{
    width: auto;
  }


  .theme-body .wide\:w-full{
    width: 100%;
  }


  .theme-body .wide\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .wide\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .wide\:w-screen{
    width: 100vw;
  }
}


@media (min-width: 1980px){


  .theme-body .maxcontent\:w-1\/12{
    width: 8.333333%;
  }


  .theme-body .maxcontent\:w-1\/2{
    width: 50%;
  }


  .theme-body .maxcontent\:w-1\/3{
    width: 33.333333%;
  }


  .theme-body .maxcontent\:w-1\/4{
    width: 25%;
  }


  .theme-body .maxcontent\:w-1\/5{
    width: 20%;
  }


  .theme-body .maxcontent\:w-1\/6{
    width: 16.666667%;
  }


  .theme-body .maxcontent\:w-10\/12{
    width: 83.333333%;
  }


  .theme-body .maxcontent\:w-11\/12{
    width: 91.666667%;
  }


  .theme-body .maxcontent\:w-2\/12{
    width: 16.666667%;
  }


  .theme-body .maxcontent\:w-2\/3{
    width: 66.666667%;
  }


  .theme-body .maxcontent\:w-2\/4{
    width: 50%;
  }


  .theme-body .maxcontent\:w-2\/5{
    width: 40%;
  }


  .theme-body .maxcontent\:w-2\/6{
    width: 33.333333%;
  }


  .theme-body .maxcontent\:w-3\/12{
    width: 25%;
  }


  .theme-body .maxcontent\:w-3\/4{
    width: 75%;
  }


  .theme-body .maxcontent\:w-3\/5{
    width: 60%;
  }


  .theme-body .maxcontent\:w-3\/6{
    width: 50%;
  }


  .theme-body .maxcontent\:w-4\/12{
    width: 33.333333%;
  }


  .theme-body .maxcontent\:w-4\/5{
    width: 80%;
  }


  .theme-body .maxcontent\:w-4\/6{
    width: 66.666667%;
  }


  .theme-body .maxcontent\:w-5\/12{
    width: 41.666667%;
  }


  .theme-body .maxcontent\:w-5\/6{
    width: 83.333333%;
  }


  .theme-body .maxcontent\:w-6\/12{
    width: 50%;
  }


  .theme-body .maxcontent\:w-7\/12{
    width: 58.333333%;
  }


  .theme-body .maxcontent\:w-8\/12{
    width: 66.666667%;
  }


  .theme-body .maxcontent\:w-9\/12{
    width: 75%;
  }


  .theme-body .maxcontent\:w-auto{
    width: auto;
  }


  .theme-body .maxcontent\:w-full{
    width: 100%;
  }


  .theme-body .maxcontent\:w-max{
    width: -moz-max-content;
    width: max-content;
  }


  .theme-body .maxcontent\:w-min{
    width: -moz-min-content;
    width: min-content;
  }


  .theme-body .maxcontent\:w-screen{
    width: 100vw;
  }
}


@media (orientation: portrait){


  .theme-body .portrait\:max-h-\[60vh\]{
    max-height: 60vh;
  }
}


@media print{


  .theme-body .print\:hidden{
    display: none;
  }
}

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