@charset "UTF-8";
:root {
  --fallback: sans-serif;
  --mainFont: var(--wp--preset--font-family--system-sans-serif);
  --headline: "Inter", var(--fallback);
  --backgroundColor: rgb(249, 249, 249);
  --backgroundColorRGB: 249, 249, 249;
  --backgroundColorDark: #b3b3b3;
  --warningColor: #b10000;
  --formBorderColor: #b6b6b6;
  --lightGray: #ececec;
  --mainGradient: linear-gradient(to bottom, var(--main-color) 0%, var(--second-color) 100%);
  --contrastColor: #000;
  --contrastColorRGB: 0,0,0;
  --contrastColorLight: #1a1a1a;
  --contrastColorInverted: #fff;
  --contrastColorInvertedRGB: 255,255,255;
  --contrastColorDark: #e6e6e6;
  --baseFontSize: 17px;
  --baseLineheight: 150%;
  --miniFontSize: 13px;
  --baseBorderRadius: 10px;
  --stickyHeaderHeight: 125px;
  --stickyHeaderHeightMobile: 75px;
  --spaceBetweenDefault: 20px;
  --spaceBetweenSlim: 10px;
  --spaceBetweenWide: autoClamp(40, 80);
  --baseTransition: all .3s ease-in-out;
  --baseWidth: 96%;
  --reducedWidth: 600px;
  --maxWidth: 1200px;
  --maxWidthBig: 1500px;
  --pageLimit: 1920px;
  --fl-frame-lightbgbox: #f9f9f9;
  --fl-frame-cibgbox: var(--main-color);
  --fl-layout-reduced: var(--reducedWidth);
  --fl-margin-before-extra-small: 16px;
  --fl-margin-before-small: clamp(30px, 2.4vw, 45px);
  --fl-margin-before-medium: clamp(40px, 3.7vw, 70px);
  --fl-margin-before-large: clamp(50px, 7vw, 130px);
  --fl-margin-before-extra-large: clamp(60px, 11vw, 200px);
  --fl-margin-after-extra-small: var(--fl-margin-before-extra-small);
  --fl-margin-after-small: var(--fl-margin-before-small);
  --fl-margin-after-medium: var(--fl-margin-before-medium);
  --fl-margin-after-large: var(--fl-margin-before-large);
  --fl-margin-after-extra-large: var(--fl-margin-before-extra-large);
  --top: 0px;
}
@media screen and (min-width: 641px) {
  :root {
    --mainNavHeight: clamp(40px, 5vw, 50px);
  }
}
@media screen and (max-width: 640px) {
  :root {
    --mainNavHeight: var(--top, 0px);
  }
}

@media (min-width: 601px) and (max-width: 782px) {
  .admin-bar {
    --top: 46px;
  }
}
@media screen and (min-width: 783px) {
  .admin-bar {
    --top: 32px;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

.is-root-container ol, .is-root-container ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: var(--fl-margin-after-extra-small);
}
.is-root-container ol div, .is-root-container ul div {
  display: inline;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  src: url("../fonts/Inter-VariableFont.ttf") format("truetype"); /* Legacy iOS */
}
:root {
  --wp--preset--font-family--body: "Inter", sans-serif;
  --wp--preset--font-family--heading: Cardo;
  --wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html:not(.wp-toolbar) {
  font-size: var(--baseFontSize);
}

*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

::-moz-selection {
  background: var(--main-color);
  text-shadow: none;
  color: var(--contrastColorInverted);
}

::selection {
  background: var(--main-color);
  text-shadow: none;
  color: var(--contrastColorInverted);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body {
  background: var(--backgroundColor);
  font-family: var(--mainFont);
  color: var(--fontColor);
  line-height: var(--baseLineheight);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body:not(.wp-admin) {
  font-size: var(--baseFontSize);
}

hr {
  display: block;
  height: 1px;
  background: var(--backgroundColor);
  margin: 1em 0;
  border: none;
}

a {
  color: var(--main-color);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
a:hover {
  color: var(--second-color);
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--wp--preset--font-family--system-sans-serif);
  line-height: 120%;
  text-wrap: balance;
}
h1 + p:not([data-margin-before=off]),
h1 + ul:not([data-margin-before=off]),
h1 + ol:not([data-margin-before=off]),
h1 + .wp-block-columns:not([data-margin-before=off]),
h1 + .wp-block-table:not([data-margin-before=off]),
h1 + .wp-block-image:not([data-margin-before=off]),
h1 + .wp-block-gallery:not([data-margin-before=off]),
h1 + .wp-block-buttons:not([data-margin-before=off]), h2 + p:not([data-margin-before=off]),
h2 + ul:not([data-margin-before=off]),
h2 + ol:not([data-margin-before=off]),
h2 + .wp-block-columns:not([data-margin-before=off]),
h2 + .wp-block-table:not([data-margin-before=off]),
h2 + .wp-block-image:not([data-margin-before=off]),
h2 + .wp-block-gallery:not([data-margin-before=off]),
h2 + .wp-block-buttons:not([data-margin-before=off]), h3 + p:not([data-margin-before=off]),
h3 + ul:not([data-margin-before=off]),
h3 + ol:not([data-margin-before=off]),
h3 + .wp-block-columns:not([data-margin-before=off]),
h3 + .wp-block-table:not([data-margin-before=off]),
h3 + .wp-block-image:not([data-margin-before=off]),
h3 + .wp-block-gallery:not([data-margin-before=off]),
h3 + .wp-block-buttons:not([data-margin-before=off]), h4 + p:not([data-margin-before=off]),
h4 + ul:not([data-margin-before=off]),
h4 + ol:not([data-margin-before=off]),
h4 + .wp-block-columns:not([data-margin-before=off]),
h4 + .wp-block-table:not([data-margin-before=off]),
h4 + .wp-block-image:not([data-margin-before=off]),
h4 + .wp-block-gallery:not([data-margin-before=off]),
h4 + .wp-block-buttons:not([data-margin-before=off]), h5 + p:not([data-margin-before=off]),
h5 + ul:not([data-margin-before=off]),
h5 + ol:not([data-margin-before=off]),
h5 + .wp-block-columns:not([data-margin-before=off]),
h5 + .wp-block-table:not([data-margin-before=off]),
h5 + .wp-block-image:not([data-margin-before=off]),
h5 + .wp-block-gallery:not([data-margin-before=off]),
h5 + .wp-block-buttons:not([data-margin-before=off]), h6 + p:not([data-margin-before=off]),
h6 + ul:not([data-margin-before=off]),
h6 + ol:not([data-margin-before=off]),
h6 + .wp-block-columns:not([data-margin-before=off]),
h6 + .wp-block-table:not([data-margin-before=off]),
h6 + .wp-block-image:not([data-margin-before=off]),
h6 + .wp-block-gallery:not([data-margin-before=off]),
h6 + .wp-block-buttons:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-extra-small);
}
h1.is-style-highlight-headline, h2.is-style-highlight-headline, h3.is-style-highlight-headline, h4.is-style-highlight-headline, h5.is-style-highlight-headline, h6.is-style-highlight-headline {
  background-color: var(--main-color);
  color: var(--contrastColorInverted);
  padding: 10px 20px;
}

h1.is-style-highlight-headline {
  font-size: clamp(1.4117647059rem, 1.2834224599rem + 0.6818181818vw, 1.7647058824rem);
}

.page-template-default .entry-content > .is-style-highlight-headline:first-child {
  padding-top: 0;
}

body #site .allcont .entry-content > .is-style-highlight-headline {
  max-width: none;
  width: 100%;
  padding-left: max(4%, (100% - var(--maxWidthBig)) / 2);
  padding-right: max(4%, (100% - var(--maxWidthBig)) / 2);
  border-bottom: clamp(5px, 1vw, 15px) solid var(--second-color);
}
body #site .allcont .entry-content > .is-style-highlight-headline:first-child {
  margin-top: 0;
  margin-bottom: var(--fl-margin-after-small);
}

p:not([class*=roofline]) + h1:not([data-margin-before=off]), p:not([class*=roofline]) + h2:not([data-margin-before=off]), p:not([class*=roofline]) + h3:not([data-margin-before=off]), p:not([class*=roofline]) + h4:not([data-margin-before=off]), p:not([class*=roofline]) + h5:not([data-margin-before=off]), p:not([class*=roofline]) + h6:not([data-margin-before=off]), p:not([class*=roofline]) + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]), p:not([class*=roofline]) + ul:not([data-margin-before=off]),
ul + h1:not([data-margin-before=off]),
ul + h2:not([data-margin-before=off]),
ul + h3:not([data-margin-before=off]),
ul + h4:not([data-margin-before=off]),
ul + h5:not([data-margin-before=off]),
ul + h6:not([data-margin-before=off]),
ul + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
ul + ul:not([data-margin-before=off]),
ol + h1:not([data-margin-before=off]),
ol + h2:not([data-margin-before=off]),
ol + h3:not([data-margin-before=off]),
ol + h4:not([data-margin-before=off]),
ol + h5:not([data-margin-before=off]),
ol + h6:not([data-margin-before=off]),
ol + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
ol + ul:not([data-margin-before=off]),
header + h1:not([data-margin-before=off]),
header + h2:not([data-margin-before=off]),
header + h3:not([data-margin-before=off]),
header + h4:not([data-margin-before=off]),
header + h5:not([data-margin-before=off]),
header + h6:not([data-margin-before=off]),
header + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
header + ul:not([data-margin-before=off]),
.wp-block-columns + h1:not([data-margin-before=off]),
.wp-block-columns + h2:not([data-margin-before=off]),
.wp-block-columns + h3:not([data-margin-before=off]),
.wp-block-columns + h4:not([data-margin-before=off]),
.wp-block-columns + h5:not([data-margin-before=off]),
.wp-block-columns + h6:not([data-margin-before=off]),
.wp-block-columns + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-columns + ul:not([data-margin-before=off]),
.wp-block-table + h1:not([data-margin-before=off]),
.wp-block-table + h2:not([data-margin-before=off]),
.wp-block-table + h3:not([data-margin-before=off]),
.wp-block-table + h4:not([data-margin-before=off]),
.wp-block-table + h5:not([data-margin-before=off]),
.wp-block-table + h6:not([data-margin-before=off]),
.wp-block-table + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-table + ul:not([data-margin-before=off]),
.wp-block-image + h1:not([data-margin-before=off]),
.wp-block-image + h2:not([data-margin-before=off]),
.wp-block-image + h3:not([data-margin-before=off]),
.wp-block-image + h4:not([data-margin-before=off]),
.wp-block-image + h5:not([data-margin-before=off]),
.wp-block-image + h6:not([data-margin-before=off]),
.wp-block-image + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-image + ul:not([data-margin-before=off]),
.wp-block-gallery + h1:not([data-margin-before=off]),
.wp-block-gallery + h2:not([data-margin-before=off]),
.wp-block-gallery + h3:not([data-margin-before=off]),
.wp-block-gallery + h4:not([data-margin-before=off]),
.wp-block-gallery + h5:not([data-margin-before=off]),
.wp-block-gallery + h6:not([data-margin-before=off]),
.wp-block-gallery + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-gallery + ul:not([data-margin-before=off]),
.wp-block-buttons + h1:not([data-margin-before=off]),
.wp-block-buttons + h2:not([data-margin-before=off]),
.wp-block-buttons + h3:not([data-margin-before=off]),
.wp-block-buttons + h4:not([data-margin-before=off]),
.wp-block-buttons + h5:not([data-margin-before=off]),
.wp-block-buttons + h6:not([data-margin-before=off]),
.wp-block-buttons + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-buttons + ul:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-extra-small);
}
p:not([class*=roofline]) + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]), p:not([class*=roofline]) + ul:not(.sub-menu):not([data-margin-before=off]), p:not([class*=roofline]) + ol:not([data-margin-before=off]),
ul + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
ul + ul:not(.sub-menu):not([data-margin-before=off]),
ul + ol:not([data-margin-before=off]),
ol + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
ol + ul:not(.sub-menu):not([data-margin-before=off]),
ol + ol:not([data-margin-before=off]),
header + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
header + ul:not(.sub-menu):not([data-margin-before=off]),
header + ol:not([data-margin-before=off]),
.wp-block-columns + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-columns + ul:not(.sub-menu):not([data-margin-before=off]),
.wp-block-columns + ol:not([data-margin-before=off]),
.wp-block-table + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-table + ul:not(.sub-menu):not([data-margin-before=off]),
.wp-block-table + ol:not([data-margin-before=off]),
.wp-block-image + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-image + ul:not(.sub-menu):not([data-margin-before=off]),
.wp-block-image + ol:not([data-margin-before=off]),
.wp-block-gallery + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-gallery + ul:not(.sub-menu):not([data-margin-before=off]),
.wp-block-gallery + ol:not([data-margin-before=off]),
.wp-block-buttons + p:not([data-margin-after]):not([data-margin-before]):not([data-margin-before=off]),
.wp-block-buttons + ul:not(.sub-menu):not([data-margin-before=off]),
.wp-block-buttons + ol:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-extra-small);
}

.wp-block-heading + .wp-block-heading:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-extra-small);
}

h1 {
  font-size: clamp(1.8823529412rem, 1.4973262032rem + 2.0454545455vw, 2.9411764706rem);
  font-weight: 600;
}

h2 {
  font-size: clamp(1.4117647059rem, 1.2834224599rem + 0.6818181818vw, 1.7647058824rem);
  font-weight: 400;
}
h2:not([class*=has-font-color]) {
  color: var(--main-color);
}

h3 {
  font-size: 22px;
  font-weight: 400;
}

h4 {
  font-size: 20px;
  font-weight: 400;
}
h4:not([class*=has-font-color]) {
  color: var(--main-color);
}

h5 {
  font-size: 18px;
  font-weight: 400;
}
h5:not([class*=has-font-color]) {
  color: var(--main-color);
}

h6 {
  font-size: 16px;
  font-weight: 400;
}
h6:not([class*=has-font-color]) {
  color: var(--main-color);
}

p + p:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-small);
}

p[class*=roofline] {
  font-weight: 500;
}

p[class*=highlight] {
  font-weight: 600;
  font-size: clamp(0.9411764706rem, 0.6417112299rem + 1.5909090909vw, 1.7647058824rem);
}

.minitext, .is-style-minitext {
  font-size: var(--miniFontSize);
}

i, em {
  font-style: italic;
}

strong, b {
  font-weight: 700;
}

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

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

.cont a {
  text-decoration: none;
  color: var(--main-color);
  transition: var(--baseTransition);
  word-wrap: break-word;
  font-weight: 700;
}

.allcont .wp-element-caption {
  text-align: center;
}

@media screen and (max-width: 450px) {
  button.submit,
  input[type=submit],
  button[type=submit]:not(.wp-block-search__button),
  a.btn,
  button.btn,
  .nav-links a,
  .wp-block-button {
    width: 100%;
  }
}

button.submit,
input[type=submit],
button[type=submit]:not(.wp-block-search__button),
a.btn,
button.btn,
.nav-links a,
.wp-block-button > a.wp-block-button__link:not(.has-text-color) {
  display: inline-block;
  border: none;
  cursor: pointer;
  padding: 15px 25px;
  color: var(--contrastColorInverted);
  background: var(--main-color);
  margin-top: 25px;
  transition: var(--baseTransition);
  line-height: 120%;
  border-radius: 5px;
  font-family: var(--wp--preset--font-family--body);
  font-weight: 500;
  font-size: var(--baseFontSize);
}
button.submit:hover,
input[type=submit]:hover,
button[type=submit]:not(.wp-block-search__button):hover,
a.btn:hover,
button.btn:hover,
.nav-links a:hover,
.wp-block-button > a.wp-block-button__link:not(.has-text-color):hover {
  background: var(--second-color);
}

.wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color) {
  background: var(--contrastColorInverted);
  border: 2px solid var(--main-color);
  color: var(--main-color);
}
.wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color):hover {
  background: var(--main-color);
  color: var(--contrastColorInverted);
  border-color: currentColor;
}

#allcont table {
  width: 100%;
  margin: 10px 0px 5px;
}
#allcont table tr th {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  color: var(--main-color);
  padding: 10px 15px;
}
#allcont table tr td {
  padding: 5px 15px;
}
#allcont table thead tr th {
  border-bottom: 1px solid var(--main-color);
}

body:not(.page-template-page-test):not(.page-template-page-no-header) .entry-content > *:first-child:not([data-margin-before=off]) {
  margin-top: var(--fl-margin-before-small);
}

#site {
  width: 100%;
  margin: 0 auto;
  background: var(--backgroundColor);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#site .allcont {
  container-type: inline-size;
  position: relative;
  flex: 1 0 auto;
  overflow-x: clip;
  max-height: fit-content;
}
#site .allcont .entry-content > form,
#site .allcont .entry-content > hr,
#site .allcont .entry-content > h1, #site .allcont .entry-content > h2, #site .allcont .entry-content > h3, #site .allcont .entry-content > h4, #site .allcont .entry-content > h5, #site .allcont .entry-content > h6,
#site .allcont .entry-content > p,
#site .allcont .entry-content > ul, #site .allcont .entry-content > ol,
#site .allcont .entry-content > table,
#site .allcont .entry-content > *[class*=wp-block-],
#site .allcont .entry-content > section.no-results.not-found {
  max-width: var(--maxWidthBig);
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1530px) {
  #site .allcont .entry-content > form,
  #site .allcont .entry-content > hr,
  #site .allcont .entry-content > h1, #site .allcont .entry-content > h2, #site .allcont .entry-content > h3, #site .allcont .entry-content > h4, #site .allcont .entry-content > h5, #site .allcont .entry-content > h6,
  #site .allcont .entry-content > p,
  #site .allcont .entry-content > ul, #site .allcont .entry-content > ol,
  #site .allcont .entry-content > table,
  #site .allcont .entry-content > *[class*=wp-block-],
  #site .allcont .entry-content > section.no-results.not-found {
    width: var(--baseWidth);
  }
}
#site .allcont .entry-content > section.no-results.not-found {
  margin: 100px auto;
  max-width: var(--maxWidthBig);
}
#site .allcont .entry-content > .wp-block-image > IMG {
  margin: 0 auto;
  display: block;
}
#site .allcont .entry-content > table td {
  padding: 16px;
  padding: 1rem;
}
#site .allcont .entry-content figure {
  max-width: 100%;
}
#site .allcont .entry-content figure img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: fit-content;
}
@media screen and (max-width: 768px) {
  #site .allcont .entry-content figure img {
    height: auto !important;
  }
}
#site .allcont .entry-content .is-style-rounded img {
  border-radius: 31px;
}
#site .allcont .entry-content figure.alignright {
  float: right;
  margin-left: 20px;
}
#site .allcont .entry-content figure.alignleft {
  float: left;
  margin-right: 20px;
}
#site .allcont .entry-content .video-wrapper {
  position: relative;
}
#site .allcont .entry-content .video-wrapper video {
  max-width: 100%;
}
#site .allcont .entry-content .video-wrapper video:not(:hover):not(:focus) + button.video-pause-button:not(:hover):not(:focus) {
  opacity: 0;
}
#site .allcont .entry-content .video-wrapper video + button.video-pause-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  background: none;
  border: none;
}
#site .allcont .entry-content .video-wrapper video + button.video-pause-button:focus {
  outline: 2px solid var(--main-color);
}
#site .allcont .entry-content .video-wrapper video + button.video-pause-button + button.video-play-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  background: none;
  border: none;
}
#site .allcont .entry-content .video-wrapper video + button.video-pause-button + button.video-play-button:focus {
  outline: 2px solid var(--main-color);
}

.floating-label {
  position: relative;
}
.floating-label :is(input,
textarea) {
  padding: 20px 15px;
}
.floating-label label {
  display: block;
  transition: var(--baseTransition);
  position: absolute;
  top: 0;
  left: 15px;
  transform: translateY(1rem);
  pointer-events: none;
  margin-bottom: 0 !important;
}
.floating-label:focus-within label,
.floating-label input:not(:placeholder-shown) + label,
.floating-label textarea:not(:placeholder-shown) + label,
.floating-label :-webkit-autofill + label {
  transform: translateY(0.25rem);
  font-size: 80% !important;
}
.floating-label:focus-within input, .floating-label:focus-within textarea,
.floating-label input:not(:placeholder-shown),
.floating-label textarea:not(:placeholder-shown),
.floating-label :-webkit-autofill {
  padding: 25px 15px 15px;
}
.floating-label ::-webkit-input-placeholder {
  color: transparent;
}
.floating-label :-moz-placeholder {
  opacity: 1;
  color: transparent;
}
.floating-label ::-moz-placeholder {
  opacity: 1;
  color: transparent;
}
.floating-label :-ms-input-placeholder {
  color: transparent;
}

.gform_wrapper.floating-labels input, .gform_wrapper.floating-labels textarea, .gform_wrapper.floating-labels select {
  padding: 30px 15px 20px !important;
}

input, select, textarea {
  width: 100%;
  border: 1px solid var(--formBorderColor);
  border-radius: 5px;
  font-family: var(--mainFont);
  padding: 6px 10px;
  font-size: 14px;
}
input:focus, select:focus, textarea:focus {
  border: 1px solid var(--main-color);
  outline: none;
}

input[type=submit] {
  width: auto;
  cursor: pointer;
}
input[type=submit]:focus {
  border: none;
  outline: none;
}

select {
  appearance: none;
  cursor: pointer;
  color: var(--fontColor);
  background: url("../img/select.svg") no-repeat center right 10px/15px auto;
}
select option {
  color: var(--fontColor);
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
  height: 150px;
}

input[type=radio], input[type=checkbox] {
  width: auto;
  margin-right: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--contrastColorInverted) inset;
  -webkit-text-fill-color: var(--contrastColor);
}

::-webkit-input-placeholder {
  color: var(--mainColorDark);
}

:-moz-placeholder {
  opacity: 1;
  color: var(--mainColorDark);
}

::-moz-placeholder {
  opacity: 1;
  color: var(--mainColorDark);
}

:-ms-input-placeholder {
  color: var(--mainColorDark);
}

:focus {
  outline: rgba(var(--contrastColorInvertedRGB), 0);
}

.checkbox, .radio {
  padding: 10px;
}
.checkbox input, .radio input {
  cursor: pointer;
  appearance: none;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: var(--contrastColorInverted);
  background-position: center;
  border: 1px solid var(--formBorderColor);
  transition: var(--baseTransition);
}
.checkbox input:hover, .radio input:hover {
  border-color: var(--main-color);
}
.checkbox input:checked, .radio input:checked {
  background: var(--contrastColorInverted) url("../Images/check.svg") no-repeat center center/80% auto;
  border: 1px solid var(--main-color);
}
.checkbox input[type=radio], .radio input[type=radio] {
  border-radius: 100%;
}

BODY.blog #allcont,
BODY.single #allcont,
BODY.archive #allcont,
BODY.search #allcont {
  padding: clamp(1.7647058824rem, 0.2673796791rem + 7.9545454545vw, 5.8823529412rem) 0;
}
BODY.blog span.edit-link,
BODY.single span.edit-link,
BODY.archive span.edit-link,
BODY.search span.edit-link {
  display: none;
}
BODY.blog header,
BODY.single header,
BODY.archive header,
BODY.search header {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
BODY.blog header > :last-child,
BODY.single header > :last-child,
BODY.archive header > :last-child,
BODY.search header > :last-child {
  margin-bottom: 40px;
}
BODY.blog header .page-title,
BODY.single header .page-title,
BODY.archive header .page-title,
BODY.search header .page-title {
  width: 100%;
  flex-basis: 100%;
}
BODY.blog header .archive-description,
BODY.single header .archive-description,
BODY.archive header .archive-description,
BODY.search header .archive-description {
  flex-basis: calc(75% - 40px);
  margin-bottom: 40px;
}
BODY.blog header .author-image,
BODY.single header .author-image,
BODY.archive header .author-image,
BODY.search header .author-image {
  flex-basis: 25%;
}
BODY.blog header .author-image img,
BODY.single header .author-image img,
BODY.archive header .author-image img,
BODY.search header .author-image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}
BODY.blog header .author-image.no-image,
BODY.single header .author-image.no-image,
BODY.archive header .author-image.no-image,
BODY.search header .author-image.no-image {
  background: #ddd;
}
BODY.blog .search-group,
BODY.single .search-group,
BODY.archive .search-group,
BODY.search .search-group {
  width: 100%;
  margin: 40px 0;
}
BODY.blog .search-group .search-group-title,
BODY.single .search-group .search-group-title,
BODY.archive .search-group .search-group-title,
BODY.search .search-group .search-group-title {
  margin-bottom: 20px;
}
BODY.blog .search-filter,
BODY.single .search-filter,
BODY.archive .search-filter,
BODY.search .search-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
@media (max-width: 640px) {
  BODY.blog .search-filter,
  BODY.single .search-filter,
  BODY.archive .search-filter,
  BODY.search .search-filter {
    flex-wrap: wrap;
  }
  BODY.blog .search-filter > span,
  BODY.single .search-filter > span,
  BODY.archive .search-filter > span,
  BODY.search .search-filter > span {
    width: 100%;
  }
}
BODY.blog .search-filter a,
BODY.single .search-filter a,
BODY.archive .search-filter a,
BODY.search .search-filter a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  background: var(--main-color);
  color: var(--contrastColorInverted);
  border-radius: 5px;
  transition: var(--baseTransition);
}
@media (max-width: 640px) {
  BODY.blog .search-filter a,
  BODY.single .search-filter a,
  BODY.archive .search-filter a,
  BODY.search .search-filter a {
    width: calc(50% - 5px);
  }
}
BODY.blog .search-filter a:hover,
BODY.single .search-filter a:hover,
BODY.archive .search-filter a:hover,
BODY.search .search-filter a:hover {
  background: var(--second-color);
}
BODY.blog .search-filter a.active,
BODY.single .search-filter a.active,
BODY.archive .search-filter a.active,
BODY.search .search-filter a.active {
  background: var(--second-color);
}
BODY.blog .post-navigation,
BODY.single .post-navigation,
BODY.archive .post-navigation,
BODY.search .post-navigation {
  max-width: var(--maxWidthBig);
  margin: 0 auto 30px;
  margin: 0 auto 1.875rem;
}
@media (max-width: 1530px) {
  BODY.blog .post-navigation,
  BODY.single .post-navigation,
  BODY.archive .post-navigation,
  BODY.search .post-navigation {
    width: var(--baseWidth);
  }
}
BODY.blog .post-navigation .nav-links,
BODY.single .post-navigation .nav-links,
BODY.archive .post-navigation .nav-links,
BODY.search .post-navigation .nav-links {
  display: flex;
  gap: 20px;
  margin: 40px 0;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 450px) {
  BODY.blog .post-navigation .nav-links,
  BODY.single .post-navigation .nav-links,
  BODY.archive .post-navigation .nav-links,
  BODY.search .post-navigation .nav-links {
    flex-direction: column;
  }
}
BODY.blog .post-navigation .nav-links .nav-previous a::before,
BODY.single .post-navigation .nav-links .nav-previous a::before,
BODY.archive .post-navigation .nav-links .nav-previous a::before,
BODY.search .post-navigation .nav-links .nav-previous a::before {
  content: "«";
  font-weight: 900;
  margin-right: 10px;
}
BODY.blog .post-navigation .nav-links .nav-next a::after,
BODY.single .post-navigation .nav-links .nav-next a::after,
BODY.archive .post-navigation .nav-links .nav-next a::after,
BODY.search .post-navigation .nav-links .nav-next a::after {
  content: "»";
  font-weight: 900;
  margin-left: 10px;
}
BODY.blog .allcont .cont > .item,
BODY.single .allcont .cont > .item,
BODY.archive .allcont .cont > .item,
BODY.search .allcont .cont > .item {
  display: flex;
  flex-direction: row;
  max-width: var(--maxWidthBig);
  margin: 40px auto;
  gap: 40px;
}
@media (max-width: 1530px) {
  BODY.blog .allcont .cont > .item,
  BODY.single .allcont .cont > .item,
  BODY.archive .allcont .cont > .item,
  BODY.search .allcont .cont > .item {
    width: var(--baseWidth);
  }
}
@media (max-width: 1200px) {
  BODY.blog .allcont .cont > .item,
  BODY.single .allcont .cont > .item,
  BODY.archive .allcont .cont > .item,
  BODY.search .allcont .cont > .item {
    flex-wrap: wrap;
  }
}
BODY.blog .allcont .cont > .item .entry-content,
BODY.single .allcont .cont > .item .entry-content,
BODY.archive .allcont .cont > .item .entry-content,
BODY.search .allcont .cont > .item .entry-content {
  flex: 1 1 75%;
  max-width: 100%;
}
BODY.blog .allcont .cont > .item .entry-content article.post,
BODY.single .allcont .cont > .item .entry-content article.post,
BODY.archive .allcont .cont > .item .entry-content article.post,
BODY.search .allcont .cont > .item .entry-content article.post {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--main-color);
}
BODY.blog .allcont .cont > .item .entry-content article.post .entry-header,
BODY.single .allcont .cont > .item .entry-content article.post .entry-header,
BODY.archive .allcont .cont > .item .entry-content article.post .entry-header,
BODY.search .allcont .cont > .item .entry-content article.post .entry-header {
  margin-bottom: 30px;
}
BODY.blog .allcont .cont > .item .entry-content article.post:last-of-type,
BODY.single .allcont .cont > .item .entry-content article.post:last-of-type,
BODY.archive .allcont .cont > .item .entry-content article.post:last-of-type,
BODY.search .allcont .cont > .item .entry-content article.post:last-of-type {
  border: none;
}
BODY.blog .allcont .cont > .item .entry-content .text,
BODY.single .allcont .cont > .item .entry-content .text,
BODY.archive .allcont .cont > .item .entry-content .text,
BODY.search .allcont .cont > .item .entry-content .text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
BODY.blog .allcont .cont > .item .entry-content .text .post-thumb,
BODY.single .allcont .cont > .item .entry-content .text .post-thumb,
BODY.archive .allcont .cont > .item .entry-content .text .post-thumb,
BODY.search .allcont .cont > .item .entry-content .text .post-thumb {
  flex: 1 1 150px;
}
BODY.blog .allcont .cont > .item .entry-content .text .post-thumb + P,
BODY.single .allcont .cont > .item .entry-content .text .post-thumb + P,
BODY.archive .allcont .cont > .item .entry-content .text .post-thumb + P,
BODY.search .allcont .cont > .item .entry-content .text .post-thumb + P {
  flex: 1 1 calc(100% - 150px - 40px);
  margin: 0 20px;
}
BODY.blog .allcont .cont > .item #secondary,
BODY.single .allcont .cont > .item #secondary,
BODY.archive .allcont .cont > .item #secondary,
BODY.search .allcont .cont > .item #secondary {
  flex: 1 1 25%;
  padding: 25px;
  border: 1px solid var(--lightGray);
}
BODY.blog .allcont .cont > .item #secondary .widget,
BODY.single .allcont .cont > .item #secondary .widget,
BODY.archive .allcont .cont > .item #secondary .widget,
BODY.search .allcont .cont > .item #secondary .widget {
  margin-bottom: 30px;
}

@media (max-width: 1530px) {
  .px-news {
    width: var(--baseWidth);
    margin: 0 auto;
  }
}
.px-news .news-inner {
  max-width: var(--maxWidthBig);
  margin: 0 auto;
}
.px-news .postsloop {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.px-news .postsloop article {
  flex-basis: calc(33.3333333333% - 30px);
  min-width: 300px;
  flex-grow: 1;
}
.px-news .postsloop article > a {
  display: block;
}
.px-news .postsloop .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.px-news .postsloop .content .button, .px-news .postsloop .content input[type=submit], .px-news .postsloop .content button {
  margin-top: auto;
}
.px-news .postsloop .content .date {
  font-size: 15px;
  color: var(--fontColor);
}
.px-news .postsloop .content .entry-title {
  margin-bottom: clamp(0.8823529412rem, 0.5614973262rem + 1.7045454545vw, 1.7647058824rem);
  margin-top: 5px;
}
.px-news .postsloop .content .excerpt {
  color: var(--fontColor);
  margin-bottom: clamp(0.8823529412rem, 0.5614973262rem + 1.7045454545vw, 1.7647058824rem);
}
.px-news .postsloop .content .post-thumbnail {
  position: relative;
  min-height: clamp(8.8235294118rem, 6.6203208556rem + 11.7045454545vw, 14.8823529412rem);
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: clamp(1.1764705882rem, 0.7486631016rem + 2.2727272727vw, 2.3529411765rem);
  width: 100%;
}
.px-news .postsloop .content .post-thumbnail.no-image {
  background: #ddd;
}
.px-news .postsloop .content .post-thumbnail img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}
.px-news .postsloop .content .post-category {
  padding: 11px 20px;
  border-bottom-left-radius: 8px;
  background: var(--second-color);
  color: var(--contrastColorInverted);
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  font-size: 15px;
}

body.single h1 {
  margin-bottom: var(--fl-margin-after-small);
}
body.single .post-meta {
  max-width: var(--maxWidthBig);
  margin: 0 auto 30px;
  margin: 0 auto 1.875rem;
}
@media (max-width: 1530px) {
  body.single .post-meta {
    width: var(--baseWidth);
  }
}
body.single .post-meta .post-meta-inner {
  background: var(--lightGray);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  body.single .post-meta .post-meta-inner {
    gap: 10px;
    justify-content: space-around;
  }
}
body.single .post-meta .post-meta-inner .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.single .post-meta .post-meta-inner .post-categories a {
  padding: 5px 10px;
  background: var(--second-color);
  color: var(--contrastColorInverted);
  border-radius: 5px;
}
body.single .post-author {
  max-width: var(--maxWidthBig);
  margin: clamp(2.3529411765rem, 1.0695187166rem + 6.8181818182vw, 5.8823529412rem) auto;
}
@media (max-width: 1530px) {
  body.single .post-author {
    width: var(--baseWidth);
  }
}
body.single .post-author .post-author-inner {
  padding: 40px;
  border: 3px solid var(--lightGray);
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  body.single .post-author .post-author-inner {
    flex-direction: column;
  }
}
body.single .post-author .post-author-inner .left {
  flex-basis: 128px;
}
body.single .post-author .post-author-inner .left .post-author-image {
  width: clamp(3.7647058824rem, 2.3957219251rem + 7.2727272727vw, 7.5294117647rem);
  height: clamp(3.7647058824rem, 2.3957219251rem + 7.2727272727vw, 7.5294117647rem);
  border-radius: 50%;
  overflow: hidden;
}
body.single .post-author .post-author-inner .left .post-author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single .post-author .post-author-inner .left .post-author-image.no-image {
  background: #ddd;
}
body.single .post-author .post-author-inner .right {
  flex-basis: calc(100% - 128px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.single .post-author .post-author-inner .right .info {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
body.single .post-author .post-author-inner .right .info .author {
  display: flex;
  flex-direction: column;
}
body.single .post-author .post-author-inner .right .info a {
  margin: 0;
}
body.single .post-author .post-author-inner .right .post-author-name {
  font-size: clamp(0.9411764706rem, 0.7700534759rem + 0.9090909091vw, 1.4117647059rem);
  font-weight: bold;
}
body.single .post-author .post-author-inner .right .post-author-position {
  color: var(--fontColor);
}
body.single .post-author .post-author-inner .right .post-author-description {
  color: var(--fontColor);
}

.main-nav {
  min-height: var(--mainNavHeight);
  z-index: 99;
}
@media screen and (min-width: 641px) {
  .main-nav {
    position: sticky;
    top: var(--top, 0px);
  }
}

body #allcont #mega-menu-wrap-sub_menu {
  background-color: var(--main-color);
}
body #allcont #mega-menu-wrap-sub_menu .mega-menu-toggle {
  display: none;
}
body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu {
  background-color: var(--main-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu {
    width: var(--baseWidth);
  }
}
@media screen and (max-width: 640px) {
  body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item {
    width: 100%;
  }
}
body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item a.mega-menu-link {
  color: var(--contrastColorInverted);
  font-size: 18px;
  font-family: var(--wp--preset--font-family--system-sans-serif) !important;
  font-weight: 500;
  display: flex;
  gap: clamp(0.0588235294rem, -0.1336898396rem + 1.0227272727vw, 0.5882352941rem);
  transition: 0.3s background-color ease;
  padding: 6px clamp(0.3529411765rem, 0.1390374332rem + 1.1363636364vw, 0.9411764706rem);
}
body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item a.mega-menu-link:before {
  width: clamp(20px, 4vw, 43px);
  height: clamp(20px, 4vw, 43px);
  background-size: contain;
  min-width: 0;
}
body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link, body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item.mega-toggle-on a.mega-menu-link, body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item.mega-current-menu-ancestor a.mega-menu-link, body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item.mega-current-page-ancestor a.mega-menu-link, body #allcont #mega-menu-wrap-sub_menu #mega-menu-sub_menu li.mega-menu-item:hover a.mega-menu-link {
  background-color: var(--second-color);
}

@media screen and (max-width: 640px) {
  body.page-template-page-test {
    --mainNavHeight: 60px;
  }
}

.page-tests .main-nav {
  z-index: 50;
  width: 100%;
  display: grid;
  min-height: var(--mainNavHeight);
  background-color: var(--main-color);
  grid-template-rows: repeat(var(--rows), auto);
}
@media screen and (max-width: 640px) {
  .page-tests .main-nav {
    --rows: calc(var(--columns) / 2 + 1);
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    z-index: 98;
    bottom: 0;
    border-top: 2px solid var(--lightGray);
  }
  .page-tests .main-nav.open {
    padding-bottom: var(--mainNavHeight);
  }
  .page-tests .main-nav:not(.open) {
    grid-template-columns: 60px calc(50% - 90px) 60px calc(50% - 90px) 60px;
  }
  .page-tests .main-nav:not(.open) > button {
    grid-column: 2;
    grid-row: 1;
  }
  .page-tests .main-nav:not(.open) > button:not(.active) {
    display: none;
  }
  .page-tests .main-nav:not(.open) .submenu {
    grid-row: 1;
    grid-column: 4;
  }
  .page-tests .main-nav:not(.open) .submenu .group:not(:has(.active)),
  .page-tests .main-nav:not(.open) .submenu button:not(.active) {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .page-tests .main-nav {
    --rows: calc(var(--columns) / 5 + 1);
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 961px) {
  .page-tests .main-nav {
    --rows: 2;
    grid-template-columns: repeat(var(--columns), 1fr);
  }
}
@media screen and (min-width: 769px) {
  .page-tests .main-nav {
    position: sticky;
    top: var(--top, 0px);
  }
}
.page-tests .main-nav > button {
  order: 1;
  border: 2px solid var(--main-color);
  border-radius: 0;
  background-color: var(--main-color);
  color: var(--contrastColorInverted);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: content-box;
}
.page-tests .main-nav > button:not(.lowercase) {
  text-transform: uppercase;
}
.page-tests .main-nav > button.active:focus, .page-tests .main-nav > button.active:hover {
  border-color: var(--main-color);
}
.page-tests .main-nav > button:not(.active):focus, .page-tests .main-nav > button:not(.active):hover {
  border-color: var(--second-color);
}
.page-tests .main-nav > .submenu {
  order: 2;
  grid-row: var(--rows);
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
  background-color: var(--lightGray);
  padding-left: clamp(0.5882352941rem, 0.3743315508rem + 1.1363636364vw, 1.1764705882rem);
  padding-right: clamp(0.5882352941rem, 0.3743315508rem + 1.1363636364vw, 1.1764705882rem);
}
.page-tests .main-nav > .submenu[aria-hidden=true] {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-tests .main-nav > .submenu {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 641px) {
  .page-tests .main-nav > .submenu {
    border-bottom: 1px solid var(--fontColor);
  }
}
.page-tests .main-nav > .submenu .group {
  padding-top: clamp(0.5882352941rem, 0.3743315508rem + 1.1363636364vw, 1.1764705882rem);
  padding-bottom: clamp(0.5882352941rem, 0.3743315508rem + 1.1363636364vw, 1.1764705882rem);
}
.page-tests .main-nav > .submenu button {
  font-size: 14px;
  outline: 1px solid transparent;
  transition: 0.3s border-color ease, 0.3s outline-color ease;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-tests .main-nav > .submenu button:focus, .page-tests .main-nav > .submenu button:hover {
  outline-color: var(--second-color);
  border-color: var(--second-color);
}
.page-tests .main-nav > .submenu button:not(.has-icon) {
  border-radius: 5px;
}
.page-tests .main-nav > .submenu button:not(.active) {
  background-color: var(--contrastColorInverted);
}
.page-tests .main-nav > .submenu button:not(.active):not(:focus):not(:hover) {
  border-color: var(--fontColor);
}
.page-tests .main-nav .group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 100%;
}
.page-tests .main-nav > ul {
  gap: 16px;
}
.page-tests .main-nav li {
  text-transform: uppercase;
}
.page-tests .page-button {
  padding: 8px clamp(0.4705882353rem, 0.2994652406rem + 0.9090909091vw, 0.9411764706rem);
}
.page-tests button {
  border-width: 1px;
  min-height: clamp(40px, 5vw, 50px);
  font-weight: 500;
  border-style: solid;
}
.page-tests button:not(.has-icon) {
  padding-top: 8px;
  padding-bottom: 8px;
}
.page-tests button.has-icon {
  padding: 0;
  border-radius: 100%;
  width: clamp(40px, 5vw, 50px);
  height: clamp(40px, 5vw, 50px);
}
.page-tests button.has-icon span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-tests button.has-icon:not(.active) span {
  background-image: var(--icon);
  background-size: contain;
}
.page-tests button.has-icon.active span {
  background-color: var(--contrastColorInverted);
  mask-image: var(--icon);
  mask-size: contain;
  -webkit-mask-image: var(--icon);
  -webkit-mask-size: contain;
}
.page-tests button.has-icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.page-tests button .icon {
  border-radius: 100%;
  background-color: var(--contrastColorInverted);
  color: var(--fontColor);
  aspect-ratio: 1/1;
  width: clamp(1.1764705882rem, 0.7486631016rem + 2.2727272727vw, 2.3529411765rem);
  height: clamp(1.1764705882rem, 0.7486631016rem + 2.2727272727vw, 2.3529411765rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.9411764706rem, 0.7700534759rem + 0.9090909091vw, 1.4117647059rem);
  margin-right: 5px;
}
.page-tests button > * {
  pointer-events: none;
}
.page-tests button:not(.active) {
  cursor: pointer;
}
.page-tests button:not(.active) + .submenu {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
}
.page-tests button.active {
  background-color: var(--second-color);
  color: var(--contrastColorInverted);
  border-color: var(--second-color);
}
.page-tests nav > ul {
  width: var(--baseWidth);
  margin: 0 auto;
}
.page-tests nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .page-tests .handleMobileNav {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-square-fill" viewBox="0 0 16 16"><path d="M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2zm6.5-4.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 1 0"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    position: fixed;
    bottom: 10px;
    background: white;
    height: clamp(40px, 5vw, 50px);
    width: clamp(40px, 5vw, 50px);
    display: block;
    aspect-ratio: 1/1;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    border-color: transparent;
    transition: transform 0.5s ease;
  }
  .page-tests .handleMobileNav.navIsOpen {
    transform: translateX(-50%) scale(-1);
  }
}
.page-tests .startBtn,
.page-tests .stopBtn {
  outline: 1px solid transparent;
  transition: 0.3s border-color ease, 0.3s outline-color ease;
}
.page-tests .startBtn[disabled],
.page-tests .stopBtn[disabled] {
  cursor: default;
}
.page-tests .startBtn:not([disabled]):hover, .page-tests .startBtn:not([disabled]):focus,
.page-tests .stopBtn:not([disabled]):hover,
.page-tests .stopBtn:not([disabled]):focus {
  border-color: var(--second-color);
  outline-color: var(--second-color);
}
.page-tests .content-wrapper {
  touch-action: pan-y;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  min-height: calc(100vh - var(--mainNavHeight));
}
@media screen and (max-width: 768px) {
  .page-tests .content-wrapper {
    max-height: none !important;
  }
}
.page-tests .content-wrapper .content.columns {
  padding-top: var(--fl-margin-before-extra-small);
}
.page-tests .content-wrapper .content:not(.columns) > *:not(.px-anchor-nav):not(.flexbox):first-child, .page-tests .content-wrapper .content:not(.columns) > .px-anchor-nav + *,
.page-tests .content-wrapper .content .post-content {
  margin-top: var(--fl-margin-before-medium);
}
.page-tests .content-wrapper .content:not(.columns) > *:not(.px-anchor-nav):not(.flexbox), .page-tests .content-wrapper .content.columns,
.page-tests .content-wrapper .content .post-content {
  width: var(--baseWidth);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1401px) {
  .page-tests .content-wrapper .content:not(.columns) > *:not(.px-anchor-nav):not(.flexbox), .page-tests .content-wrapper .content.columns,
  .page-tests .content-wrapper .content .post-content {
    max-width: var(--maxWidth);
  }
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .page-tests .content-wrapper .content:not(.columns) > *:not(.px-anchor-nav):not(.flexbox), .page-tests .content-wrapper .content.columns,
  .page-tests .content-wrapper .content .post-content {
    max-width: calc(100% - 160px);
  }
}
.page-tests .content-wrapper .content .post-content img {
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .page-tests .content-wrapper .content .post-content {
    max-width: 77%;
  }
}
.page-tests .content-wrapper iframe,
.page-tests .content-wrapper video {
  aspect-ratio: 16/9;
  width: 100%;
}
.page-tests .content {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  transition: 0.5s opacity ease;
  height: fit-content;
  top: 0;
}
.page-tests .content > *:not(.flexbox):not(.material):last-child {
  padding-bottom: var(--fl-margin-after-large);
}
.page-tests .content.columns {
  display: flex;
}
@media screen and (max-width: 640px) {
  .page-tests .content.columns {
    flex-wrap: wrap;
  }
}
.page-tests .content.columns .column {
  flex-grow: 1;
}
.page-tests .content.columns .column:first-child {
  flex-basis: 50%;
}
.page-tests .content.columns .column:last-child {
  flex-basis: 50%;
}
.page-tests .content:not(.active) {
  opacity: 0;
  pointer-events: none;
  max-height: calc(100vh - var(--mainNavHeight));
  overflow: hidden;
}
.page-tests .camera-control video {
  aspect-ratio: 16/9;
  height: auto;
  transition: 0.3s border ease;
  background-color: var(--lightGray);
}
.page-tests .camera-control video:focus {
  border: 2px solid var(--second-color);
}
.page-tests .camera-control .row {
  display: flex;
  gap: 8px;
}
.page-tests .camera-control button {
  font-size: 14px;
  border-radius: 5px;
  background-color: var(--contrastColorInverted);
}
.page-tests .material {
  background-color: var(--contrastColorInverted);
  border-radius: 38px;
  border: 1px solid var(--fontColor);
  max-width: var(--reducedWidth);
  margin: 0 auto;
  margin-bottom: var(--fl-margin-after-small);
  padding: var(--fl-margin-before-small);
}
.page-tests .material figure img {
  min-width: 200px;
  min-height: 70px;
}
.page-tests .material h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-bottom: 1px solid var(--fontColor);
  padding-bottom: var(--fl-margin-after-extra-small);
  margin-bottom: var(--fl-margin-after-small);
}
.page-tests .material h2 img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 1px solid var(--fontColor);
  background-color: var(--lightGray);
}
.page-tests .material p {
  font-size: clamp(1.1764705882rem, 0.9625668449rem + 1.1363636364vw, 1.7647058824rem);
  text-align: center;
  margin-bottom: var(--fl-margin-after-extra-small);
}
.page-tests .material .material-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(20px, 2vw, 50px);
  margin-top: var(--fl-margin-before-small);
}
.page-tests .material .material-items img {
  max-width: 100%;
  max-height: 170px;
  width: auto;
  height: auto;
}
.page-tests .material .material-items > * {
  text-align: center;
}
.page-tests .flexbox {
  display: flex;
}
.page-tests .flexbox .sidebar {
  background-color: var(--lightGray);
  padding: var(--fl-margin-before-extra-small) 20px;
  display: flex;
  justify-content: space-between;
}
.page-tests .flexbox .sidebar .icon {
  border-radius: 100%;
  border: 1px solid var(--fontColor);
  width: clamp(20px, 4vw, 43px);
  height: clamp(20px, 4vw, 43px);
  background-color: var(--contrastColorInverted);
}
@media screen and (max-width: 768px) {
  .page-tests .flexbox .sidebar .items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .page-tests .flexbox .sidebar .items .headline {
    width: 100%;
  }
}
.page-tests .flexbox .sidebar img:not(.icon) {
  max-width: 100%;
  width: auto;
  height: auto;
  display: blocK;
}
@media screen and (max-width: 768px) {
  .page-tests .flexbox .sidebar img:not(.icon) {
    max-width: 100px;
  }
}
@media screen and (min-width: 769px) {
  .page-tests .flexbox .sidebar img:not(.icon) {
    margin-left: auto;
    margin-right: auto;
    max-height: 30vh;
    max-width: 150px;
    margin-top: 10px;
  }
}
.page-tests .flexbox .sidebar .headline {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 769px) {
  .page-tests .flexbox .sidebar .headline + img {
    margin-top: var(--fl-margin-before-extra-small);
  }
}
@media screen and (min-width: 769px) {
  .page-tests .flexbox {
    height: 100%;
  }
  .page-tests .flexbox .sidebar {
    height: calc(100vh - var(--mainNavHeight));
    flex-basis: clamp(150px, 15vw, 300px);
    flex-direction: column;
    overflow: overlay;
  }
  .page-tests .flexbox .post-content {
    flex-basis: 540px;
    flex-grow: 1;
    padding-bottom: var(--fl-margin-after-small);
  }
}
@media screen and (max-width: 768px) {
  .page-tests .flexbox {
    flex-direction: column-reverse;
  }
  .page-tests .flexbox .sidebar {
    align-items: center;
  }
  .page-tests .flexbox .post-content {
    padding-bottom: var(--fl-margin-after-small);
  }
}
.page-tests .pageNav button {
  border-radius: 5px;
  background-color: var(--main-color);
  width: clamp(2.3529411765rem, 1.9251336898rem + 2.2727272727vw, 3.5294117647rem);
  height: clamp(2.3529411765rem, 1.9251336898rem + 2.2727272727vw, 3.5294117647rem);
  border: 2px solid var(--main-color);
  aspect-ratio: 1/1;
  font-size: clamp(1.1764705882rem, 0.7486631016rem + 2.2727272727vw, 2.3529411765rem);
  color: var(--contrastColorInverted);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  z-index: 99;
  transition: 0.3s border-color ease, 0.3s transform ease;
}
.page-tests .pageNav button svg {
  width: 100%;
  height: 100%;
}
.page-tests .pageNav button[disabled] {
  display: none;
}
.page-tests .pageNav button.prev {
  left: 10px;
}
.page-tests .pageNav button.next {
  right: 10px;
}
.page-tests .pageNav button:hover, .page-tests .pageNav button:focus {
  transform: scale(1.1);
  border-color: var(--second-color);
}

/******************
* HPH Animation JS *
*******************/
@media (prefers-reduced-motion: no-preference) and (min-width: 769px) {
  html.js:not(:has(body[data-accessibility-animations=false])) {
    /***********
    * bounceIn *
    ************/
    /****************
    * bounceInRight *
    ****************/
    /******************
    * Bounce in left *
    *******************/
    /******************
    * Bounce in up *
    *******************/
    /******************
    * Bounce in down *
    *******************/
    /**********
    * Fade In *
    **********/
    /*********************
    * fadeInUp
    *********************/
    /*********************
    * fadeInDown
    *********************/
    /*********************
    * fadeInRight
    *********************/
    /*********************
    * fadeInLeft
    *********************/
    /*********************
    * appear
    *********************/
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation]:not(.animate-parent) {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate.animate-parent .col {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceIn]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInRight]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInLeft]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInUp]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInDown]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeIn]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInRight]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInLeft]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInUp]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInDown]:not(.animate-parent),
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=appear]:not(.animate-parent) {
    opacity: 0;
    transform: none;
  }
  @keyframes bounceIn {
    0% {
      opacity: 0;
      transform: scale(0.3);
    }
    50% {
      transform: scale(1.05);
    }
    70% {
      transform: scale(0.9);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceIn].go:not(.animate-parent) {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceIn] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceIn] .col.go {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  @keyframes bounceInRight {
    0% {
      opacity: 0;
      transform: translateX(250px);
    }
    60% {
      transform: translateX(-30px);
    }
    80% {
      transform: translateX(10px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInRight].go:not(.animate-parent) {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInRight] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInRight] .col.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
  @keyframes bounceInLeft {
    0% {
      opacity: 0;
      transform: translateX(-250px);
    }
    60% {
      transform: translateX(30px);
    }
    80% {
      transform: translateX(-10px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInLeft].go:not(.animate-parent) {
    animation-name: bounceInLeft;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInLeft] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInLeft] .col.go {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }
  @keyframes bounceInUp {
    0% {
      opacity: 0;
      transform: translateY(250px);
    }
    60% {
      transform: translateY(-30px);
    }
    80% {
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInUp].go:not(.animate-parent) {
    animation-name: bounceInUp;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInUp] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInUp] .col.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
  }
  @keyframes bounceInDown {
    0% {
      opacity: 0;
      transform: translateY(-250px);
    }
    60% {
      transform: translateY(30px);
    }
    80% {
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=bounceInDown].go:not(.animate-parent) {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInDown] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=bounceInDown] .col.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      display: block;
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeIn]:not(.animate-parent) {
    transform: none;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeIn].go:not(.animate-parent) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeIn] .col {
    opacity: 0;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeIn] .col.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInUp]:not(.animate-parent) {
    opacity: 0;
    transform: translateY(20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInUp].go:not(.animate-parent) {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInUp] .col {
    opacity: 0;
    transform: translateY(20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInUp] .col.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInDown]:not(.animate-parent) {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInDown].go:not(.animate-parent) {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInDown] .col {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInDown] .col.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInRight]:not(.animate-parent) {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInRight].go:not(.animate-parent) {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInRight] .col {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInRight] .col.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInLeft]:not(.animate-parent) {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=fadeInLeft].go:not(.animate-parent) {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInLeft] .col {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent[data-animation=fadeInLeft] .col.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @keyframes appear {
    from {
      opacity: 0;
      transform: scale(1.2);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=appear]:not(.animate-parent) {
    opacity: 0;
    transform: scale(1.2);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) [data-animation=appear].go:not(.animate-parent) {
    -webkit-animation-name: appear;
    animation-name: appear;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent.appear .col {
    opacity: 0;
    transform: scale(1.2);
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .animate-parent.appear .col.go {
    -webkit-animation-name: appear;
    animation-name: appear;
  }
}

#site *[data-margin-before=off] {
  margin-top: 0;
}
#site *[data-margin-before=extra-small] {
  margin-top: var(--fl-margin-before-extra-small);
}
#site *[data-margin-before=small] {
  margin-top: var(--fl-margin-before-small);
}
#site *[data-margin-before=medium] {
  margin-top: var(--fl-margin-before-medium);
}
#site *[data-margin-before=large] {
  margin-top: var(--fl-margin-before-large);
}
#site *[data-margin-before=extra-large] {
  margin-top: var(--fl-margin-before-extra-large);
}
#site *[data-margin-after=off] {
  margin-top: 0;
}
#site *[data-margin-after=extra-small] {
  margin-bottom: var(--fl-margin-after-extra-small);
}
#site *[data-margin-after=small] {
  margin-bottom: var(--fl-margin-after-small);
}
#site *[data-margin-after=medium] {
  margin-bottom: var(--fl-margin-after-medium);
}
#site *[data-margin-after=large] {
  margin-bottom: var(--fl-margin-after-large);
}
#site *[data-margin-after=extra-large] {
  margin-bottom: var(--fl-margin-after-extra-large);
}

:root {
  --is-style-gap-small: 10px;
  --is-style-gap-large: 80px;
  --is-style-gap-default: 2em;
}

.is-style-gap-small {
  column-gap: var(--is-style-gap-small) !important;
}

.is-style-gap-large {
  column-gap: var(--is-style-gap-large) !important;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

@media screen and (min-width: 782px) {
  body .wp-block-columns:not(.is-not-stacked-on-mobile) {
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  body .wp-block-columns {
    flex-wrap: wrap !important;
  }
  body .wp-block-column {
    min-width: calc(50% - var(--is-style-gap-default));
  }
}

ul.wp-block-list li {
  position: relative;
  padding-left: 15px;
  margin: 10px 0;
}
ul.wp-block-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--contrastColor);
}

ol.wp-block-list {
  counter-reset: index;
}
ol.wp-block-list > li {
  counter-reset: index_sub;
  position: relative;
  padding-left: 25px;
  margin: 10px 0;
}
ol.wp-block-list > li:before {
  counter-increment: index;
  content: counter(index) ".";
  position: absolute;
  left: 0;
  top: 0;
}
ol.wp-block-list > li:before li:before {
  counter-increment: index_sub;
  content: counter(index_sub) ".";
}

hr.wp-block-separator {
  border: none;
  background: var(--main-color);
  width: 20%;
  max-width: var(--maxWidthBig);
  margin-top: clamp(1.1764705882rem, 0.5347593583rem + 3.4090909091vw, 2.9411764706rem);
  margin-bottom: clamp(1.1764705882rem, 0.5347593583rem + 3.4090909091vw, 2.9411764706rem);
  max-width: var(--maxWidthBig);
  margin-right: auto;
  margin-left: auto;
}
hr.wp-block-separator.is-style-wide {
  width: 60%;
}

.page-template-page-submenu header.head {
  position: relative;
}

.page-template-default header.head {
  border-bottom: 10px solid var(--main-color);
}

header.head {
  width: 100%;
}
header.head .inner {
  width: var(--baseWidth);
  max-width: var(--maxWidthBig);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  backface-visibility: hidden;
  gap: 0 clamp(20px, 4vw, 40px);
  padding-top: 10px;
  padding-bottom: 10px;
}
header.head .inner #logo {
  background-repeat: no-repeat;
  background-size: contain;
}
header.head .inner #logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 30px);
  width: 100%;
  height: 100%;
  font-size: clamp(1.0588235294rem, 0.9304812834rem + 0.6818181818vw, 1.4117647059rem);
  font-weight: 600;
  color: var(--fontColor);
}
header.head .inner #logo .logo {
  transition: var(--baseTransition);
  background-repeat: no-repeat;
  background-size: contain;
  backface-visibility: hidden;
}
header.head .inner #logo .website-title {
  font-size: clamp(12px, 2vw, 24px);
}
header.head div#page-scroll-position {
  height: 5px;
  width: 100%;
  display: block;
  background: var(--formBorderColor);
  position: absolute;
  top: 100%;
  transition: width 0.1s;
}
header.head div#page-scroll-position #indicator-bar {
  height: 100%;
  width: 0;
  display: block;
  background: var(--main-color);
}
header.head:not(.is-sticky) > .inner #logo .logo {
  background-image: var(--website-logo-image-url);
  width: clamp(50px, 10vw, 115px);
  height: clamp(50px, 10vw, 115px);
}
header.head.is-sticky {
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
  background-color: var(--contrastColorInverted);
}
header.head.is-sticky > .inner #logo .logo {
  background-image: var(--website-logo-sticky-image-url);
  width: 80px;
  height: 80px;
}
header.head.is-sticky > .inner #logo .website-title {
  display: none;
}

body:not(.page-template-page-test):not(.page-template-page-no-header) .entry-content > *:last-child {
  margin-bottom: var(--fl-margin-before-large);
}

body.page-template-page-test footer {
  padding-bottom: calc(var(--mainNavHeight) + var(--fl-margin-after-small));
}

footer.foot {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: var(--contrastColorInverted);
  padding: clamp(2.9411764706rem, 1.871657754rem + 5.6818181818vw, 5.8823529412rem) 0 clamp(2.9411764706rem, 2.6203208556rem + 1.7045454545vw, 3.8235294118rem);
  position: relative;
  border-top: 1px solid var(--contrastColor);
}
footer.foot .inner {
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
footer.foot .inner a {
  color: var(--fontColor);
  text-decoration: none;
  font-weight: 500;
}
footer.foot .inner h1, footer.foot .inner h2, footer.foot .inner h3, footer.foot .inner h4, footer.foot .inner h5, footer.foot .inner h6 {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  padding-top: 40px;
  margin-bottom: 35px;
}
footer.foot .inner ul li {
  display: inline-block;
}
footer.foot .inner .row {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  gap: clamp(0.5882352941rem, 0.3743315508rem + 1.1363636364vw, 1.1764705882rem);
}
footer.foot .inner .row .col {
  flex-basis: 25%;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  footer.foot .inner .row {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  footer.foot .inner .row .col.col-4 {
    order: -1;
    flex-basis: 100%;
    margin-bottom: var(--fl-margin-after-small);
  }
  footer.foot .inner .row .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  footer.foot .inner .row {
    flex-wrap: wrap;
  }
}
footer.foot .inner .row section {
  height: 100%;
}
footer.foot .inner .row:not(:last-of-type) {
  margin-bottom: clamp(2.3529411765rem, 1.7112299465rem + 3.4090909091vw, 4.1176470588rem);
}
footer.foot .inner .row .wp-block-image {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  justify-content: space-between;
}
footer.foot .inner .row .wp-block-image img {
  object-fit: contain !important;
  width: 60%;
  max-width: 300px;
}
footer.foot .inner .row.row-1 ul li {
  display: block;
}
footer.foot .inner .row.row-2 {
  align-items: baseline;
}
footer.foot .inner .row.row-2 .col-2 .widget {
  display: inline-block;
}
footer.foot .inner .row.row-2 ul li a {
  padding-right: 10px;
}
footer.foot .inner .row.row-2 ul li:last-child a {
  border-right: none;
  padding-right: 0;
}
footer.foot .inner .row.row-2 ul li:not(:last-of-type) {
  margin-right: 10px;
}

.backtotop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 75px;
  display: block;
  transform: rotate(180deg);
  background: var(--main-color);
  opacity: 0;
  pointer-events: none;
  transform: translateY(75px) rotate(180deg);
  transition: var(--baseTransition);
}
.backtotop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  display: block;
  background: url("../img/backtotop.svg") no-repeat center center/16px auto;
  transition: var(--baseTransition);
}
.backtotop:hover::after {
  animation: bounce 1s infinite;
}
.backtotop span {
  display: none;
}
.backtotop:hover {
  background-color: var(--second-color);
}
.backtotop.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0%) rotate(180deg);
}

.page-template-page-submenu #masthead.head .has-sub-menu > a.mega-menu-link {
  background-color: transparent !important;
  color: var(--second-color) !important;
}
.page-template-page-submenu #masthead.head .has-sub-menu > a.mega-menu-link .mask-icon {
  border-color: var(--second-color) !important;
  background-color: var(--second-color) !important;
}
.page-template-page-submenu #masthead.head .has-sub-menu > a.mega-menu-link .mask-icon:before {
  background-color: var(--contrastColorInverted) !important;
}

#masthead #mega-menu-wrap-primary .mega-menu-toggle,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle {
  background-color: transparent;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
#masthead #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
#masthead #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after {
  background-color: var(--main-color);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu {
  gap: 20px;
  display: flex;
}
#masthead #mega-menu-wrap-primary #mega-menu-primary .mega-custom-icon.custom-icon_added:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary .mega-custom-icon.custom-icon_added:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added:before {
  display: none;
}
#masthead #mega-menu-wrap-primary #mega-menu-primary .mega-custom-icon.custom-icon_added .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary .mega-custom-icon.custom-icon_added .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added .mask-icon {
  border: 2px solid var(--fontColor);
  border-radius: 100%;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  background-color: var(--lightGray);
  width: clamp(35px, 5vw, 55px);
  height: clamp(35px, 5vw, 55px);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary .mega-custom-icon.custom-icon_added .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary .mega-custom-icon.custom-icon_added .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu .mega-custom-icon.custom-icon_added .mask-icon:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--fontColor);
  transition: background-color 0.3s ease;
  border-radius: 100%;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-image: var(--icon-mask);
  -webkit-mask-image: var(--icon-mask);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item {
  padding: clamp(0.3529411765rem, 0.1390374332rem + 1.1363636364vw, 0.9411764706rem);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link {
  font-size: 18px;
  font-family: var(--headline);
  color: var(--fontColor);
  font-weight: 500;
  padding: 0;
  transition: var(--baseTransition);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link:hover, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item a.mega-menu-link:focus {
  background-color: transparent;
  color: var(--main-color);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link {
  background-color: transparent;
  color: var(--second-color);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link .mask-icon {
  border-color: var(--second-color);
  background-color: var(--second-color);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon:before, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon:before, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon:before, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon:before, #masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link .mask-icon:before,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu > li.mega-menu-item:hover > a.mega-menu-link .mask-icon:before {
  background-color: var(--contrastColorInverted);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link > span.mega-indicator::after {
  content: "\f140";
  transition: var(--baseTransition);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu a.mega-menu-link > span.mega-indicator::after,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu a.mega-menu-link > span.mega-indicator::after {
  content: "\f139";
}
#masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu {
  background-color: var(--contrastColorInverted);
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: transparent;
  color: var(--fontColor);
  font-weight: 400;
  padding: 10px 20px;
}
#masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  color: var(--main-color);
}
#masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #masthead #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-primary ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu #mega-menu-unterseiten-menu ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  color: var(--main-color);
}

#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu {
  gap: 0;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item + li,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item + li,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item + li,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item + li {
  border-top: 1px solid var(--contrastColorInverted);
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item a.mega-menu-link {
  padding: 15px 20px 14px;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  color: var(--contrastColorInverted);
  background-color: var(--main-color);
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu {
  box-shadow: none;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 10px 20px 10px 40px;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 10px 20px 10px 60px;
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle.mega-menu-open + #mega-menu-unterseiten-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  color: var(--main-color);
  background-color: transparent;
}
#masthead .mega-close {
  display: none;
}

@media screen and (max-width: 640px) {
  #site #mega-menu-wrap-sub_menu .mega-menu-toggle + #mega-menu-sub_menu {
    position: relative;
  }
}
#masthead #mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before,
#masthead #mega-menu-wrap-unterseiten-menu .mega-menu-toggle ~ button.mega-close:before {
  content: "\f335";
  background-color: var(--main-color);
  font-size: 30px;
}

.entry-content > *[class*=px-] {
  position: relative;
  max-width: var(--maxWidthBig);
  margin-left: auto;
  margin-right: auto;
  width: var(--baseWidth);
}

.image-credits {
  column-count: 3;
}
@media screen and (max-width: 1200px) {
  .image-credits {
    column-count: 2;
  }
}
@media screen and (max-width: 960px) {
  .image-credits {
    column-count: 1;
  }
}

.gform_wrapper {
  max-width: var(--maxWidthBig);
  margin: 0 auto 100px;
  width: var(--baseWidth);
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* Slider */
.slick-slider {
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  z-index: 10;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 20px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 20px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 20px;
}
[dir=rtl] .slick-next {
  left: 20px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  justify-content: center;
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border-radius: 50%;
  border: 0;
  background: var(--main-color);
  display: block;
  height: 100%;
  width: 100%;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  opacity: 0.25;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li.slick-active button {
  opacity: 0.75;
}
.slick-dots li::before {
  content: none !important;
}

BODY.single-product .cont,
BODY.woocommerce-cart .cont,
BODY.woocommerce-checkout .cont,
BODY.woocommerce-page.search .cont,
BODY.woocommerce-page.archive .cont,
BODY.woocommerce-account .cont {
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 100px;
}

BODY.woocommerce-page #allcont .head {
  z-index: 9999;
}
BODY.woocommerce-page #allcont .cont #primary {
  flex: 1 1 65%;
}
BODY.woocommerce-page #allcont .cont #secondary {
  flex: 1 1 30%;
  padding: 25px;
  background: var(--backgroundColor);
}
BODY.woocommerce-page #allcont .cont #secondary .widget {
  margin-bottom: 30px;
}

BODY.woocommerce-page:not(.woocommerce-cart) .cont {
  display: flex;
  flex-direction: row-reverse;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button, .woocommerce input.button, .woocommerce input[type=submit], .woocommerce span.onsale {
  background-color: var(--main-color);
  color: var(--contrastColorInverted);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button:hover, .woocommerce button.button:focus, .woocommerce button:focus, .woocommerce input.button:hover, .woocommerce input[type=submit]:hover, .woocommerce input.button:focus, .woocommerce input[type=submit]:focus, .woocommerce span.onsale:hover, .woocommerce span.onsale:focus {
  background-color: rgba(var(--main-color), 0.5);
  color: var(--contrastColorInverted);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
  color: var(--main-color);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button, .woocommerce input.button, .woocommerce input[type=submit], .woocommerce span.onsale {
  border-radius: 0;
}
.woocommerce input.button:disabled, .woocommerce input[type=submit]:disabled, .woocommerce input.button:disabled[disabled] {
  color: var(--contrastColorInverted);
}

.woocommerce-message {
  border-top-color: var(--main-color);
}

.woocommerce-message::before {
  color: var(--main-color);
}

.woocommerce-checkout .woocommerce {
  width: var(--baseWidth);
  margin: auto;
  max-width: var(--maxWidth);
}
.woocommerce-checkout .woocommerce .checkout.woocommerce-checkout {
  margin-top: 60px;
}
.woocommerce-checkout .woocommerce #order_review_heading {
  margin-top: 30px;
}

small.wgm-info.wgm-extra-costs-eu {
  line-height: normal;
  display: none;
}

.products > li.product {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.woocommerce ul.products li.product .price {
  flex: 1 1 100%;
  font-size: 18px;
  font-weight: bold;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: normal;
  font-size: 14px;
  margin: 10px 0;
}

.woocommerce ul.products li.product .button, .woocommerce ul.products li.product input[type=submit], .woocommerce ul.products li.product button {
  flex: 1 1 100%;
  align-self: flex-end !important;
  align-content: flex-end !important;
  background: var(--main-color);
  opacity: 0.8;
  color: white;
  transition: var(--baseTransition);
}
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product input[type=submit]:hover, .woocommerce ul.products li.product button:hover {
  opacity: 1;
}

.woocommerce ul.products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

li.product .wgm-info {
  flex: 1 1 100%;
  margin: -5px 0 !important;
}

td.product-subtotal span.wdr_you_saved_con {
  display: block;
  font-size: 14px;
}

.wdr_you_saved_con {
  color: var(--main-color);
}

.woocommerce ul.products li.product .button, .woocommerce ul.products li.product input[type=submit], .woocommerce ul.products li.product button {
  text-align: center;
}
.woocommerce ul.products li.product .button.added, .woocommerce ul.products li.product input.added[type=submit], .woocommerce ul.products li.product button.added {
  opacity: 0.3;
}

.woocommerce a.added_to_cart {
  background: var(--main-color);
  display: inline-block;
  padding: 0.618em 1em;
  line-height: 1;
  margin-top: -35.75px;
  width: 100%;
  text-align: center;
  color: white;
  font-weight: bold;
  opacity: 1;
  position: relative;
  z-index: 1;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product h3 {
  font-size: var(--baseFontSize);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px;
  font-weight: 500;
}

.woocommerce ul.products li.product .onsale {
  margin: 0;
  padding: 5px 10px;
  min-height: 0;
  height: auto;
  line-height: normal;
  font-size: var(--baseFontSize);
}

.wgm-info {
  display: block;
  margin-bottom: -8px;
  font-size: 80%;
}

button#place_order {
  float: right;
}

#site ::placeholder {
  color: rgb(170, 170, 170);
}
#site .rmagic .rmrow .rmfield label,
#site .rmformui label.rmform-label {
  font-family: var(--wp--preset--font-family--system-sans-serif);
}
#site .rmagic .rmrow .rmfield label {
  font-weight: 600;
}
#site .rmformui label.rmform-label {
  font-weight: 700;
  font-size: var(--miniFontSize);
}
#site .rmformui .rmform-row .rmform-field textarea.rmform-terms-text-area {
  min-height: 200px;
  color: rgba(0, 0, 0, 0.75);
  line-height: 1.4;
}
#site .rmformui #rm_form_submit_button input[type=submit] {
  font-size: 18px;
}
#site .rmformui #rm_form_submit_button input[type=submit]:hover {
  background-color: var(--second-color);
  transition: var(--baseTransition);
}
@media screen and (max-width: 450px) {
  #site .rmformui #rm_form_submit_button input[type=submit] {
    width: 100%;
  }
}
#site .rmformui iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
#site .rm-logged-in-view-wrap .rm-logged-welcome {
  text-align: left;
}
#site .rm-logged-in-view-wrap .rm-logged-welcome span {
  font-size: 20px;
  float: none;
}
#site .rm-logged-in-view-wrap .rm-logged-welcome:after {
  content: ".";
}
#site .rm-logged-in-view-wrap .rm_display_logout {
  float: none;
  text-align: left;
}
#site .rmagic .rm-login-wrapper .rmrow {
  margin-bottom: 0;
}
#site .rm_form_submit_msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: var(--fl-margin-before-extra-small);
}
#site .rm_form_submit_msg .rm-form-submit-message-icon {
  margin-bottom: 0;
  text-align: left;
  width: auto;
  margin-top: 0;
  display: flex;
}
#site .rm_form_submit_msg .rm-post-sub-msg {
  margin-top: 0;
  text-align: left;
  margin-bottom: 0;
}
#site .rm_form_submit_msg svg {
  fill: var(--main-color);
}
#site .rm_forgot_pass > a {
  font-family: var(--wp--preset--font-family--body);
  color: var(--fontColor);
  font-weight: 400;
}

.entry-content > em .rm-login-wrapper {
  font-style: normal;
}

.entry-content > em .rm-login-wrapper,
.entry-content > .rmagic,
#rm_recovery_form {
  max-width: var(--reducedWidth);
  width: var(--baseWidth);
  margin: 0 auto;
}

a:focus {
  outline: var(--main-color, #000) solid 2px;
}