@charset "UTF-8";
/*!
  Theme Name:        we-ef-intra
  Theme URI:         https://seitenmacher.media
  Description:       Das Intranet Theme für we-ef
  Author:            seitenmacher.media
  Author URI:        https://seitenmacher.media
  Version:           1.0
  Stable tag:        1.0
  Requires at least: 4.9
  Tested up to:      5.9
  License:           GNU General Public License v3 or later.
  License URI:       https://www.gnu.org/licenses/gpl-3.0.html
  Text Domain:       wp-theme
*/
/* normalize.css v8.0.0 | 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;
}

/**
 * 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 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

/**
 * 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;
}

/*--------------------------------------------------------------
# F A R B E N   D E F I N I E R E N
--------------------------------------------------------------*/
.has-text-color.has-text-color {
  color: #212121;
}
.has-text-color.has-text-color * {
  color: #212121;
}

.has-background.has-text-background-color {
  background-color: #212121;
}

.has-text-color.has-weiss-color {
  color: #fff;
}
.has-text-color.has-weiss-color * {
  color: #fff;
}

.has-background.has-weiss-background-color {
  background-color: #fff;
}

.has-text-color.has-main-1-color {
  color: #000;
}
.has-text-color.has-main-1-color * {
  color: #000;
}

.has-background.has-main-1-background-color {
  background-color: #000;
}

.has-text-color.has-main-2-color {
  color: #ededed;
}
.has-text-color.has-main-2-color * {
  color: #ededed;
}

.has-background.has-main-2-background-color {
  background-color: #ededed;
}

.has-text-color.has-light-grey-color {
  color: #e6e6e6;
}
.has-text-color.has-light-grey-color * {
  color: #e6e6e6;
}

.has-background.has-light-grey-background-color {
  background-color: #e6e6e6;
}

/* -------------------------------------------------------------------------------------
   Fluidsize
   clamp(min, var, max) automatisch anhand der maximalen Screenbreite berechnet
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
   Inline SVG (urlencoded)
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
   Helper Functions
------------------------------------------------------------------------------------- */
.l-col-container {
  --gap: 10px;
  --cols: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-gap: var(--gap);
}

@media screen and (min-width: 768px) {
  .l-col-container--2-items {
    --cols: 2;
  }
}

@media screen and (min-width: 560px, min) {
  .l-col-container--3-items {
    --cols: 2;
  }
}
@media screen and (min-width: 768px) {
  .l-col-container--3-items {
    --cols: 3;
  }
}

@media screen and (min-width: 560px, min) {
  .l-col-container--4-items {
    --cols: 2;
  }
}
@media screen and (min-width: 1024px, min) {
  .l-col-container--4-items {
    --cols: 4;
  }
}

@media screen and (min-width: 560px, min) {
  .l-col--colspan-all {
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 1024px, min) {
  .l-col--colspan-2 {
    grid-column: span 2;
  }
  .l-col--colspan-3 {
    grid-column: span 3;
  }
  .l-col--colspan-4 {
    grid-column: span 4;
  }
  .l-col--rowspan-2 {
    grid-row: span 2;
  }
  .l-col--rowspan-3 {
    grid-row: span 3;
  }
  .l-col--rowspan-4 {
    grid-row: span 4;
  }
}
/* -------------------------------------------------------------------------------------
   Flex Columns
   Flex Spalten mit einer Mindestbreite, die gößer aber nicht kleiner werden dürfen
------------------------------------------------------------------------------------- */
/*
@mixin flex-columns ($gap: 20px, $min-width: 330px) {
  $basis: rem($min-width);
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: rem($gap);

  >* {
    flex-basis: $basis;
    flex-grow: 1;
    flex-shrink: 0;

    &.flex-column-fullw {
      flex-basis: 100%;
    }
  }
}

*/
.flex-columns {
  position: relative;
  left: -0.625rem;
  width: calc(100% + 1.25rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flex-columns else {
  width: 100%;
}
.flex-columns > * {
  flex-basis: 20.625rem;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 0.625rem 1.25rem 0.625rem !important;
}
.flex-columns > *.flex-column-fullw {
  flex-basis: calc(100% - 1.25rem);
}

.main-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.no-br {
  white-space: nowrap;
}

.no-border {
  border: none;
}

.cols {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  justify-content: space-between;
}
.hide-it {
  display: none !important;
}

.fullscreen {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.flex-center, .grid-wrapper .m-section .grid-container .teaser {
  display: flex;
  align-items: center;
  justify-content: center;
}

.full-w {
  left: calc((100vw - 1280px) / -2);
  position: relative;
  width: 100vw;
}

.scroll, .scrollable {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.loader {
  display: inline-block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: -7px auto 0 auto;
  position: relative;
  text-indent: -9999em;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  transform: translateZ(0);
  animation: circle_rotate 1.1s infinite linear;
}
.loader:after {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.loader.dark {
  border-top: 1px solid rgba(102, 102, 102, 0.2);
  border-right: 1px solid rgba(102, 102, 102, 0.2);
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
  border-left: 1px solid rgba(102, 102, 102, 0.9);
}

.button, button, input[type=button], input[type=reset], input[type=submit], .elementor-button {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.0625rem;
  white-space: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.625rem 1.25rem;
  border: 0.125rem solid currentColor;
  border-radius: 0;
  box-shadow: none;
  outine: none;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .elementor-button:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.button.inverse, button.inverse, input.inverse[type=button], input.inverse[type=reset], input.inverse[type=submit], .button.button-inverse, .wp-block-button.inverse .button.wp-block-button__link, .wp-block-button.button-inverse .button.wp-block-button__link, button.button-inverse, .wp-block-button.inverse button.wp-block-button__link, .wp-block-button.button-inverse button.wp-block-button__link, input.button-inverse[type=button], .wp-block-button.inverse input[type=button].wp-block-button__link, .wp-block-button.button-inverse input[type=button].wp-block-button__link, input.button-inverse[type=reset], .wp-block-button.inverse input[type=reset].wp-block-button__link, .wp-block-button.button-inverse input[type=reset].wp-block-button__link, input.button-inverse[type=submit], .wp-block-button.inverse input[type=submit].wp-block-button__link, .wp-block-button.button-inverse input[type=submit].wp-block-button__link, .elementor-button.inverse, .elementor-button.button-inverse, .wp-block-button.inverse .elementor-button.wp-block-button__link, .wp-block-button.button-inverse .elementor-button.wp-block-button__link {
  color: #000;
  border-color: #212121;
  background-color: #212121;
}
.button.inverse:hover, button.inverse:hover, input.inverse[type=button]:hover, input.inverse[type=reset]:hover, input.inverse[type=submit]:hover, .button.button-inverse:hover, .wp-block-button.inverse .button.wp-block-button__link:hover, .wp-block-button.button-inverse .button.wp-block-button__link:hover, button.button-inverse:hover, .wp-block-button.inverse button.wp-block-button__link:hover, .wp-block-button.button-inverse button.wp-block-button__link:hover, input.button-inverse[type=button]:hover, .wp-block-button.inverse input[type=button].wp-block-button__link:hover, .wp-block-button.button-inverse input[type=button].wp-block-button__link:hover, input.button-inverse[type=reset]:hover, .wp-block-button.inverse input[type=reset].wp-block-button__link:hover, .wp-block-button.button-inverse input[type=reset].wp-block-button__link:hover, input.button-inverse[type=submit]:hover, .wp-block-button.inverse input[type=submit].wp-block-button__link:hover, .wp-block-button.button-inverse input[type=submit].wp-block-button__link:hover, .elementor-button.inverse:hover, .elementor-button.button-inverse:hover, .wp-block-button.inverse .elementor-button.wp-block-button__link:hover, .wp-block-button.button-inverse .elementor-button.wp-block-button__link:hover {
  border-color: #212121;
  color: #212121;
  background-color: #000;
}
.button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, .elementor-button:focus {
  outline: none;
}
.button.dark, button.dark, input.dark[type=button], input.dark[type=reset], input.dark[type=submit], .elementor-button.dark {
  color: #fff;
}
.button.dark:hover, button.dark:hover, input.dark[type=button]:hover, input.dark[type=reset]:hover, input.dark[type=submit]:hover, .elementor-button.dark:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.button.big, button.big, input.big[type=button], input.big[type=reset], input.big[type=submit], .elementor-button.big {
  font-size: 16px;
  line-height: 16px;
  padding: 7px 15px;
}
.button.small, button.small, input.small[type=button], input.small[type=reset], input.small[type=submit], .elementor-button.small {
  font-size: 14px;
  line-height: 16px;
  padding: 7px 15px;
}

.no-border {
  border: none !important;
}

.arrow-prev {
  position: relative;
  display: inline-block;
}
.arrow-prev:before, .arrow-prev:after {
  left: 0px;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  padding-left: 100%;
  padding-top: 2px;
  background-color: #e57373;
}
.arrow-prev:before {
  transform-origin: left bottom;
  transform: rotate(-45deg);
}
.arrow-prev:after {
  transform-origin: left top;
  transform: rotate(45deg);
}

.arrow-next {
  position: relative;
  display: inline-block;
}
.arrow-next:before, .arrow-next:after {
  left: 0px;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  padding-left: 100%;
  padding-top: 2px;
  background-color: #e57373;
}
.arrow-next:before {
  transform-origin: right top;
  transform: rotate(-45deg);
}
.arrow-next:after {
  transform-origin: right bottom;
  transform: rotate(45deg);
}

.m-xs {
  margin: 5px;
}

.ml-xs {
  margin-left: 5px;
}

.mr-xs {
  margin-right: 5px;
}

.mt-xs {
  margin-top: 5px;
}

.mb-xs {
  margin-bottom: 5px;
}

.mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.p-xs {
  padding: 5px;
}

.pl-xs {
  padding-left: 5px;
}

.pr-xs {
  padding-right: 5px;
}

.pt-xs {
  padding-top: 5px;
}

.pb-xs {
  padding-bottom: 5px;
}

.px-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-xs-i {
  margin: 5px !important;
}

.ml-xs-i {
  margin-left: 5px !important;
}

.mr-xs-i {
  margin-right: 5px !important;
}

.mt-xs-i {
  margin-top: 5px !important;
}

.mb-xs-i {
  margin-bottom: 5px !important;
}

.mx-xs-i {
  margin-left: 5px;
  margin-right: 5px !important;
}

.my-xs-i {
  margin-top: 5px;
  margin-bottom: 5px !important;
}

.p-xs-i {
  padding: 5px !important;
}

.pl-xs-i {
  padding-left: 5px !important;
}

.pr-xs-i {
  padding-right: 5px !important;
}

.pt-xs-i {
  padding-top: 5px !important;
}

.pb-xs-i {
  padding-bottom: 5px !important;
}

.px-xs-i {
  padding-left: 5px;
  padding-right: 5px !important;
}

.py-xs-i {
  padding-top: 5px;
  padding-bottom: 5px !important;
}

.m-s {
  margin: 10px;
}

.ml-s {
  margin-left: 10px;
}

.mr-s {
  margin-right: 10px;
}

.mt-s {
  margin-top: 10px;
}

.mb-s {
  margin-bottom: 10px;
}

.mx-s {
  margin-left: 10px;
  margin-right: 10px;
}

.my-s {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-s {
  padding: 10px;
}

.pl-s {
  padding-left: 10px;
}

.pr-s {
  padding-right: 10px;
}

.pt-s {
  padding-top: 10px;
}

.pb-s {
  padding-bottom: 10px;
}

.px-s {
  padding-left: 10px;
  padding-right: 10px;
}

.py-s {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-s-i {
  margin: 10px !important;
}

.ml-s-i {
  margin-left: 10px !important;
}

.mr-s-i {
  margin-right: 10px !important;
}

.mt-s-i {
  margin-top: 10px !important;
}

.mb-s-i {
  margin-bottom: 10px !important;
}

.mx-s-i {
  margin-left: 10px;
  margin-right: 10px !important;
}

.my-s-i {
  margin-top: 10px;
  margin-bottom: 10px !important;
}

.p-s-i {
  padding: 10px !important;
}

.pl-s-i {
  padding-left: 10px !important;
}

.pr-s-i {
  padding-right: 10px !important;
}

.pt-s-i {
  padding-top: 10px !important;
}

.pb-s-i {
  padding-bottom: 10px !important;
}

.px-s-i {
  padding-left: 10px;
  padding-right: 10px !important;
}

.py-s-i {
  padding-top: 10px;
  padding-bottom: 10px !important;
}

.m-m {
  margin: 15px;
}

.ml-m {
  margin-left: 15px;
}

.mr-m {
  margin-right: 15px;
}

.mt-m {
  margin-top: 15px;
}

.mb-m {
  margin-bottom: 15px;
}

.mx-m {
  margin-left: 15px;
  margin-right: 15px;
}

.my-m {
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-m {
  padding: 15px;
}

.pl-m {
  padding-left: 15px;
}

.pr-m {
  padding-right: 15px;
}

.pt-m {
  padding-top: 15px;
}

.pb-m {
  padding-bottom: 15px;
}

.px-m {
  padding-left: 15px;
  padding-right: 15px;
}

.py-m {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-m-i {
  margin: 15px !important;
}

.ml-m-i {
  margin-left: 15px !important;
}

.mr-m-i {
  margin-right: 15px !important;
}

.mt-m-i {
  margin-top: 15px !important;
}

.mb-m-i {
  margin-bottom: 15px !important;
}

.mx-m-i {
  margin-left: 15px;
  margin-right: 15px !important;
}

.my-m-i {
  margin-top: 15px;
  margin-bottom: 15px !important;
}

.p-m-i {
  padding: 15px !important;
}

.pl-m-i {
  padding-left: 15px !important;
}

.pr-m-i {
  padding-right: 15px !important;
}

.pt-m-i {
  padding-top: 15px !important;
}

.pb-m-i {
  padding-bottom: 15px !important;
}

.px-m-i {
  padding-left: 15px;
  padding-right: 15px !important;
}

.py-m-i {
  padding-top: 15px;
  padding-bottom: 15px !important;
}

.m-l {
  margin: 20px;
}

.ml-l {
  margin-left: 20px;
}

.mr-l {
  margin-right: 20px;
}

.mt-l {
  margin-top: 20px;
}

.mb-l {
  margin-bottom: 20px;
}

.mx-l {
  margin-left: 20px;
  margin-right: 20px;
}

.my-l {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-l {
  padding: 20px;
}

.pl-l {
  padding-left: 20px;
}

.pr-l {
  padding-right: 20px;
}

.pt-l {
  padding-top: 20px;
}

.pb-l {
  padding-bottom: 20px;
}

.px-l {
  padding-left: 20px;
  padding-right: 20px;
}

.py-l {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-l-i {
  margin: 20px !important;
}

.ml-l-i {
  margin-left: 20px !important;
}

.mr-l-i {
  margin-right: 20px !important;
}

.mt-l-i {
  margin-top: 20px !important;
}

.mb-l-i {
  margin-bottom: 20px !important;
}

.mx-l-i {
  margin-left: 20px;
  margin-right: 20px !important;
}

.my-l-i {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

.p-l-i {
  padding: 20px !important;
}

.pl-l-i {
  padding-left: 20px !important;
}

.pr-l-i {
  padding-right: 20px !important;
}

.pt-l-i {
  padding-top: 20px !important;
}

.pb-l-i {
  padding-bottom: 20px !important;
}

.px-l-i {
  padding-left: 20px;
  padding-right: 20px !important;
}

.py-l-i {
  padding-top: 20px;
  padding-bottom: 20px !important;
}

.m-xl {
  margin: 30px;
}

.ml-xl {
  margin-left: 30px;
}

.mr-xl {
  margin-right: 30px;
}

.mt-xl {
  margin-top: 30px;
}

.mb-xl {
  margin-bottom: 30px;
}

.mx-xl {
  margin-left: 30px;
  margin-right: 30px;
}

.my-xl {
  margin-top: 30px;
  margin-bottom: 30px;
}

.p-xl {
  padding: 30px;
}

.pl-xl {
  padding-left: 30px;
}

.pr-xl {
  padding-right: 30px;
}

.pt-xl {
  padding-top: 30px;
}

.pb-xl {
  padding-bottom: 30px;
}

.px-xl {
  padding-left: 30px;
  padding-right: 30px;
}

.py-xl {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m-xl-i {
  margin: 30px !important;
}

.ml-xl-i {
  margin-left: 30px !important;
}

.mr-xl-i {
  margin-right: 30px !important;
}

.mt-xl-i {
  margin-top: 30px !important;
}

.mb-xl-i {
  margin-bottom: 30px !important;
}

.mx-xl-i {
  margin-left: 30px;
  margin-right: 30px !important;
}

.my-xl-i {
  margin-top: 30px;
  margin-bottom: 30px !important;
}

.p-xl-i {
  padding: 30px !important;
}

.pl-xl-i {
  padding-left: 30px !important;
}

.pr-xl-i {
  padding-right: 30px !important;
}

.pt-xl-i {
  padding-top: 30px !important;
}

.pb-xl-i {
  padding-bottom: 30px !important;
}

.px-xl-i {
  padding-left: 30px;
  padding-right: 30px !important;
}

.py-xl-i {
  padding-top: 30px;
  padding-bottom: 30px !important;
}

.m-xxl {
  margin: 40px;
}

.ml-xxl {
  margin-left: 40px;
}

.mr-xxl {
  margin-right: 40px;
}

.mt-xxl {
  margin-top: 40px;
}

.mb-xxl {
  margin-bottom: 40px;
}

.mx-xxl {
  margin-left: 40px;
  margin-right: 40px;
}

.my-xxl {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-xxl {
  padding: 40px;
}

.pl-xxl {
  padding-left: 40px;
}

.pr-xxl {
  padding-right: 40px;
}

.pt-xxl {
  padding-top: 40px;
}

.pb-xxl {
  padding-bottom: 40px;
}

.px-xxl {
  padding-left: 40px;
  padding-right: 40px;
}

.py-xxl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-xxl-i {
  margin: 40px !important;
}

.ml-xxl-i {
  margin-left: 40px !important;
}

.mr-xxl-i {
  margin-right: 40px !important;
}

.mt-xxl-i {
  margin-top: 40px !important;
}

.mb-xxl-i {
  margin-bottom: 40px !important;
}

.mx-xxl-i {
  margin-left: 40px;
  margin-right: 40px !important;
}

.my-xxl-i {
  margin-top: 40px;
  margin-bottom: 40px !important;
}

.p-xxl-i {
  padding: 40px !important;
}

.pl-xxl-i {
  padding-left: 40px !important;
}

.pr-xxl-i {
  padding-right: 40px !important;
}

.pt-xxl-i {
  padding-top: 40px !important;
}

.pb-xxl-i {
  padding-bottom: 40px !important;
}

.px-xxl-i {
  padding-left: 40px;
  padding-right: 40px !important;
}

.py-xxl-i {
  padding-top: 40px;
  padding-bottom: 40px !important;
}

.m-basic {
  margin: 20px;
}

.ml-basic {
  margin-left: 20px;
}

.mr-basic {
  margin-right: 20px;
}

.mt-basic {
  margin-top: 20px;
}

.mb-basic {
  margin-bottom: 20px;
}

.mx-basic {
  margin-left: 20px;
  margin-right: 20px;
}

.my-basic {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-basic {
  padding: 20px;
}

.pl-basic {
  padding-left: 20px;
}

.pr-basic {
  padding-right: 20px;
}

.pt-basic {
  padding-top: 20px;
}

.pb-basic {
  padding-bottom: 20px;
}

.px-basic {
  padding-left: 20px;
  padding-right: 20px;
}

.py-basic {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-basic-i {
  margin: 20px !important;
}

.ml-basic-i {
  margin-left: 20px !important;
}

.mr-basic-i {
  margin-right: 20px !important;
}

.mt-basic-i {
  margin-top: 20px !important;
}

.mb-basic-i {
  margin-bottom: 20px !important;
}

.mx-basic-i {
  margin-left: 20px;
  margin-right: 20px !important;
}

.my-basic-i {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

.p-basic-i {
  padding: 20px !important;
}

.pl-basic-i {
  padding-left: 20px !important;
}

.pr-basic-i {
  padding-right: 20px !important;
}

.pt-basic-i {
  padding-top: 20px !important;
}

.pb-basic-i {
  padding-bottom: 20px !important;
}

.px-basic-i {
  padding-left: 20px;
  padding-right: 20px !important;
}

.py-basic-i {
  padding-top: 20px;
  padding-bottom: 20px !important;
}

.m-0 {
  margin: 0px;
}

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

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

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

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

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

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

.p-0 {
  padding: 0px;
}

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

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

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

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

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

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

.w-0 {
  width: 0%;
}

.h-0 {
  height: 0%;
}

.m-0-i {
  margin: 0px !important;
}

.ml-0-i {
  margin-left: 0px !important;
}

.mr-0-i {
  margin-right: 0px !important;
}

.mt-0-i {
  margin-top: 0px !important;
}

.mb-0-i {
  margin-bottom: 0px !important;
}

.mx-0-i {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0-i {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0-i {
  padding: 0px !important;
}

.pl-0-i {
  padding-left: 0px !important;
}

.pr-0-i {
  padding-right: 0px !important;
}

.pt-0-i {
  padding-top: 0px !important;
}

.pb-0-i {
  padding-bottom: 0px !important;
}

.px-0-i {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0-i {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.w-0-i {
  width: 0% !important;
}

.h-0-i {
  height: 0% !important;
}

.m-5 {
  margin: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.p-5 {
  padding: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.w-5 {
  width: 5%;
}

.h-5 {
  height: 5%;
}

.m-5-i {
  margin: 5px !important;
}

.ml-5-i {
  margin-left: 5px !important;
}

.mr-5-i {
  margin-right: 5px !important;
}

.mt-5-i {
  margin-top: 5px !important;
}

.mb-5-i {
  margin-bottom: 5px !important;
}

.mx-5-i {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5-i {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.p-5-i {
  padding: 5px !important;
}

.pl-5-i {
  padding-left: 5px !important;
}

.pr-5-i {
  padding-right: 5px !important;
}

.pt-5-i {
  padding-top: 5px !important;
}

.pb-5-i {
  padding-bottom: 5px !important;
}

.px-5-i {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5-i {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.w-5-i {
  width: 5% !important;
}

.h-5-i {
  height: 5% !important;
}

.m-10 {
  margin: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-10 {
  padding: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

.m-10-i {
  margin: 10px !important;
}

.ml-10-i {
  margin-left: 10px !important;
}

.mr-10-i {
  margin-right: 10px !important;
}

.mt-10-i {
  margin-top: 10px !important;
}

.mb-10-i {
  margin-bottom: 10px !important;
}

.mx-10-i {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10-i {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10-i {
  padding: 10px !important;
}

.pl-10-i {
  padding-left: 10px !important;
}

.pr-10-i {
  padding-right: 10px !important;
}

.pt-10-i {
  padding-top: 10px !important;
}

.pb-10-i {
  padding-bottom: 10px !important;
}

.px-10-i {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10-i {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.w-10-i {
  width: 10% !important;
}

.h-10-i {
  height: 10% !important;
}

.m-15 {
  margin: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-15 {
  padding: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.w-15 {
  width: 15%;
}

.h-15 {
  height: 15%;
}

.m-15-i {
  margin: 15px !important;
}

.ml-15-i {
  margin-left: 15px !important;
}

.mr-15-i {
  margin-right: 15px !important;
}

.mt-15-i {
  margin-top: 15px !important;
}

.mb-15-i {
  margin-bottom: 15px !important;
}

.mx-15-i {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15-i {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.p-15-i {
  padding: 15px !important;
}

.pl-15-i {
  padding-left: 15px !important;
}

.pr-15-i {
  padding-right: 15px !important;
}

.pt-15-i {
  padding-top: 15px !important;
}

.pb-15-i {
  padding-bottom: 15px !important;
}

.px-15-i {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15-i {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.w-15-i {
  width: 15% !important;
}

.h-15-i {
  height: 15% !important;
}

.m-20 {
  margin: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-20 {
  padding: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.m-20-i {
  margin: 20px !important;
}

.ml-20-i {
  margin-left: 20px !important;
}

.mr-20-i {
  margin-right: 20px !important;
}

.mt-20-i {
  margin-top: 20px !important;
}

.mb-20-i {
  margin-bottom: 20px !important;
}

.mx-20-i {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20-i {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20-i {
  padding: 20px !important;
}

.pl-20-i {
  padding-left: 20px !important;
}

.pr-20-i {
  padding-right: 20px !important;
}

.pt-20-i {
  padding-top: 20px !important;
}

.pb-20-i {
  padding-bottom: 20px !important;
}

.px-20-i {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20-i {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.w-20-i {
  width: 20% !important;
}

.h-20-i {
  height: 20% !important;
}

.m-25 {
  margin: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.p-25 {
  padding: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.m-25-i {
  margin: 25px !important;
}

.ml-25-i {
  margin-left: 25px !important;
}

.mr-25-i {
  margin-right: 25px !important;
}

.mt-25-i {
  margin-top: 25px !important;
}

.mb-25-i {
  margin-bottom: 25px !important;
}

.mx-25-i {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25-i {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.p-25-i {
  padding: 25px !important;
}

.pl-25-i {
  padding-left: 25px !important;
}

.pr-25-i {
  padding-right: 25px !important;
}

.pt-25-i {
  padding-top: 25px !important;
}

.pb-25-i {
  padding-bottom: 25px !important;
}

.px-25-i {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25-i {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.w-25-i {
  width: 25% !important;
}

.h-25-i {
  height: 25% !important;
}

.m-30 {
  margin: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.p-30 {
  padding: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.m-30-i {
  margin: 30px !important;
}

.ml-30-i {
  margin-left: 30px !important;
}

.mr-30-i {
  margin-right: 30px !important;
}

.mt-30-i {
  margin-top: 30px !important;
}

.mb-30-i {
  margin-bottom: 30px !important;
}

.mx-30-i {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30-i {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-30-i {
  padding: 30px !important;
}

.pl-30-i {
  padding-left: 30px !important;
}

.pr-30-i {
  padding-right: 30px !important;
}

.pt-30-i {
  padding-top: 30px !important;
}

.pb-30-i {
  padding-bottom: 30px !important;
}

.px-30-i {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30-i {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.w-30-i {
  width: 30% !important;
}

.h-30-i {
  height: 30% !important;
}

.m-35 {
  margin: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.p-35 {
  padding: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.m-35-i {
  margin: 35px !important;
}

.ml-35-i {
  margin-left: 35px !important;
}

.mr-35-i {
  margin-right: 35px !important;
}

.mt-35-i {
  margin-top: 35px !important;
}

.mb-35-i {
  margin-bottom: 35px !important;
}

.mx-35-i {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-35-i {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.p-35-i {
  padding: 35px !important;
}

.pl-35-i {
  padding-left: 35px !important;
}

.pr-35-i {
  padding-right: 35px !important;
}

.pt-35-i {
  padding-top: 35px !important;
}

.pb-35-i {
  padding-bottom: 35px !important;
}

.px-35-i {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-35-i {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.w-35-i {
  width: 35% !important;
}

.h-35-i {
  height: 35% !important;
}

.m-40 {
  margin: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-40 {
  padding: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.m-40-i {
  margin: 40px !important;
}

.ml-40-i {
  margin-left: 40px !important;
}

.mr-40-i {
  margin-right: 40px !important;
}

.mt-40-i {
  margin-top: 40px !important;
}

.mb-40-i {
  margin-bottom: 40px !important;
}

.mx-40-i {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40-i {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-40-i {
  padding: 40px !important;
}

.pl-40-i {
  padding-left: 40px !important;
}

.pr-40-i {
  padding-right: 40px !important;
}

.pt-40-i {
  padding-top: 40px !important;
}

.pb-40-i {
  padding-bottom: 40px !important;
}

.px-40-i {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40-i {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.w-40-i {
  width: 40% !important;
}

.h-40-i {
  height: 40% !important;
}

.m-45 {
  margin: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.p-45 {
  padding: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.m-45-i {
  margin: 45px !important;
}

.ml-45-i {
  margin-left: 45px !important;
}

.mr-45-i {
  margin-right: 45px !important;
}

.mt-45-i {
  margin-top: 45px !important;
}

.mb-45-i {
  margin-bottom: 45px !important;
}

.mx-45-i {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-45-i {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.p-45-i {
  padding: 45px !important;
}

.pl-45-i {
  padding-left: 45px !important;
}

.pr-45-i {
  padding-right: 45px !important;
}

.pt-45-i {
  padding-top: 45px !important;
}

.pb-45-i {
  padding-bottom: 45px !important;
}

.px-45-i {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-45-i {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.w-45-i {
  width: 45% !important;
}

.h-45-i {
  height: 45% !important;
}

.m-50 {
  margin: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.p-50 {
  padding: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.m-50-i {
  margin: 50px !important;
}

.ml-50-i {
  margin-left: 50px !important;
}

.mr-50-i {
  margin-right: 50px !important;
}

.mt-50-i {
  margin-top: 50px !important;
}

.mb-50-i {
  margin-bottom: 50px !important;
}

.mx-50-i {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50-i {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.p-50-i {
  padding: 50px !important;
}

.pl-50-i {
  padding-left: 50px !important;
}

.pr-50-i {
  padding-right: 50px !important;
}

.pt-50-i {
  padding-top: 50px !important;
}

.pb-50-i {
  padding-bottom: 50px !important;
}

.px-50-i {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50-i {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.w-50-i {
  width: 50% !important;
}

.h-50-i {
  height: 50% !important;
}

.m-55 {
  margin: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.p-55 {
  padding: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.m-55-i {
  margin: 55px !important;
}

.ml-55-i {
  margin-left: 55px !important;
}

.mr-55-i {
  margin-right: 55px !important;
}

.mt-55-i {
  margin-top: 55px !important;
}

.mb-55-i {
  margin-bottom: 55px !important;
}

.mx-55-i {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.my-55-i {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.p-55-i {
  padding: 55px !important;
}

.pl-55-i {
  padding-left: 55px !important;
}

.pr-55-i {
  padding-right: 55px !important;
}

.pt-55-i {
  padding-top: 55px !important;
}

.pb-55-i {
  padding-bottom: 55px !important;
}

.px-55-i {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.py-55-i {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.w-55-i {
  width: 55% !important;
}

.h-55-i {
  height: 55% !important;
}

.m-60 {
  margin: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-60 {
  padding: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.m-60-i {
  margin: 60px !important;
}

.ml-60-i {
  margin-left: 60px !important;
}

.mr-60-i {
  margin-right: 60px !important;
}

.mt-60-i {
  margin-top: 60px !important;
}

.mb-60-i {
  margin-bottom: 60px !important;
}

.mx-60-i {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-60-i {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-60-i {
  padding: 60px !important;
}

.pl-60-i {
  padding-left: 60px !important;
}

.pr-60-i {
  padding-right: 60px !important;
}

.pt-60-i {
  padding-top: 60px !important;
}

.pb-60-i {
  padding-bottom: 60px !important;
}

.px-60-i {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-60-i {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.w-60-i {
  width: 60% !important;
}

.h-60-i {
  height: 60% !important;
}

.m-65 {
  margin: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.p-65 {
  padding: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.m-65-i {
  margin: 65px !important;
}

.ml-65-i {
  margin-left: 65px !important;
}

.mr-65-i {
  margin-right: 65px !important;
}

.mt-65-i {
  margin-top: 65px !important;
}

.mb-65-i {
  margin-bottom: 65px !important;
}

.mx-65-i {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.my-65-i {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.p-65-i {
  padding: 65px !important;
}

.pl-65-i {
  padding-left: 65px !important;
}

.pr-65-i {
  padding-right: 65px !important;
}

.pt-65-i {
  padding-top: 65px !important;
}

.pb-65-i {
  padding-bottom: 65px !important;
}

.px-65-i {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.py-65-i {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.w-65-i {
  width: 65% !important;
}

.h-65-i {
  height: 65% !important;
}

.m-70 {
  margin: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.p-70 {
  padding: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.m-70-i {
  margin: 70px !important;
}

.ml-70-i {
  margin-left: 70px !important;
}

.mr-70-i {
  margin-right: 70px !important;
}

.mt-70-i {
  margin-top: 70px !important;
}

.mb-70-i {
  margin-bottom: 70px !important;
}

.mx-70-i {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.my-70-i {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.p-70-i {
  padding: 70px !important;
}

.pl-70-i {
  padding-left: 70px !important;
}

.pr-70-i {
  padding-right: 70px !important;
}

.pt-70-i {
  padding-top: 70px !important;
}

.pb-70-i {
  padding-bottom: 70px !important;
}

.px-70-i {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.py-70-i {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.w-70-i {
  width: 70% !important;
}

.h-70-i {
  height: 70% !important;
}

.m-75 {
  margin: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.p-75 {
  padding: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.m-75-i {
  margin: 75px !important;
}

.ml-75-i {
  margin-left: 75px !important;
}

.mr-75-i {
  margin-right: 75px !important;
}

.mt-75-i {
  margin-top: 75px !important;
}

.mb-75-i {
  margin-bottom: 75px !important;
}

.mx-75-i {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.my-75-i {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.p-75-i {
  padding: 75px !important;
}

.pl-75-i {
  padding-left: 75px !important;
}

.pr-75-i {
  padding-right: 75px !important;
}

.pt-75-i {
  padding-top: 75px !important;
}

.pb-75-i {
  padding-bottom: 75px !important;
}

.px-75-i {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.py-75-i {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.w-75-i {
  width: 75% !important;
}

.h-75-i {
  height: 75% !important;
}

.m-80 {
  margin: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.p-80 {
  padding: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.w-80 {
  width: 80%;
}

.h-80 {
  height: 80%;
}

.m-80-i {
  margin: 80px !important;
}

.ml-80-i {
  margin-left: 80px !important;
}

.mr-80-i {
  margin-right: 80px !important;
}

.mt-80-i {
  margin-top: 80px !important;
}

.mb-80-i {
  margin-bottom: 80px !important;
}

.mx-80-i {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-80-i {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-80-i {
  padding: 80px !important;
}

.pl-80-i {
  padding-left: 80px !important;
}

.pr-80-i {
  padding-right: 80px !important;
}

.pt-80-i {
  padding-top: 80px !important;
}

.pb-80-i {
  padding-bottom: 80px !important;
}

.px-80-i {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-80-i {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.w-80-i {
  width: 80% !important;
}

.h-80-i {
  height: 80% !important;
}

.m-85 {
  margin: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.p-85 {
  padding: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.m-85-i {
  margin: 85px !important;
}

.ml-85-i {
  margin-left: 85px !important;
}

.mr-85-i {
  margin-right: 85px !important;
}

.mt-85-i {
  margin-top: 85px !important;
}

.mb-85-i {
  margin-bottom: 85px !important;
}

.mx-85-i {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.my-85-i {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.p-85-i {
  padding: 85px !important;
}

.pl-85-i {
  padding-left: 85px !important;
}

.pr-85-i {
  padding-right: 85px !important;
}

.pt-85-i {
  padding-top: 85px !important;
}

.pb-85-i {
  padding-bottom: 85px !important;
}

.px-85-i {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.py-85-i {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.w-85-i {
  width: 85% !important;
}

.h-85-i {
  height: 85% !important;
}

.m-90 {
  margin: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.p-90 {
  padding: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.m-90-i {
  margin: 90px !important;
}

.ml-90-i {
  margin-left: 90px !important;
}

.mr-90-i {
  margin-right: 90px !important;
}

.mt-90-i {
  margin-top: 90px !important;
}

.mb-90-i {
  margin-bottom: 90px !important;
}

.mx-90-i {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.my-90-i {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.p-90-i {
  padding: 90px !important;
}

.pl-90-i {
  padding-left: 90px !important;
}

.pr-90-i {
  padding-right: 90px !important;
}

.pt-90-i {
  padding-top: 90px !important;
}

.pb-90-i {
  padding-bottom: 90px !important;
}

.px-90-i {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.py-90-i {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.w-90-i {
  width: 90% !important;
}

.h-90-i {
  height: 90% !important;
}

.m-95 {
  margin: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.p-95 {
  padding: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.m-95-i {
  margin: 95px !important;
}

.ml-95-i {
  margin-left: 95px !important;
}

.mr-95-i {
  margin-right: 95px !important;
}

.mt-95-i {
  margin-top: 95px !important;
}

.mb-95-i {
  margin-bottom: 95px !important;
}

.mx-95-i {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.my-95-i {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.p-95-i {
  padding: 95px !important;
}

.pl-95-i {
  padding-left: 95px !important;
}

.pr-95-i {
  padding-right: 95px !important;
}

.pt-95-i {
  padding-top: 95px !important;
}

.pb-95-i {
  padding-bottom: 95px !important;
}

.px-95-i {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.py-95-i {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.w-95-i {
  width: 95% !important;
}

.h-95-i {
  height: 95% !important;
}

.m-100 {
  margin: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.p-100 {
  padding: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.m-100-i {
  margin: 100px !important;
}

.ml-100-i {
  margin-left: 100px !important;
}

.mr-100-i {
  margin-right: 100px !important;
}

.mt-100-i {
  margin-top: 100px !important;
}

.mb-100-i {
  margin-bottom: 100px !important;
}

.mx-100-i {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.my-100-i {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-100-i {
  padding: 100px !important;
}

.pl-100-i {
  padding-left: 100px !important;
}

.pr-100-i {
  padding-right: 100px !important;
}

.pt-100-i {
  padding-top: 100px !important;
}

.pb-100-i {
  padding-bottom: 100px !important;
}

.px-100-i {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.py-100-i {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.w-100-i {
  width: 100% !important;
}

.h-100-i {
  height: 100% !important;
}

.m-auto {
  margin: auto;
}

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

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

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

.mb-auto {
  margin-bottom: auto;
}

.m-auto-i {
  margin: auto !important;
}

.mx-auto-i {
  margin-left: auto;
  margin-right: auto !important;
}

.my-auto-i {
  margin-top: auto;
  margin-bottom: auto !important;
}

.ml-auto-i {
  margin-left: auto !important;
}

.mr-auto-i {
  margin-right: auto !important;
}

.mt-auto-i {
  margin-top: auto !important;
}

.mb-auto-i {
  margin-bottom: auto !important;
}

/* -------------------------------------------------------------------------------------
   Alignments
------------------------------------------------------------------------------------- */
.text-left {
  text-align: left;
}

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

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

.text-left-i {
  text-align: left !important;
}

.text-right-i {
  text-align: right !important;
}

.text-center-i {
  text-align: center !important;
}

.align-x {
  display: flex;
  flex-direction: row;
}

.align-x-y-top {
  align-items: flex-start;
}

.align-x-y-bottom {
  align-items: flex-end;
}

.align-x-y-center {
  align-items: center;
}

.align-x-y-justify {
  align-items: space-between;
}

.align-x-x-left {
  justify-content: flex-start;
}

.align-x-x-right {
  justify-content: flex-end;
}

.align-x-x-center {
  justify-content: center;
}

.align-x-x-justify {
  justify-content: space-between;
}

.align-y {
  display: flex;
  flex-direction: column;
}

.align-y-y-top {
  justify-content: flex-start;
}

.align-y-y-bottom {
  justify-content: flex-end;
}

.align-y-y-center {
  justify-content: center;
}

.align-y-y-justify {
  justify-content: space-between;
}

.align-y-x-left {
  align-items: flex-start;
}

.align-y-x-right {
  align-items: flex-end;
}

.align-y-x-center {
  align-items: center;
}

.align-y-x-justify {
  align-items: space-between;
}

/* -------------------------------------------------------------------------------------
   Images and Ratio
------------------------------------------------------------------------------------- */
.ratio--1-1 {
  position: relative;
}
.ratio--1-1::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 100%;
}
.ratio--1-1 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--4-3 {
  position: relative;
}
.ratio--4-3::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.ratio--4-3 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--16-9 {
  position: relative;
}
.ratio--16-9::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.ratio--16-9 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--3-1 {
  position: relative;
}
.ratio--3-1::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 33.33%;
}
.ratio--3-1 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--3-4 {
  position: relative;
}
.ratio--3-4::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 133.33%;
}
.ratio--3-4 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--1-2 {
  position: relative;
}
.ratio--1-2::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 200%;
}
.ratio--1-2 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ratio--1-3 {
  position: relative;
}
.ratio--1-3::before {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 0;
  width: 0;
  overflow: hidden;
  padding-bottom: 300%;
}
.ratio--1-3 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* nunito-sans-300 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/nunito-sans-v12-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/nunito-sans-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/nunito-sans-v12-latin-300.woff2") format("woff2"), url("fonts/nunito-sans-v12-latin-300.woff") format("woff"), url("fonts/nunito-sans-v12-latin-300.ttf") format("truetype"), url("fonts/nunito-sans-v12-latin-300.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/nunito-sans-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/nunito-sans-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/nunito-sans-v12-latin-regular.woff2") format("woff2"), url("fonts/nunito-sans-v12-latin-regular.woff") format("woff"), url("fonts/nunito-sans-v12-latin-regular.ttf") format("truetype"), url("fonts/nunito-sans-v12-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/nunito-sans-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/nunito-sans-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/nunito-sans-v12-latin-700.woff2") format("woff2"), url("fonts/nunito-sans-v12-latin-700.woff") format("woff"), url("fonts/nunito-sans-v12-latin-700.ttf") format("truetype"), url("fonts/nunito-sans-v12-latin-700.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-900 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/nunito-sans-v12-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/nunito-sans-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/nunito-sans-v12-latin-900.woff2") format("woff2"), url("fonts/nunito-sans-v12-latin-900.woff") format("woff"), url("fonts/nunito-sans-v12-latin-900.ttf") format("truetype"), url("fonts/nunito-sans-v12-latin-900.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
.font-default, body, .body {
  font-family: "Arial", sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}
.font-default ::-moz-selection, body ::-moz-selection, .body ::-moz-selection {
  color: #fff;
  background-color: #000;
}
.font-default ::selection, body ::selection, .body ::selection {
  color: #fff;
  background-color: #000;
}

.headline, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  color: #000;
  margin: 15px 0 10px 0;
  line-height: 1.1;
}
.headline .small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-size: 30%;
}

.fw--light {
  font-weight: 300;
}

.fw--regular {
  font-weight: 500;
}

.fw--bold {
  font-weight: 700;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #000;
}

h1, .h1 {
  font-size: clamp(3.75rem, 4.4444444444vw, 5rem);
}

h2, .h2 {
  font-size: clamp(3.125rem, 3.8888888889vw, 4.375rem);
}

h3, .h3 {
  font-size: clamp(2.5rem, 3.3333333333vw, 3.75rem);
}

h4, .h4 {
  font-size: clamp(1.875rem, 2.7777777778vw, 3.125rem);
}

h5, .h5 {
  font-size: clamp(1.625rem, 2.2222222222vw, 2.5rem);
}

h6, .h6 {
  font-size: clamp(1.25rem, 1.6666666667vw, 1.875rem);
}

/*!
 *  Weather Icons 2.0.10
 *  Updated November 1, 2020
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
  font-family: "weathericons";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("fonts/weathericons-regular-webfont.eot");
  src: local(""), url("fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/weathericons-regular-webfont.woff2") format("woff2"), url("fonts/weathericons-regular-webfont.woff") format("woff"), url("fonts/weathericons-regular-webfont.ttf") format("truetype"), url("fonts/weathericons-regular-webfont.svg#weather_iconsregular") format("svg");
}
.wi {
  display: inline-block;
  font-family: "weathericons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wi-fw {
  text-align: center;
  width: 1.4em;
}

.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}

.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}

.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  transform: scale(-1, 1);
}

.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  transform: scale(1, -1);
}

.wi-day-sunny:before {
  content: "\f00d";
}

.wi-day-cloudy:before {
  content: "\f002";
}

.wi-day-cloudy-gusts:before {
  content: "\f000";
}

.wi-day-cloudy-windy:before {
  content: "\f001";
}

.wi-day-fog:before {
  content: "\f003";
}

.wi-day-hail:before {
  content: "\f004";
}

.wi-day-haze:before {
  content: "\f0b6";
}

.wi-day-lightning:before {
  content: "\f005";
}

.wi-day-rain:before {
  content: "\f008";
}

.wi-day-rain-mix:before {
  content: "\f006";
}

.wi-day-rain-wind:before {
  content: "\f007";
}

.wi-day-showers:before {
  content: "\f009";
}

.wi-day-sleet:before {
  content: "\f0b2";
}

.wi-day-sleet-storm:before {
  content: "\f068";
}

.wi-day-snow:before {
  content: "\f00a";
}

.wi-day-snow-thunderstorm:before {
  content: "\f06b";
}

.wi-day-snow-wind:before {
  content: "\f065";
}

.wi-day-sprinkle:before {
  content: "\f00b";
}

.wi-day-storm-showers:before {
  content: "\f00e";
}

.wi-day-sunny-overcast:before {
  content: "\f00c";
}

.wi-day-thunderstorm:before {
  content: "\f010";
}

.wi-day-windy:before {
  content: "\f085";
}

.wi-solar-eclipse:before {
  content: "\f06e";
}

.wi-hot:before {
  content: "\f072";
}

.wi-day-cloudy-high:before {
  content: "\f07d";
}

.wi-day-light-wind:before {
  content: "\f0c4";
}

.wi-night-clear:before {
  content: "\f02e";
}

.wi-night-alt-cloudy:before {
  content: "\f086";
}

.wi-night-alt-cloudy-gusts:before {
  content: "\f022";
}

.wi-night-alt-cloudy-windy:before {
  content: "\f023";
}

.wi-night-alt-hail:before {
  content: "\f024";
}

.wi-night-alt-lightning:before {
  content: "\f025";
}

.wi-night-alt-rain:before {
  content: "\f028";
}

.wi-night-alt-rain-mix:before {
  content: "\f026";
}

.wi-night-alt-rain-wind:before {
  content: "\f027";
}

.wi-night-alt-showers:before {
  content: "\f029";
}

.wi-night-alt-sleet:before {
  content: "\f0b4";
}

.wi-night-alt-sleet-storm:before {
  content: "\f06a";
}

.wi-night-alt-snow:before {
  content: "\f02a";
}

.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d";
}

.wi-night-alt-snow-wind:before {
  content: "\f067";
}

.wi-night-alt-sprinkle:before {
  content: "\f02b";
}

.wi-night-alt-storm-showers:before {
  content: "\f02c";
}

.wi-night-alt-thunderstorm:before {
  content: "\f02d";
}

.wi-night-cloudy:before {
  content: "\f031";
}

.wi-night-cloudy-gusts:before {
  content: "\f02f";
}

.wi-night-cloudy-windy:before {
  content: "\f030";
}

.wi-night-fog:before {
  content: "\f04a";
}

.wi-night-hail:before {
  content: "\f032";
}

.wi-night-lightning:before {
  content: "\f033";
}

.wi-night-partly-cloudy:before {
  content: "\f083";
}

.wi-night-rain:before {
  content: "\f036";
}

.wi-night-rain-mix:before {
  content: "\f034";
}

.wi-night-rain-wind:before {
  content: "\f035";
}

.wi-night-showers:before {
  content: "\f037";
}

.wi-night-sleet:before {
  content: "\f0b3";
}

.wi-night-sleet-storm:before {
  content: "\f069";
}

.wi-night-snow:before {
  content: "\f038";
}

.wi-night-snow-thunderstorm:before {
  content: "\f06c";
}

.wi-night-snow-wind:before {
  content: "\f066";
}

.wi-night-sprinkle:before {
  content: "\f039";
}

.wi-night-storm-showers:before {
  content: "\f03a";
}

.wi-night-thunderstorm:before {
  content: "\f03b";
}

.wi-lunar-eclipse:before {
  content: "\f070";
}

.wi-stars:before {
  content: "\f077";
}

.wi-storm-showers:before {
  content: "\f01d";
}

.wi-thunderstorm:before {
  content: "\f01e";
}

.wi-night-alt-cloudy-high:before {
  content: "\f07e";
}

.wi-night-cloudy-high:before {
  content: "\f080";
}

.wi-night-alt-partly-cloudy:before {
  content: "\f081";
}

.wi-cloud:before {
  content: "\f041";
}

.wi-cloudy:before {
  content: "\f013";
}

.wi-cloudy-gusts:before {
  content: "\f011";
}

.wi-cloudy-windy:before {
  content: "\f012";
}

.wi-fog:before {
  content: "\f014";
}

.wi-hail:before {
  content: "\f015";
}

.wi-rain:before {
  content: "\f019";
}

.wi-rain-mix:before {
  content: "\f017";
}

.wi-rain-wind:before {
  content: "\f018";
}

.wi-showers:before {
  content: "\f01a";
}

.wi-sleet:before {
  content: "\f0b5";
}

.wi-snow:before {
  content: "\f01b";
}

.wi-sprinkle:before {
  content: "\f01c";
}

.wi-storm-showers:before {
  content: "\f01d";
}

.wi-thunderstorm:before {
  content: "\f01e";
}

.wi-snow-wind:before {
  content: "\f064";
}

.wi-snow:before {
  content: "\f01b";
}

.wi-smog:before {
  content: "\f074";
}

.wi-smoke:before {
  content: "\f062";
}

.wi-lightning:before {
  content: "\f016";
}

.wi-raindrops:before {
  content: "\f04e";
}

.wi-raindrop:before {
  content: "\f078";
}

.wi-dust:before {
  content: "\f063";
}

.wi-snowflake-cold:before {
  content: "\f076";
}

.wi-windy:before {
  content: "\f021";
}

.wi-strong-wind:before {
  content: "\f050";
}

.wi-sandstorm:before {
  content: "\f082";
}

.wi-earthquake:before {
  content: "\f0c6";
}

.wi-fire:before {
  content: "\f0c7";
}

.wi-flood:before {
  content: "\f07c";
}

.wi-meteor:before {
  content: "\f071";
}

.wi-tsunami:before {
  content: "\f0c5";
}

.wi-volcano:before {
  content: "\f0c8";
}

.wi-hurricane:before {
  content: "\f073";
}

.wi-tornado:before {
  content: "\f056";
}

.wi-small-craft-advisory:before {
  content: "\f0cc";
}

.wi-gale-warning:before {
  content: "\f0cd";
}

.wi-storm-warning:before {
  content: "\f0ce";
}

.wi-hurricane-warning:before {
  content: "\f0cf";
}

.wi-wind-direction:before {
  content: "\f0b1";
}

.wi-alien:before {
  content: "\f075";
}

.wi-celsius:before {
  content: "\f03c";
}

.wi-fahrenheit:before {
  content: "\f045";
}

.wi-degrees:before {
  content: "\f042";
}

.wi-thermometer:before {
  content: "\f055";
}

.wi-thermometer-exterior:before {
  content: "\f053";
}

.wi-thermometer-internal:before {
  content: "\f054";
}

.wi-cloud-down:before {
  content: "\f03d";
}

.wi-cloud-up:before {
  content: "\f040";
}

.wi-cloud-refresh:before {
  content: "\f03e";
}

.wi-horizon:before {
  content: "\f047";
}

.wi-horizon-alt:before {
  content: "\f046";
}

.wi-sunrise:before {
  content: "\f051";
}

.wi-sunset:before {
  content: "\f052";
}

.wi-moonrise:before {
  content: "\f0c9";
}

.wi-moonset:before {
  content: "\f0ca";
}

.wi-refresh:before {
  content: "\f04c";
}

.wi-refresh-alt:before {
  content: "\f04b";
}

.wi-umbrella:before {
  content: "\f084";
}

.wi-barometer:before {
  content: "\f079";
}

.wi-humidity:before {
  content: "\f07a";
}

.wi-na:before {
  content: "\f07b";
}

.wi-train:before {
  content: "\f0cb";
}

.wi-moon-new:before {
  content: "\f095";
}

.wi-moon-waxing-crescent-1:before {
  content: "\f096";
}

.wi-moon-waxing-crescent-2:before {
  content: "\f097";
}

.wi-moon-waxing-crescent-3:before {
  content: "\f098";
}

.wi-moon-waxing-crescent-4:before {
  content: "\f099";
}

.wi-moon-waxing-crescent-5:before {
  content: "\f09a";
}

.wi-moon-waxing-crescent-6:before {
  content: "\f09b";
}

.wi-moon-first-quarter:before {
  content: "\f09c";
}

.wi-moon-waxing-gibbous-1:before {
  content: "\f09d";
}

.wi-moon-waxing-gibbous-2:before {
  content: "\f09e";
}

.wi-moon-waxing-gibbous-3:before {
  content: "\f09f";
}

.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0";
}

.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1";
}

.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2";
}

.wi-moon-full:before {
  content: "\f0a3";
}

.wi-moon-waning-gibbous-1:before {
  content: "\f0a4";
}

.wi-moon-waning-gibbous-2:before {
  content: "\f0a5";
}

.wi-moon-waning-gibbous-3:before {
  content: "\f0a6";
}

.wi-moon-waning-gibbous-4:before {
  content: "\f0a7";
}

.wi-moon-waning-gibbous-5:before {
  content: "\f0a8";
}

.wi-moon-waning-gibbous-6:before {
  content: "\f0a9";
}

.wi-moon-third-quarter:before {
  content: "\f0aa";
}

.wi-moon-waning-crescent-1:before {
  content: "\f0ab";
}

.wi-moon-waning-crescent-2:before {
  content: "\f0ac";
}

.wi-moon-waning-crescent-3:before {
  content: "\f0ad";
}

.wi-moon-waning-crescent-4:before {
  content: "\f0ae";
}

.wi-moon-waning-crescent-5:before {
  content: "\f0af";
}

.wi-moon-waning-crescent-6:before {
  content: "\f0b0";
}

.wi-moon-alt-new:before {
  content: "\f0eb";
}

.wi-moon-alt-waxing-crescent-1:before {
  content: "\f0d0";
}

.wi-moon-alt-waxing-crescent-2:before {
  content: "\f0d1";
}

.wi-moon-alt-waxing-crescent-3:before {
  content: "\f0d2";
}

.wi-moon-alt-waxing-crescent-4:before {
  content: "\f0d3";
}

.wi-moon-alt-waxing-crescent-5:before {
  content: "\f0d4";
}

.wi-moon-alt-waxing-crescent-6:before {
  content: "\f0d5";
}

.wi-moon-alt-first-quarter:before {
  content: "\f0d6";
}

.wi-moon-alt-waxing-gibbous-1:before {
  content: "\f0d7";
}

.wi-moon-alt-waxing-gibbous-2:before {
  content: "\f0d8";
}

.wi-moon-alt-waxing-gibbous-3:before {
  content: "\f0d9";
}

.wi-moon-alt-waxing-gibbous-4:before {
  content: "\f0da";
}

.wi-moon-alt-waxing-gibbous-5:before {
  content: "\f0db";
}

.wi-moon-alt-waxing-gibbous-6:before {
  content: "\f0dc";
}

.wi-moon-alt-full:before {
  content: "\f0dd";
}

.wi-moon-alt-waning-gibbous-1:before {
  content: "\f0de";
}

.wi-moon-alt-waning-gibbous-2:before {
  content: "\f0df";
}

.wi-moon-alt-waning-gibbous-3:before {
  content: "\f0e0";
}

.wi-moon-alt-waning-gibbous-4:before {
  content: "\f0e1";
}

.wi-moon-alt-waning-gibbous-5:before {
  content: "\f0e2";
}

.wi-moon-alt-waning-gibbous-6:before {
  content: "\f0e3";
}

.wi-moon-alt-third-quarter:before {
  content: "\f0e4";
}

.wi-moon-alt-waning-crescent-1:before {
  content: "\f0e5";
}

.wi-moon-alt-waning-crescent-2:before {
  content: "\f0e6";
}

.wi-moon-alt-waning-crescent-3:before {
  content: "\f0e7";
}

.wi-moon-alt-waning-crescent-4:before {
  content: "\f0e8";
}

.wi-moon-alt-waning-crescent-5:before {
  content: "\f0e9";
}

.wi-moon-alt-waning-crescent-6:before {
  content: "\f0ea";
}

.wi-moon-0:before {
  content: "\f095";
}

.wi-moon-1:before {
  content: "\f096";
}

.wi-moon-2:before {
  content: "\f097";
}

.wi-moon-3:before {
  content: "\f098";
}

.wi-moon-4:before {
  content: "\f099";
}

.wi-moon-5:before {
  content: "\f09a";
}

.wi-moon-6:before {
  content: "\f09b";
}

.wi-moon-7:before {
  content: "\f09c";
}

.wi-moon-8:before {
  content: "\f09d";
}

.wi-moon-9:before {
  content: "\f09e";
}

.wi-moon-10:before {
  content: "\f09f";
}

.wi-moon-11:before {
  content: "\f0a0";
}

.wi-moon-12:before {
  content: "\f0a1";
}

.wi-moon-13:before {
  content: "\f0a2";
}

.wi-moon-14:before {
  content: "\f0a3";
}

.wi-moon-15:before {
  content: "\f0a4";
}

.wi-moon-16:before {
  content: "\f0a5";
}

.wi-moon-17:before {
  content: "\f0a6";
}

.wi-moon-18:before {
  content: "\f0a7";
}

.wi-moon-19:before {
  content: "\f0a8";
}

.wi-moon-20:before {
  content: "\f0a9";
}

.wi-moon-21:before {
  content: "\f0aa";
}

.wi-moon-22:before {
  content: "\f0ab";
}

.wi-moon-23:before {
  content: "\f0ac";
}

.wi-moon-24:before {
  content: "\f0ad";
}

.wi-moon-25:before {
  content: "\f0ae";
}

.wi-moon-26:before {
  content: "\f0af";
}

.wi-moon-27:before {
  content: "\f0b0";
}

.wi-time-1:before {
  content: "\f08a";
}

.wi-time-2:before {
  content: "\f08b";
}

.wi-time-3:before {
  content: "\f08c";
}

.wi-time-4:before {
  content: "\f08d";
}

.wi-time-5:before {
  content: "\f08e";
}

.wi-time-6:before {
  content: "\f08f";
}

.wi-time-7:before {
  content: "\f090";
}

.wi-time-8:before {
  content: "\f091";
}

.wi-time-9:before {
  content: "\f092";
}

.wi-time-10:before {
  content: "\f093";
}

.wi-time-11:before {
  content: "\f094";
}

.wi-time-12:before {
  content: "\f089";
}

.wi-direction-up:before {
  content: "\f058";
}

.wi-direction-up-right:before {
  content: "\f057";
}

.wi-direction-right:before {
  content: "\f04d";
}

.wi-direction-down-right:before {
  content: "\f088";
}

.wi-direction-down:before {
  content: "\f044";
}

.wi-direction-down-left:before {
  content: "\f043";
}

.wi-direction-left:before {
  content: "\f048";
}

.wi-direction-up-left:before {
  content: "\f087";
}

.wi-wind-beaufort-0:before {
  content: "\f0b7";
}

.wi-wind-beaufort-1:before {
  content: "\f0b8";
}

.wi-wind-beaufort-2:before {
  content: "\f0b9";
}

.wi-wind-beaufort-3:before {
  content: "\f0ba";
}

.wi-wind-beaufort-4:before {
  content: "\f0bb";
}

.wi-wind-beaufort-5:before {
  content: "\f0bc";
}

.wi-wind-beaufort-6:before {
  content: "\f0bd";
}

.wi-wind-beaufort-7:before {
  content: "\f0be";
}

.wi-wind-beaufort-8:before {
  content: "\f0bf";
}

.wi-wind-beaufort-9:before {
  content: "\f0c0";
}

.wi-wind-beaufort-10:before {
  content: "\f0c1";
}

.wi-wind-beaufort-11:before {
  content: "\f0c2";
}

.wi-wind-beaufort-12:before {
  content: "\f0c3";
}

.wi-yahoo-0:before {
  content: "\f056";
}

.wi-yahoo-1:before {
  content: "\f00e";
}

.wi-yahoo-2:before {
  content: "\f073";
}

.wi-yahoo-3:before {
  content: "\f01e";
}

.wi-yahoo-4:before {
  content: "\f01e";
}

.wi-yahoo-5:before {
  content: "\f017";
}

.wi-yahoo-6:before {
  content: "\f017";
}

.wi-yahoo-7:before {
  content: "\f017";
}

.wi-yahoo-8:before {
  content: "\f015";
}

.wi-yahoo-9:before {
  content: "\f01a";
}

.wi-yahoo-10:before {
  content: "\f015";
}

.wi-yahoo-11:before {
  content: "\f01a";
}

.wi-yahoo-12:before {
  content: "\f01a";
}

.wi-yahoo-13:before {
  content: "\f01b";
}

.wi-yahoo-14:before {
  content: "\f00a";
}

.wi-yahoo-15:before {
  content: "\f064";
}

.wi-yahoo-16:before {
  content: "\f01b";
}

.wi-yahoo-17:before {
  content: "\f015";
}

.wi-yahoo-18:before {
  content: "\f017";
}

.wi-yahoo-19:before {
  content: "\f063";
}

.wi-yahoo-20:before {
  content: "\f014";
}

.wi-yahoo-21:before {
  content: "\f021";
}

.wi-yahoo-22:before {
  content: "\f062";
}

.wi-yahoo-23:before {
  content: "\f050";
}

.wi-yahoo-24:before {
  content: "\f050";
}

.wi-yahoo-25:before {
  content: "\f076";
}

.wi-yahoo-26:before {
  content: "\f013";
}

.wi-yahoo-27:before {
  content: "\f031";
}

.wi-yahoo-28:before {
  content: "\f002";
}

.wi-yahoo-29:before {
  content: "\f031";
}

.wi-yahoo-30:before {
  content: "\f002";
}

.wi-yahoo-31:before {
  content: "\f02e";
}

.wi-yahoo-32:before {
  content: "\f00d";
}

.wi-yahoo-33:before {
  content: "\f083";
}

.wi-yahoo-34:before {
  content: "\f00c";
}

.wi-yahoo-35:before {
  content: "\f017";
}

.wi-yahoo-36:before {
  content: "\f072";
}

.wi-yahoo-37:before {
  content: "\f00e";
}

.wi-yahoo-38:before {
  content: "\f00e";
}

.wi-yahoo-39:before {
  content: "\f00e";
}

.wi-yahoo-40:before {
  content: "\f01a";
}

.wi-yahoo-41:before {
  content: "\f064";
}

.wi-yahoo-42:before {
  content: "\f01b";
}

.wi-yahoo-43:before {
  content: "\f064";
}

.wi-yahoo-44:before {
  content: "\f00c";
}

.wi-yahoo-45:before {
  content: "\f00e";
}

.wi-yahoo-46:before {
  content: "\f01b";
}

.wi-yahoo-47:before {
  content: "\f00e";
}

.wi-yahoo-3200:before {
  content: "\f077";
}

.wi-forecast-io-clear-day:before {
  content: "\f00d";
}

.wi-forecast-io-clear-night:before {
  content: "\f02e";
}

.wi-forecast-io-rain:before {
  content: "\f019";
}

.wi-forecast-io-snow:before {
  content: "\f01b";
}

.wi-forecast-io-sleet:before {
  content: "\f0b5";
}

.wi-forecast-io-wind:before {
  content: "\f050";
}

.wi-forecast-io-fog:before {
  content: "\f014";
}

.wi-forecast-io-cloudy:before {
  content: "\f013";
}

.wi-forecast-io-partly-cloudy-day:before {
  content: "\f002";
}

.wi-forecast-io-partly-cloudy-night:before {
  content: "\f031";
}

.wi-forecast-io-hail:before {
  content: "\f015";
}

.wi-forecast-io-thunderstorm:before {
  content: "\f01e";
}

.wi-forecast-io-tornado:before {
  content: "\f056";
}

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
  content: "\f055";
}

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
  content: "\f013";
}

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
  content: "\f055";
}

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
  content: "\f013";
}

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
  content: "\f014";
}

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
  content: "\f014";
}

.wi-wmo4680-10:before {
  content: "\f014";
}

.wi-wmo4680-11:before {
  content: "\f014";
}

.wi-wmo4680-12:before {
  content: "\f016";
}

.wi-wmo4680-18:before {
  content: "\f050";
}

.wi-wmo4680-20:before {
  content: "\f014";
}

.wi-wmo4680-21:before {
  content: "\f017";
}

.wi-wmo4680-22:before {
  content: "\f017";
}

.wi-wmo4680-23:before {
  content: "\f019";
}

.wi-wmo4680-24:before {
  content: "\f01b";
}

.wi-wmo4680-25:before {
  content: "\f015";
}

.wi-wmo4680-26:before {
  content: "\f01e";
}

.wi-wmo4680-27:before {
  content: "\f063";
}

.wi-wmo4680-28:before {
  content: "\f063";
}

.wi-wmo4680-29:before {
  content: "\f063";
}

.wi-wmo4680-30:before {
  content: "\f014";
}

.wi-wmo4680-31:before {
  content: "\f014";
}

.wi-wmo4680-32:before {
  content: "\f014";
}

.wi-wmo4680-33:before {
  content: "\f014";
}

.wi-wmo4680-34:before {
  content: "\f014";
}

.wi-wmo4680-35:before {
  content: "\f014";
}

.wi-wmo4680-40:before {
  content: "\f017";
}

.wi-wmo4680-41:before {
  content: "\f01c";
}

.wi-wmo4680-42:before {
  content: "\f019";
}

.wi-wmo4680-43:before {
  content: "\f01c";
}

.wi-wmo4680-44:before {
  content: "\f019";
}

.wi-wmo4680-45:before {
  content: "\f015";
}

.wi-wmo4680-46:before {
  content: "\f015";
}

.wi-wmo4680-47:before {
  content: "\f01b";
}

.wi-wmo4680-48:before {
  content: "\f01b";
}

.wi-wmo4680-50:before {
  content: "\f01c";
}

.wi-wmo4680-51:before {
  content: "\f01c";
}

.wi-wmo4680-52:before {
  content: "\f019";
}

.wi-wmo4680-53:before {
  content: "\f019";
}

.wi-wmo4680-54:before {
  content: "\f076";
}

.wi-wmo4680-55:before {
  content: "\f076";
}

.wi-wmo4680-56:before {
  content: "\f076";
}

.wi-wmo4680-57:before {
  content: "\f01c";
}

.wi-wmo4680-58:before {
  content: "\f019";
}

.wi-wmo4680-60:before {
  content: "\f01c";
}

.wi-wmo4680-61:before {
  content: "\f01c";
}

.wi-wmo4680-62:before {
  content: "\f019";
}

.wi-wmo4680-63:before {
  content: "\f019";
}

.wi-wmo4680-64:before {
  content: "\f015";
}

.wi-wmo4680-65:before {
  content: "\f015";
}

.wi-wmo4680-66:before {
  content: "\f015";
}

.wi-wmo4680-67:before {
  content: "\f017";
}

.wi-wmo4680-68:before {
  content: "\f017";
}

.wi-wmo4680-70:before {
  content: "\f01b";
}

.wi-wmo4680-71:before {
  content: "\f01b";
}

.wi-wmo4680-72:before {
  content: "\f01b";
}

.wi-wmo4680-73:before {
  content: "\f01b";
}

.wi-wmo4680-74:before {
  content: "\f076";
}

.wi-wmo4680-75:before {
  content: "\f076";
}

.wi-wmo4680-76:before {
  content: "\f076";
}

.wi-wmo4680-77:before {
  content: "\f01b";
}

.wi-wmo4680-78:before {
  content: "\f076";
}

.wi-wmo4680-80:before {
  content: "\f019";
}

.wi-wmo4680-81:before {
  content: "\f01c";
}

.wi-wmo4680-82:before {
  content: "\f019";
}

.wi-wmo4680-83:before {
  content: "\f019";
}

.wi-wmo4680-84:before {
  content: "\f01d";
}

.wi-wmo4680-85:before {
  content: "\f017";
}

.wi-wmo4680-86:before {
  content: "\f017";
}

.wi-wmo4680-87:before {
  content: "\f017";
}

.wi-wmo4680-89:before {
  content: "\f015";
}

.wi-wmo4680-90:before {
  content: "\f016";
}

.wi-wmo4680-91:before {
  content: "\f01d";
}

.wi-wmo4680-92:before {
  content: "\f01e";
}

.wi-wmo4680-93:before {
  content: "\f01e";
}

.wi-wmo4680-94:before {
  content: "\f016";
}

.wi-wmo4680-95:before {
  content: "\f01e";
}

.wi-wmo4680-96:before {
  content: "\f01e";
}

.wi-wmo4680-99:before {
  content: "\f056";
}

.wi-owm-200:before {
  content: "\f01e";
}

.wi-owm-201:before {
  content: "\f01e";
}

.wi-owm-202:before {
  content: "\f01e";
}

.wi-owm-210:before {
  content: "\f016";
}

.wi-owm-211:before {
  content: "\f016";
}

.wi-owm-212:before {
  content: "\f016";
}

.wi-owm-221:before {
  content: "\f016";
}

.wi-owm-230:before {
  content: "\f01e";
}

.wi-owm-231:before {
  content: "\f01e";
}

.wi-owm-232:before {
  content: "\f01e";
}

.wi-owm-300:before {
  content: "\f01c";
}

.wi-owm-301:before {
  content: "\f01c";
}

.wi-owm-302:before {
  content: "\f019";
}

.wi-owm-310:before {
  content: "\f017";
}

.wi-owm-311:before {
  content: "\f019";
}

.wi-owm-312:before {
  content: "\f019";
}

.wi-owm-313:before {
  content: "\f01a";
}

.wi-owm-314:before {
  content: "\f019";
}

.wi-owm-321:before {
  content: "\f01c";
}

.wi-owm-500:before {
  content: "\f01c";
}

.wi-owm-501:before {
  content: "\f019";
}

.wi-owm-502:before {
  content: "\f019";
}

.wi-owm-503:before {
  content: "\f019";
}

.wi-owm-504:before {
  content: "\f019";
}

.wi-owm-511:before {
  content: "\f017";
}

.wi-owm-520:before {
  content: "\f01a";
}

.wi-owm-521:before {
  content: "\f01a";
}

.wi-owm-522:before {
  content: "\f01a";
}

.wi-owm-531:before {
  content: "\f01d";
}

.wi-owm-600:before {
  content: "\f01b";
}

.wi-owm-601:before {
  content: "\f01b";
}

.wi-owm-602:before {
  content: "\f0b5";
}

.wi-owm-611:before {
  content: "\f017";
}

.wi-owm-612:before {
  content: "\f017";
}

.wi-owm-615:before {
  content: "\f017";
}

.wi-owm-616:before {
  content: "\f017";
}

.wi-owm-620:before {
  content: "\f017";
}

.wi-owm-621:before {
  content: "\f01b";
}

.wi-owm-622:before {
  content: "\f01b";
}

.wi-owm-701:before {
  content: "\f014";
}

.wi-owm-711:before {
  content: "\f062";
}

.wi-owm-721:before {
  content: "\f0b6";
}

.wi-owm-731:before {
  content: "\f063";
}

.wi-owm-741:before {
  content: "\f014";
}

.wi-owm-761:before {
  content: "\f063";
}

.wi-owm-762:before {
  content: "\f063";
}

.wi-owm-771:before {
  content: "\f011";
}

.wi-owm-781:before {
  content: "\f056";
}

.wi-owm-800:before {
  content: "\f00d";
}

.wi-owm-801:before {
  content: "\f041";
}

.wi-owm-802:before {
  content: "\f041";
}

.wi-owm-803:before {
  content: "\f013";
}

.wi-owm-804:before {
  content: "\f013";
}

.wi-owm-900:before {
  content: "\f056";
}

.wi-owm-901:before {
  content: "\f01d";
}

.wi-owm-902:before {
  content: "\f073";
}

.wi-owm-903:before {
  content: "\f076";
}

.wi-owm-904:before {
  content: "\f072";
}

.wi-owm-905:before {
  content: "\f021";
}

.wi-owm-906:before {
  content: "\f015";
}

.wi-owm-957:before {
  content: "\f050";
}

.wi-owm-day-200:before {
  content: "\f010";
}

.wi-owm-day-201:before {
  content: "\f010";
}

.wi-owm-day-202:before {
  content: "\f010";
}

.wi-owm-day-210:before {
  content: "\f005";
}

.wi-owm-day-211:before {
  content: "\f005";
}

.wi-owm-day-212:before {
  content: "\f005";
}

.wi-owm-day-221:before {
  content: "\f005";
}

.wi-owm-day-230:before {
  content: "\f010";
}

.wi-owm-day-231:before {
  content: "\f010";
}

.wi-owm-day-232:before {
  content: "\f010";
}

.wi-owm-day-300:before {
  content: "\f00b";
}

.wi-owm-day-301:before {
  content: "\f00b";
}

.wi-owm-day-302:before {
  content: "\f008";
}

.wi-owm-day-310:before {
  content: "\f008";
}

.wi-owm-day-311:before {
  content: "\f008";
}

.wi-owm-day-312:before {
  content: "\f008";
}

.wi-owm-day-313:before {
  content: "\f008";
}

.wi-owm-day-314:before {
  content: "\f008";
}

.wi-owm-day-321:before {
  content: "\f00b";
}

.wi-owm-day-500:before {
  content: "\f00b";
}

.wi-owm-day-501:before {
  content: "\f008";
}

.wi-owm-day-502:before {
  content: "\f008";
}

.wi-owm-day-503:before {
  content: "\f008";
}

.wi-owm-day-504:before {
  content: "\f008";
}

.wi-owm-day-511:before {
  content: "\f006";
}

.wi-owm-day-520:before {
  content: "\f009";
}

.wi-owm-day-521:before {
  content: "\f009";
}

.wi-owm-day-522:before {
  content: "\f009";
}

.wi-owm-day-531:before {
  content: "\f00e";
}

.wi-owm-day-600:before {
  content: "\f00a";
}

.wi-owm-day-601:before {
  content: "\f0b2";
}

.wi-owm-day-602:before {
  content: "\f00a";
}

.wi-owm-day-611:before {
  content: "\f006";
}

.wi-owm-day-612:before {
  content: "\f006";
}

.wi-owm-day-615:before {
  content: "\f006";
}

.wi-owm-day-616:before {
  content: "\f006";
}

.wi-owm-day-620:before {
  content: "\f006";
}

.wi-owm-day-621:before {
  content: "\f00a";
}

.wi-owm-day-622:before {
  content: "\f00a";
}

.wi-owm-day-701:before {
  content: "\f003";
}

.wi-owm-day-711:before {
  content: "\f062";
}

.wi-owm-day-721:before {
  content: "\f0b6";
}

.wi-owm-day-731:before {
  content: "\f063";
}

.wi-owm-day-741:before {
  content: "\f003";
}

.wi-owm-day-761:before {
  content: "\f063";
}

.wi-owm-day-762:before {
  content: "\f063";
}

.wi-owm-day-781:before {
  content: "\f056";
}

.wi-owm-day-800:before {
  content: "\f00d";
}

.wi-owm-day-801:before {
  content: "\f002";
}

.wi-owm-day-802:before {
  content: "\f002";
}

.wi-owm-day-803:before {
  content: "\f013";
}

.wi-owm-day-804:before {
  content: "\f013";
}

.wi-owm-day-900:before {
  content: "\f056";
}

.wi-owm-day-902:before {
  content: "\f073";
}

.wi-owm-day-903:before {
  content: "\f076";
}

.wi-owm-day-904:before {
  content: "\f072";
}

.wi-owm-day-906:before {
  content: "\f004";
}

.wi-owm-day-957:before {
  content: "\f050";
}

.wi-owm-night-200:before {
  content: "\f02d";
}

.wi-owm-night-201:before {
  content: "\f02d";
}

.wi-owm-night-202:before {
  content: "\f02d";
}

.wi-owm-night-210:before {
  content: "\f025";
}

.wi-owm-night-211:before {
  content: "\f025";
}

.wi-owm-night-212:before {
  content: "\f025";
}

.wi-owm-night-221:before {
  content: "\f025";
}

.wi-owm-night-230:before {
  content: "\f02d";
}

.wi-owm-night-231:before {
  content: "\f02d";
}

.wi-owm-night-232:before {
  content: "\f02d";
}

.wi-owm-night-300:before {
  content: "\f02b";
}

.wi-owm-night-301:before {
  content: "\f02b";
}

.wi-owm-night-302:before {
  content: "\f028";
}

.wi-owm-night-310:before {
  content: "\f028";
}

.wi-owm-night-311:before {
  content: "\f028";
}

.wi-owm-night-312:before {
  content: "\f028";
}

.wi-owm-night-313:before {
  content: "\f028";
}

.wi-owm-night-314:before {
  content: "\f028";
}

.wi-owm-night-321:before {
  content: "\f02b";
}

.wi-owm-night-500:before {
  content: "\f02b";
}

.wi-owm-night-501:before {
  content: "\f028";
}

.wi-owm-night-502:before {
  content: "\f028";
}

.wi-owm-night-503:before {
  content: "\f028";
}

.wi-owm-night-504:before {
  content: "\f028";
}

.wi-owm-night-511:before {
  content: "\f026";
}

.wi-owm-night-520:before {
  content: "\f029";
}

.wi-owm-night-521:before {
  content: "\f029";
}

.wi-owm-night-522:before {
  content: "\f029";
}

.wi-owm-night-531:before {
  content: "\f02c";
}

.wi-owm-night-600:before {
  content: "\f02a";
}

.wi-owm-night-601:before {
  content: "\f0b4";
}

.wi-owm-night-602:before {
  content: "\f02a";
}

.wi-owm-night-611:before {
  content: "\f026";
}

.wi-owm-night-612:before {
  content: "\f026";
}

.wi-owm-night-615:before {
  content: "\f026";
}

.wi-owm-night-616:before {
  content: "\f026";
}

.wi-owm-night-620:before {
  content: "\f026";
}

.wi-owm-night-621:before {
  content: "\f02a";
}

.wi-owm-night-622:before {
  content: "\f02a";
}

.wi-owm-night-701:before {
  content: "\f04a";
}

.wi-owm-night-711:before {
  content: "\f062";
}

.wi-owm-night-721:before {
  content: "\f0b6";
}

.wi-owm-night-731:before {
  content: "\f063";
}

.wi-owm-night-741:before {
  content: "\f04a";
}

.wi-owm-night-761:before {
  content: "\f063";
}

.wi-owm-night-762:before {
  content: "\f063";
}

.wi-owm-night-781:before {
  content: "\f056";
}

.wi-owm-night-800:before {
  content: "\f02e";
}

.wi-owm-night-801:before {
  content: "\f081";
}

.wi-owm-night-802:before {
  content: "\f086";
}

.wi-owm-night-803:before {
  content: "\f013";
}

.wi-owm-night-804:before {
  content: "\f013";
}

.wi-owm-night-900:before {
  content: "\f056";
}

.wi-owm-night-902:before {
  content: "\f073";
}

.wi-owm-night-903:before {
  content: "\f076";
}

.wi-owm-night-904:before {
  content: "\f072";
}

.wi-owm-night-906:before {
  content: "\f024";
}

.wi-owm-night-957:before {
  content: "\f050";
}

.wi-wu-chanceflurries:before {
  content: "\f064";
}

.wi-wu-chancerain:before {
  content: "\f019";
}

.wi-wu-chancesleat:before {
  content: "\f0b5";
}

.wi-wu-chancesnow:before {
  content: "\f01b";
}

.wi-wu-chancetstorms:before {
  content: "\f01e";
}

.wi-wu-clear:before {
  content: "\f00d";
}

.wi-wu-cloudy:before {
  content: "\f002";
}

.wi-wu-flurries:before {
  content: "\f064";
}

.wi-wu-hazy:before {
  content: "\f0b6";
}

.wi-wu-mostlycloudy:before {
  content: "\f002";
}

.wi-wu-mostlysunny:before {
  content: "\f00d";
}

.wi-wu-partlycloudy:before {
  content: "\f002";
}

.wi-wu-partlysunny:before {
  content: "\f00d";
}

.wi-wu-rain:before {
  content: "\f01a";
}

.wi-wu-sleat:before {
  content: "\f0b5";
}

.wi-wu-snow:before {
  content: "\f01b";
}

.wi-wu-sunny:before {
  content: "\f00d";
}

.wi-wu-tstorms:before {
  content: "\f01e";
}

.wi-wu-unknown:before {
  content: "\f00d";
}

/*--------------------------------------------------------------
## CSS Animations
## Usage:
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
Shorthand Version:
  animation: example 5s linear 2s infinite alternate;

## more: http://www.w3schools.com/css/css3_animations.asp
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Dauerhaft rotierend (z.B. Loader)
## Usage
## animation: circle_rotate 1.1s infinite linear;
--------------------------------------------------------------*/
@keyframes circle_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
## overflow verzögert anwenden
## Usage (7s ist das delay/ Verzögerung)
## animation: 7s delay_overflow_visible;
--------------------------------------------------------------*/
@keyframes delay_overflow_visible {
  from {
    overflow: visible;
  }
}
@keyframes delay_overflow_hidden {
  from {
    overflow: hidden;
  }
}
/*--------------------------------------------------------------
## visibility verzögert anwenden
## Usage (7s ist das delay/ Verzögerung)
## animation: 7s delay_visibility_visible;
--------------------------------------------------------------*/
@keyframes delay_visibility_visible {
  from {
    visibility: visible;
  }
}
@keyframes delay_visibility_hidden {
  from {
    visibility: hidden;
  }
}
/*--------------------------------------------------------------
## Shake
## animation: shake-little 100ms infinite ease-in-out;
--------------------------------------------------------------*/
@keyframes shake-little {
  2% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  4% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  8% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  10% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  12% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  14% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  16% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  18% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  20% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  24% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  30% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  32% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  34% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  36% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  38% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  40% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  42% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  44% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  46% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  50% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  52% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  54% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  56% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  58% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  60% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  62% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  64% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  66% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  68% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  70% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  72% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  74% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  76% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  78% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  80% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  82% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  84% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  86% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  88% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  90% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  92% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  94% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  96% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  98% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
}
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
  border: 1px solid #666666 !important;
  -webkit-text-fill-color: white !important;
  box-shadow: 0 0 0px 1000px #666666 inset !important;
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea {
  font-family: "Arial", sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 1rem;
  height: auto;
  color: #212121;
  max-width: 100%;
  padding: 10px;
  border: none;
  border-left: 5px solid #ededed;
  outline: none;
  opacity: 0.9;
  background-color: #ededed;
  transition: all 0.3s ease-out 0s;
}
[type=color] ::-moz-selection, [type=date] ::-moz-selection, [type=datetime] ::-moz-selection, [type=datetime-local] ::-moz-selection, [type=email] ::-moz-selection, [type=month] ::-moz-selection, [type=number] ::-moz-selection, [type=password] ::-moz-selection, [type=search] ::-moz-selection, [type=tel] ::-moz-selection, [type=text] ::-moz-selection, [type=time] ::-moz-selection, [type=url] ::-moz-selection, [type=week] ::-moz-selection, input:not([type]) ::-moz-selection, textarea ::-moz-selection {
  color: #fff;
  background-color: #000;
}
[type=color] ::selection, [type=date] ::selection, [type=datetime] ::selection, [type=datetime-local] ::selection, [type=email] ::selection, [type=month] ::selection, [type=number] ::selection, [type=password] ::selection, [type=search] ::selection, [type=tel] ::selection, [type=text] ::selection, [type=time] ::selection, [type=url] ::selection, [type=week] ::selection, input:not([type]) ::selection, textarea ::selection {
  color: #fff;
  background-color: #000;
}
[type=color]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=email]::-moz-placeholder, [type=month]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=week]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, input:not([type])::placeholder, textarea::placeholder {
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]:-moz-placeholder, [type=date]:-moz-placeholder, [type=datetime]:-moz-placeholder, [type=datetime-local]:-moz-placeholder, [type=email]:-moz-placeholder, [type=month]:-moz-placeholder, [type=number]:-moz-placeholder, [type=password]:-moz-placeholder, [type=search]:-moz-placeholder, [type=tel]:-moz-placeholder, [type=text]:-moz-placeholder, [type=time]:-moz-placeholder, [type=url]:-moz-placeholder, [type=week]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=email]::-moz-placeholder, [type=month]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=week]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
[type=color]::-moz-focus-inner, [type=date]::-moz-focus-inner, [type=datetime]::-moz-focus-inner, [type=datetime-local]::-moz-focus-inner, [type=email]::-moz-focus-inner, [type=month]::-moz-focus-inner, [type=number]::-moz-focus-inner, [type=password]::-moz-focus-inner, [type=search]::-moz-focus-inner, [type=tel]::-moz-focus-inner, [type=text]::-moz-focus-inner, [type=time]::-moz-focus-inner, [type=url]::-moz-focus-inner, [type=week]::-moz-focus-inner, input:not([type])::-moz-focus-inner, textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus {
  border-left-color: #ff8300;
  opacity: 0.9;
  outline: none;
  box-shadow: none;
}
[type=color]:focus::-moz-placeholder, [type=date]:focus::-moz-placeholder, [type=datetime]:focus::-moz-placeholder, [type=datetime-local]:focus::-moz-placeholder, [type=email]:focus::-moz-placeholder, [type=month]:focus::-moz-placeholder, [type=number]:focus::-moz-placeholder, [type=password]:focus::-moz-placeholder, [type=search]:focus::-moz-placeholder, [type=tel]:focus::-moz-placeholder, [type=text]:focus::-moz-placeholder, [type=time]:focus::-moz-placeholder, [type=url]:focus::-moz-placeholder, [type=week]:focus::-moz-placeholder, input:not([type]):focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0.5;
}
[type=color]:focus::placeholder, [type=date]:focus::placeholder, [type=datetime]:focus::placeholder, [type=datetime-local]:focus::placeholder, [type=email]:focus::placeholder, [type=month]:focus::placeholder, [type=number]:focus::placeholder, [type=password]:focus::placeholder, [type=search]:focus::placeholder, [type=tel]:focus::placeholder, [type=text]:focus::placeholder, [type=time]:focus::placeholder, [type=url]:focus::placeholder, [type=week]:focus::placeholder, input:not([type]):focus::placeholder, textarea:focus::placeholder {
  opacity: 0.5;
}
[type=color]:focus::-webkit-input-placeholder, [type=date]:focus::-webkit-input-placeholder, [type=datetime]:focus::-webkit-input-placeholder, [type=datetime-local]:focus::-webkit-input-placeholder, [type=email]:focus::-webkit-input-placeholder, [type=month]:focus::-webkit-input-placeholder, [type=number]:focus::-webkit-input-placeholder, [type=password]:focus::-webkit-input-placeholder, [type=search]:focus::-webkit-input-placeholder, [type=tel]:focus::-webkit-input-placeholder, [type=text]:focus::-webkit-input-placeholder, [type=time]:focus::-webkit-input-placeholder, [type=url]:focus::-webkit-input-placeholder, [type=week]:focus::-webkit-input-placeholder, input:not([type]):focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
[type=color]:focus:-moz-placeholder, [type=date]:focus:-moz-placeholder, [type=datetime]:focus:-moz-placeholder, [type=datetime-local]:focus:-moz-placeholder, [type=email]:focus:-moz-placeholder, [type=month]:focus:-moz-placeholder, [type=number]:focus:-moz-placeholder, [type=password]:focus:-moz-placeholder, [type=search]:focus:-moz-placeholder, [type=tel]:focus:-moz-placeholder, [type=text]:focus:-moz-placeholder, [type=time]:focus:-moz-placeholder, [type=url]:focus:-moz-placeholder, [type=week]:focus:-moz-placeholder, input:not([type]):focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0.5;
}
[type=color]:focus::-moz-placeholder, [type=date]:focus::-moz-placeholder, [type=datetime]:focus::-moz-placeholder, [type=datetime-local]:focus::-moz-placeholder, [type=email]:focus::-moz-placeholder, [type=month]:focus::-moz-placeholder, [type=number]:focus::-moz-placeholder, [type=password]:focus::-moz-placeholder, [type=search]:focus::-moz-placeholder, [type=tel]:focus::-moz-placeholder, [type=text]:focus::-moz-placeholder, [type=time]:focus::-moz-placeholder, [type=url]:focus::-moz-placeholder, [type=week]:focus::-moz-placeholder, input:not([type]):focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0.5;
}
[type=color]:focus:-ms-input-placeholder, [type=date]:focus:-ms-input-placeholder, [type=datetime]:focus:-ms-input-placeholder, [type=datetime-local]:focus:-ms-input-placeholder, [type=email]:focus:-ms-input-placeholder, [type=month]:focus:-ms-input-placeholder, [type=number]:focus:-ms-input-placeholder, [type=password]:focus:-ms-input-placeholder, [type=search]:focus:-ms-input-placeholder, [type=tel]:focus:-ms-input-placeholder, [type=text]:focus:-ms-input-placeholder, [type=time]:focus:-ms-input-placeholder, [type=url]:focus:-ms-input-placeholder, [type=week]:focus:-ms-input-placeholder, input:not([type]):focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0.5;
}

input[type=search] {
  font-family: "Arial", sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 1rem;
  height: auto;
  color: #212121;
  max-width: 100%;
  padding: 10px;
  border: none;
  border-left: 5px solid #ededed;
  outline: none;
  opacity: 0.9;
  background-color: #ededed;
  transition: all 0.3s ease-out 0s;
  -webkit-appearance: textfield;
}
input[type=search] ::-moz-selection {
  color: #fff;
  background-color: #000;
}
input[type=search] ::selection {
  color: #fff;
  background-color: #000;
}
input[type=search]::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]::placeholder {
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]:-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
input[type=search]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=search]:focus {
  border-left-color: #ff8300;
  opacity: 0.9;
  outline: none;
  box-shadow: none;
}
input[type=search]:focus::-moz-placeholder {
  opacity: 0.5;
}
input[type=search]:focus::placeholder {
  opacity: 0.5;
}
input[type=search]:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
input[type=search]:focus:-moz-placeholder {
  opacity: 0.5;
}
input[type=search]:focus::-moz-placeholder {
  opacity: 0.5;
}
input[type=search]:focus:-ms-input-placeholder {
  opacity: 0.5;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=search]::-webkit-search-cancel-button {
  filter: brightness(0) invert(1);
}

select {
  font-family: "Arial", sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 1rem;
  height: auto;
  color: #212121;
  max-width: 100%;
  padding: 10px;
  border: none;
  border-left: 5px solid #ededed;
  outline: none;
  opacity: 0.9;
  background-color: #ededed;
  transition: all 0.3s ease-out 0s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  padding-right: 30px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%3Cpath%20fill%3D%22currentColor%22%20style%3D%22opacity%3A0.8%3B%22%20d%3D%22M35.139%2C20.886c0%2C0.193-0.074%2C0.365-0.223%2C0.513L24.514%2C31.801c-0.149%2C0.149-0.32%2C0.224-0.514%2C0.224%20s-0.365-0.074-0.513-0.224L13.085%2C21.399c-0.149-0.148-0.223-0.32-0.223-0.513s0.074-0.365%2C0.223-0.514l1.116-1.116%20c0.148-0.148%2C0.32-0.223%2C0.513-0.223s0.365%2C0.075%2C0.514%2C0.223L24%2C28.029l8.772-8.773c0.148-0.148%2C0.319-0.223%2C0.514-0.223%20c0.192%2C0%2C0.364%2C0.075%2C0.513%2C0.223l1.117%2C1.116C35.064%2C20.521%2C35.139%2C20.693%2C35.139%2C20.886z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 24px auto;
}
select ::-moz-selection {
  color: #fff;
  background-color: #000;
}
select ::selection {
  color: #fff;
  background-color: #000;
}
select::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select::placeholder {
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select:-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
select::-moz-focus-inner {
  border: 0;
  padding: 0;
}
select:focus {
  border-left-color: #ff8300;
  opacity: 0.9;
  outline: none;
  box-shadow: none;
}
select:focus::-moz-placeholder {
  opacity: 0.5;
}
select:focus::placeholder {
  opacity: 0.5;
}
select:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
select:focus:-moz-placeholder {
  opacity: 0.5;
}
select:focus::-moz-placeholder {
  opacity: 0.5;
}
select:focus:-ms-input-placeholder {
  opacity: 0.5;
}
select::-ms-expand {
  display: none;
}
select option {
  border: none;
  outline: none;
}
select:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%3Cpath%20fill%3D%22currentColor%22%20style%3D%22opacity%3A1%3B%22%20d%3D%22M35.139%2C20.886c0%2C0.193-0.074%2C0.365-0.223%2C0.513L24.514%2C31.801c-0.149%2C0.149-0.32%2C0.224-0.514%2C0.224%20s-0.365-0.074-0.513-0.224L13.085%2C21.399c-0.149-0.148-0.223-0.32-0.223-0.513s0.074-0.365%2C0.223-0.514l1.116-1.116%20c0.148-0.148%2C0.32-0.223%2C0.513-0.223s0.365%2C0.075%2C0.514%2C0.223L24%2C28.029l8.772-8.773c0.148-0.148%2C0.319-0.223%2C0.514-0.223%20c0.192%2C0%2C0.364%2C0.075%2C0.513%2C0.223l1.117%2C1.116C35.064%2C20.521%2C35.139%2C20.693%2C35.139%2C20.886z%22%2F%3E%3C%2Fsvg%3E");
}

textarea {
  display: block;
  width: 100%;
  resize: none !important;
}

form {
  position: relative;
}
form .form-left, form .form-right {
  width: 48%;
}
form .form-left input, form .form-right input {
  width: 100%;
}
form .form-left {
  float: left;
}
form .form-right {
  float: right;
}
@media (max-width: 640px) {
  form .form-left, form .form-right {
    width: 100%;
    float: none !important;
  }
}

#message {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 0.625rem;
  text-align: center;
}
#message p {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
}
#message.success {
  background-color: #8fc041;
}
#message.updated {
  background-color: #000;
}
#message.error {
  background-color: #e57373;
}

.form-checkbox {
  position: relative;
  display: inline-block;
  width: 27px;
  margin: 2px 5px 2px 0;
}
.form-checkbox span {
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  width: inherit;
  margin: -9px 0 0 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  overflow: hidden;
}
.form-checkbox span:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  display: block;
  height: 16px;
  width: 16px;
  margin: -8px 0 0 0;
  background: #fff;
  z-index: 2;
  transition: all 0.2s ease-out 0s;
  border-radius: 50%;
}
.form-checkbox input[type=checkbox] {
  opacity: 0;
}
.form-checkbox input[type=checkbox]:checked + span {
  background-color: #000;
}
.form-checkbox input[type=checkbox]:checked + span:before {
  left: calc(100% - 17px);
}

.page-content form.acfe-form {
  width: 100%;
  max-width: 1280px;
  margin-inline: 0.625rem;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}
.page-content form.acfe-form .acf-form-fields {
  display: flex;
  gap: 0 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-content form.acfe-form .acf-form-fields .acf-field {
  width: 100%;
  flex-grow: 1;
}
.page-content form.acfe-form .acf-form-fields .acf-field.ff-50 {
  min-width: 48%;
  flex-basis: 300px;
}
.page-content form.acfe-form .acf-form-fields .acf-field .acf-true-false .form-checkbox {
  display: none;
}
.page-content form.acfe-form .acf-form-fields .acf-field .acf-true-false .acf-switch.-on {
  background-color: #ff8300;
  border-color: #e75127;
}
.page-content form.acfe-form .acf-form-fields .acf-field .acf-true-false .acf-switch.-on .acf-switch-on {
  text-shadow: 0 0 1px #e75127;
}
.page-content form.acfe-form .acf-form-fields .acf-field .acf-true-false .acf-switch.-on .acf-switch-slider {
  border-color: #e75127;
}

.mobile-menu-switcher {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1000px) {
  .mobile-menu-switcher {
    display: none;
  }
}
.mobile-menu-switcher span {
  display: block;
  height: 1px;
  position: absolute;
  left: 50%;
  background-color: #212121;
  transition: all 0.3s ease-out 0s;
  transform-origin: center;
  transform: translate(-15px, 0);
}
.mobile-menu-switcher span:nth-child(1) {
  width: 100%;
  top: calc(50% - 8px);
  transition-delay: 0s;
}
.mobile-menu-switcher span:nth-child(2) {
  width: 50%;
  top: 50%;
  transition-delay: 0.2s;
}
.mobile-menu-switcher span:nth-child(3) {
  width: 70%;
  top: calc(50% + 8px);
  transition-delay: 0.1s;
}
.mobile-menu-switcher.active span:nth-child(1), .mobile-menu-switcher.active span:nth-child(3) {
  top: 50%;
}
.mobile-menu-switcher.active span:nth-child(1) {
  width: 100%;
  transform: translate(-20px, 0) rotate(135deg);
  transition-delay: 0.1s;
}
.mobile-menu-switcher.active span:nth-child(2) {
  width: 0;
  transition-delay: 0s;
}
.mobile-menu-switcher.active span:nth-child(3) {
  width: 100%;
  transform: translate(-20px, 0) rotate(-135deg);
  transition-delay: 0.2s;
}

.scroll-to-top {
  color: #7eadca;
  display: block !important;
  width: 20px;
  height: 20px;
  border: 1.25rem solid currentColor;
  position: fixed !important;
  left: auto;
  right: -60px;
  bottom: 20px;
  background-color: currentColor;
  z-index: 99;
  transition: transform 0.3s ease 0s;
  transform-origin: right center;
  position: relative;
  display: inline-block;
}
.scroll-to-top:before, .scroll-to-top:after {
  left: 0px;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  padding-left: 100%;
  padding-top: 3px;
  background-color: #fff;
}
.scroll-to-top:before {
  left: -50%;
  top: 0;
  transform-origin: right top;
  transform: rotate(-45deg);
}
.scroll-to-top:after {
  left: 50%;
  top: 0;
  transform-origin: left top;
  transform: rotate(45deg);
}
.scroll-to-top.show {
  transform: translateX(-100%);
}
.scroll-to-top.show:hover {
  transform: translateX(-100%) scale(1.1);
}
@media (min-width: 800px) {
  .scroll-to-top {
    bottom: 20%;
  }
}

.termlist {
  display: flex;
  align-items: center;
  background-color: #ededed;
}
.termlist > * {
  display: block;
}
.termlist .termlist--label {
  font-family: "Arial", sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 1rem;
  height: auto;
  color: #212121;
  max-width: 100%;
  padding: 10px;
  border: none;
  border-left: 5px solid #ededed;
  outline: none;
  opacity: 0.9;
  background-color: #ededed;
  transition: all 0.3s ease-out 0s;
  font-weight: bold;
}
.termlist .termlist--label ::-moz-selection {
  color: #fff;
  background-color: #000;
}
.termlist .termlist--label ::selection {
  color: #fff;
  background-color: #000;
}
.termlist .termlist--label::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label::placeholder {
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label:-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label::-moz-placeholder {
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #000;
}
.termlist .termlist--label::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.termlist .termlist--label:focus {
  border-left-color: #ff8300;
  opacity: 0.9;
  outline: none;
  box-shadow: none;
}
.termlist .termlist--label:focus::-moz-placeholder {
  opacity: 0.5;
}
.termlist .termlist--label:focus::placeholder {
  opacity: 0.5;
}
.termlist .termlist--label:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
.termlist .termlist--label:focus:-moz-placeholder {
  opacity: 0.5;
}
.termlist .termlist--label:focus::-moz-placeholder {
  opacity: 0.5;
}
.termlist .termlist--label:focus:-ms-input-placeholder {
  opacity: 0.5;
}

.mimetype-icons a, .m-section .quicklink a, .attDetails .related-doc a {
  position: relative;
  display: inline-block;
  margin-left: 40px;
}
.mimetype-icons a::before, .m-section .quicklink a::before, .attDetails .related-doc a::before {
  position: absolute;
  left: -40px;
  content: "";
  background-repeat: no-repeat;
  background-size: 30px auto;
  width: 30px;
  height: 30px;
  background-image: url(img/weef.svg);
  transition: transform 250ms ease-in-out;
}
.mimetype-icons a:hover::before, .m-section .quicklink a:hover::before, .attDetails .related-doc a:hover::before {
  transform: scale(1.3) rotate(5deg);
}
.mimetype-icons [data-mimetype$=pdf]::before, .m-section .quicklink [data-mimetype$=pdf]::before, .attDetails .related-doc [data-mimetype$=pdf]::before {
  background-image: url(img/pdf.svg);
}
.mimetype-icons [data-mimetype$=doc]::before, .m-section .quicklink [data-mimetype$=doc]::before, .attDetails .related-doc [data-mimetype$=doc]::before,
.mimetype-icons [data-mimetype$=docx]::before,
.m-section .quicklink [data-mimetype$=docx]::before,
.attDetails .related-doc [data-mimetype$=docx]::before {
  background-image: url(img/doc.svg);
}
.mimetype-icons [data-mimetype$=ppt]::before, .m-section .quicklink [data-mimetype$=ppt]::before, .attDetails .related-doc [data-mimetype$=ppt]::before {
  background-image: url(img/ppt.svg);
}
.mimetype-icons.att-placeholder, .m-section .att-placeholder.quicklink, .attDetails .att-placeholder.related-doc {
  width: 250px;
  height: 250px;
}
.mimetype-icons.att-placeholder.pdf, .m-section .att-placeholder.pdf.quicklink, .attDetails .att-placeholder.pdf.related-doc {
  background-image: url(img/pdf.svg);
}
.mimetype-icons.att-placeholder.doc, .m-section .att-placeholder.doc.quicklink, .attDetails .att-placeholder.doc.related-doc, .mimetype-icons.att-placeholder.docx, .m-section .att-placeholder.docx.quicklink, .attDetails .att-placeholder.docx.related-doc {
  background-image: url(img/doc.svg);
}
.mimetype-icons.att-placeholder.ppt, .m-section .att-placeholder.ppt.quicklink, .attDetails .att-placeholder.ppt.related-doc {
  background-image: url(img/ppt.svg);
}

.meta {
  font-size: 0.8em;
  line-height: 2em;
  font-weight: 900;
}

.attDetails {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
}
.attDetails > * {
  margin-right: 50px;
  margin-bottom: 25px;
}
.attDetails .att-thumb {
  border: 1px solid #ddd;
}
.attDetails .related {
  flex-grow: 1;
  flex-basis: 350px;
}
.attDetails .related-docs {
  display: flex;
}
.attDetails .related-doc a {
  margin-bottom: 15px;
}

a.info {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.8em;
  line-height: 2em;
  font-weight: 900;
  color: #ff8300;
}
a.info:hover {
  color: #000;
}

/*--------------------------------------------------------------
## Menu Theme: Default
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## D E S K T O P
## Darstellung der Desktop Version
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## M O B I L E
## Darstellung der Mobilen Version
--------------------------------------------------------------*/
ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.menu li a {
  text-decoration: none;
}
ul.menu li[class^=icon-] a {
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  opacity: 0.8;
  transition: opacity 0.3s ease 0s;
}
ul.menu li[class^=icon-] a:hover {
  opacity: 1;
}
ul.menu li.icon-facebook a {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044.926%2044.926%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M39.661%2C0H5.265A5.271%2C5.271%2C0%2C0%2C0%2C0%2C5.265v34.4a5.271%2C5.271%2C0%2C0%2C0%2C5.265%2C5.265h34.4a5.271%2C5.271%2C0%2C0%2C0%2C5.265-5.265V5.265A5.271%2C5.271%2C0%2C0%2C0%2C39.661%2C0Zm1.755%2C39.661a1.757%2C1.757%2C0%2C0%2C1-1.755%2C1.755h-10v-14.3H35.08l.9-5.44H29.658V17.9a2.588%2C2.588%2C0%2C0%2C1%2C2.632-2.632h3.6V9.827h-3.6a8.071%2C8.071%2C0%2C0%2C0-8.071%2C8.088v3.758H18.953v5.44H24.22v14.3H5.265A1.757%2C1.757%2C0%2C0%2C1%2C3.51%2C39.661V5.265A1.757%2C1.757%2C0%2C0%2C1%2C5.265%2C3.51h34.4a1.757%2C1.757%2C0%2C0%2C1%2C1.755%2C1.755Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
}
ul.menu li.icon-instagram a {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044.926%2044.926%22%3E%3Cpath%20fill%3D%22%23fff%22%20class%3D%22cls-2%22%20d%3D%22M31.875%2C0H13.05A13.065%2C13.065%2C0%2C0%2C0%2C0%2C13.05V31.875a13.065%2C13.065%2C0%2C0%2C0%2C13.05%2C13.05H31.875a13.065%2C13.065%2C0%2C0%2C0%2C13.05-13.05V13.05A13.065%2C13.065%2C0%2C0%2C0%2C31.875%2C0Zm9.54%2C31.875a9.551%2C9.551%2C0%2C0%2C1-9.54%2C9.54H13.05a9.551%2C9.551%2C0%2C0%2C1-9.54-9.54V13.05a9.551%2C9.551%2C0%2C0%2C1%2C9.54-9.54H31.875a9.551%2C9.551%2C0%2C0%2C1%2C9.54%2C9.54Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20%20class%3D%22cls-2%22%20d%3D%22M130.109%2C118a12.109%2C12.109%2C0%2C1%2C0%2C12.109%2C12.109A12.122%2C12.122%2C0%2C0%2C0%2C130.109%2C118Zm0%2C20.708a8.6%2C8.6%2C0%2C1%2C1%2C8.6-8.6A8.609%2C8.609%2C0%2C0%2C1%2C130.109%2C138.708Z%22%20transform%3D%22translate%28-107.646%20-107.646%29%22%2F%3E%3Ccircle%20fill%3D%22%23fff%22%20class%3D%22cls-2%22%20cx%3D%221.755%22%20cy%3D%221.755%22%20r%3D%221.755%22%20transform%3D%22translate%2832.992%208.424%29%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
}
ul.menu li.icon-twitter a {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M459.37%20151.716c.325%204.548.325%209.097.325%2013.645%200%20138.72-105.583%20298.558-298.558%20298.558-59.452%200-114.68-17.219-161.137-47.106%208.447.974%2016.568%201.299%2025.34%201.299%2049.055%200%2094.213-16.568%20130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772%206.498.974%2012.995%201.624%2019.818%201.624%209.421%200%2018.843-1.3%2027.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969%207.797%2030.214%2012.67%2047.431%2013.319-28.264-18.843-46.781-51.005-46.781-87.391%200-19.492%205.197-37.36%2014.294-52.954%2051.655%2063.675%20129.3%20105.258%20216.365%20109.807-1.624-7.797-2.599-15.918-2.599-24.04%200-57.828%2046.782-104.934%20104.934-104.934%2030.213%200%2057.502%2012.67%2076.67%2033.137%2023.715-4.548%2046.456-13.32%2066.599-25.34-7.798%2024.366-24.366%2044.833-46.132%2057.827%2021.117-2.273%2041.584-8.122%2060.426-16.243-14.292%2020.791-32.161%2039.308-52.628%2054.253z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
}

#menu-primary {
  position: relative;
  position: relative;
}
#menu-primary ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 999;
}
#menu-primary ul li {
  color: inherit;
  position: relative;
}
#menu-primary ul li a {
  color: inherit;
  transition: all 0.3s ease-out 0s;
}
@media screen and (min-width: 1000px) {
  #menu-primary ul .submenu-toggle {
    display: none;
  }
  #menu-primary ul li ul li {
    position: relative;
    display: block;
    max-height: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(25px);
  }
  #menu-primary ul li ul li:nth-child(2) {
    transition-delay: 0.1s;
  }
  #menu-primary ul li ul li:nth-child(3) {
    transition-delay: 0.15s;
  }
  #menu-primary ul li ul li:nth-child(4) {
    transition-delay: 0.2s;
  }
  #menu-primary ul li ul li:nth-child(5) {
    transition-delay: 0.25s;
  }
  #menu-primary ul li ul li:nth-child(6) {
    transition-delay: 0.3s;
  }
  #menu-primary ul li ul li:nth-child(7) {
    transition-delay: 0.35s;
  }
  #menu-primary ul li ul li:nth-child(8) {
    transition-delay: 0.4s;
  }
  #menu-primary ul li ul li:nth-child(9) {
    transition-delay: 0.45s;
  }
  #menu-primary ul li ul li:nth-child(10) {
    transition-delay: 0.5s;
  }
  #menu-primary ul li ul li:nth-child(11) {
    transition-delay: 0.55s;
  }
  #menu-primary ul li ul li:nth-child(12) {
    transition-delay: 0.6s;
  }
  #menu-primary ul li ul li:nth-child(13) {
    transition-delay: 0.65s;
  }
  #menu-primary ul li ul li:nth-child(14) {
    transition-delay: 0.7s;
  }
  #menu-primary ul li ul li:nth-child(15) {
    transition-delay: 0.75s;
  }
  #menu-primary ul li ul li:nth-child(16) {
    transition-delay: 0.8s;
  }
  #menu-primary ul li ul li:nth-child(17) {
    transition-delay: 0.85s;
  }
  #menu-primary ul li ul li:nth-child(18) {
    transition-delay: 0.9s;
  }
  #menu-primary ul li ul li:nth-child(19) {
    transition-delay: 0.95s;
  }
  #menu-primary ul li ul li:nth-child(20) {
    transition-delay: 1s;
  }
  #menu-primary ul li ul li a {
    position: relative;
    color: #fff;
    display: block;
    padding: 15px 20px;
    border: none;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    white-space: nowrap;
  }
  #menu-primary ul li ul li a:hover {
    color: #fff;
  }
  #menu-primary ul li:hover > ul {
    overflow: visible;
    transition-delay: 0s;
  }
  #menu-primary ul li:hover > ul > li {
    max-height: 100px;
    transform: translateY(0px);
    opacity: 1;
  }
  #menu-primary > ul > li {
    position: relative;
    display: block;
  }
  #menu-primary > ul > li.menu-item-has-children > a:after {
    color: currentColor;
    margin-left: 5px;
  }
  #menu-primary > ul > li > a {
    display: block;
    transition: all 0.3s ease-out 0s;
  }
  #menu-primary > ul > li > a:hover {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  }
  #menu-primary > ul > li:last-child > ul {
    left: auto;
    right: 0;
  }
  #menu-primary > ul > li:last-child > ul > li:first-child::before {
    left: auto;
    right: 10px;
    margin: 0;
  }
  #menu-primary > ul > li > ul li.menu-item-has-children > a {
    display: block;
    position: relative;
    padding-right: 25px;
  }
  #menu-primary > ul > li > ul li.menu-item-has-children > a:after {
    line-height: inherit;
    font-size: inherit;
    color: currentColor;
    display: block;
    margin: 0 10px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  #menu-primary > ul > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 7px;
    overflow: hidden;
    transition: overflow 0s linear 1s;
    min-width: 100%;
  }
  #menu-primary > ul > li > ul > li {
    background-color: #000;
  }
  #menu-primary > ul > li > ul > li:first-child:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: auto;
    top: auto;
    bottom: 100%;
    width: 0;
    height: 0;
    margin: 0 0 0 30px;
    padding: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #000;
    transform: none;
  }
  #menu-primary > ul > li > ul > li:first-child:before {
    transition: all 0.3s ease-in-out 0s;
  }
  #menu-primary > ul > li > ul > li a:hover {
    background-color: black;
  }
  #menu-primary > ul > li > ul > li:hover:before {
    border-bottom-color: black;
  }
  #menu-primary > ul > li > ul > li ul {
    font-size: 90%;
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: 7px;
  }
  #menu-primary > ul > li > ul > li ul > li {
    max-height: 0;
    background-color: #000;
  }
  #menu-primary > ul > li > ul > li ul > li:first-child:before {
    content: "";
    position: absolute;
    display: block;
    left: auto;
    right: 100%;
    top: 0;
    bottom: auto;
    width: 0;
    height: 0;
    margin: 15px 0 0 0;
    padding: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid #000;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: none;
  }
  #menu-primary > ul > li > ul > li ul > li:first-child:before {
    transition: all 0.3s ease-in-out 0s;
  }
  #menu-primary > ul > li > ul > li ul > li:hover:before {
    border-right-color: black;
  }
  #menu-primary > ul > li.sub-menu-left > ul li.current-menu-ancestor > a:before, #menu-primary > ul > li.sub-menu-left > ul li.current-menu-item > a:before, #menu-primary > ul > li.sub-menu-left > ul li.current_page_ancestor > a:before, #menu-primary > ul > li.sub-menu-left > ul li.current_page_item > a:before, #menu-primary > ul > li:last-child > ul li.current-menu-ancestor > a:before, #menu-primary > ul > li:last-child > ul li.current-menu-item > a:before, #menu-primary > ul > li:last-child > ul li.current_page_ancestor > a:before, #menu-primary > ul > li:last-child > ul li.current_page_item > a:before {
    left: auto;
    right: 0;
  }
  #menu-primary > ul > li.sub-menu-left > ul li.menu-item-has-children > a, #menu-primary > ul > li:last-child > ul li.menu-item-has-children > a {
    padding-left: 25px;
    padding-right: 20px;
  }
  #menu-primary > ul > li.sub-menu-left > ul li.menu-item-has-children > a:after, #menu-primary > ul > li:last-child > ul li.menu-item-has-children > a:after {
    left: 0;
    right: auto;
  }
  #menu-primary > ul > li.sub-menu-left > ul > li ul, #menu-primary > ul > li:last-child > ul > li ul {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 7px;
  }
  #menu-primary > ul > li.sub-menu-left > ul > li ul > li:first-child:before, #menu-primary > ul > li:last-child > ul > li ul > li:first-child:before {
    content: "";
    position: absolute;
    display: block;
    left: 100%;
    right: auto;
    top: 0;
    bottom: auto;
    width: 0;
    height: 0;
    margin: 15px 0 0 0;
    padding: 0;
    border-left: 7px solid #000;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: none;
  }
  #menu-primary > ul > li.sub-menu-left > ul > li ul > li:first-child:before, #menu-primary > ul > li:last-child > ul > li ul > li:first-child:before {
    transition: all 0.3s ease-in-out 0s;
  }
  #menu-primary > ul > li.sub-menu-left > ul > li ul > li:hover:before, #menu-primary > ul > li:last-child > ul > li ul > li:hover:before {
    border-right-color: transparent;
    border-left-color: black;
  }
  #menu-primary > ul > li ul li.current-menu-ancestor > a:before, #menu-primary > ul > li ul li.current-menu-item > a:before, #menu-primary > ul > li ul li.current_page_ancestor > a:before, #menu-primary > ul > li ul li.current_page_item > a:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    margin: 0 9px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 5px white;
  }
}
@media (max-width: 1000px) {
  #menu-primary {
    box-sizing: border-box;
    height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-100px);
    transition: height 0s linear 0.5s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
  }
  #menu-primary.active {
    height: calc(100vh - 40px);
    padding: 40px 0 20px 0;
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0s, 0.3s;
  }
  #menu-primary > ul.menu {
    max-height: calc(100vh - 40px);
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #menu-primary ul.menu li {
    position: relative;
    padding: 0 40px;
  }
  #menu-primary ul.menu li.open {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.1);
  }
  #menu-primary ul.menu li.open > .submenu-toggle {
    top: 16px;
  }
  #menu-primary ul.menu > li {
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    display: block;
    margin: 10px 0;
  }
  #menu-primary ul.menu > li a {
    display: block;
    text-align: center;
  }
  #menu-primary ul.menu > li > a {
    text-transform: uppercase;
  }
  #menu-primary ul.menu ul.sub-menu li {
    font-size: 85%;
    position: relative;
    box-sizing: border-box;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100%;
    max-height: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(2) {
    transition-delay: 0.1s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(3) {
    transition-delay: 0.15s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(4) {
    transition-delay: 0.2s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(5) {
    transition-delay: 0.25s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(6) {
    transition-delay: 0.3s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(7) {
    transition-delay: 0.35s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(8) {
    transition-delay: 0.4s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(9) {
    transition-delay: 0.45s;
  }
  #menu-primary ul.menu ul.sub-menu li:nth-child(10) {
    transition-delay: 0.5s;
  }
  #menu-primary ul.menu ul.sub-menu.open > li {
    max-height: 100px;
    opacity: 1;
  }
  #menu-primary ul.menu ul.sub-menu.open > li.open {
    max-height: 1000px;
  }
}
#menu-primary .submenu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
  z-index: 1000;
  transition: transform 0.3s ease-in-out 0s;
}
#menu-primary .submenu-toggle:after {
  color: currentColor;
}
#menu-primary .submenu-toggle.open {
  transform: rotate(180deg);
}
#menu-primary > ul.menu {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#menu-primary > ul.menu > li {
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
#menu-primary > ul.menu > li > a {
  padding: 15px 10px;
}
#menu-primary > ul.menu > li:hover > a {
  text-shadow: 0 0 1px currentColor;
}

#menu-footer > ul.menu {
  text-align: center;
  margin: 0;
  padding: 0;
}
#menu-footer > ul.menu > li {
  display: inline-block;
  margin: 0 5px;
}

.site-header {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 10px 20px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #eee;
  transition: all 0.3s ease-out 0s;
}
.site-header #logo {
  position: relative;
  padding: var(--global-padding);
  overflow: visible;
}
.site-header #logo img {
  display: block;
  width: auto;
  height: clamp(1.25rem, 4vw, 3.75rem);
}
@media (max-width: 1000px) {
  .site-header #logo {
    order: 2;
  }
  .site-header #logo img {
    height: 30px;
  }
  .site-header.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    min-height: 30px;
    max-height: 200px;
    transition-delay: 0.3s;
  }
  .site-header.active.active {
    min-height: 100vh;
    max-height: 100vh;
    transition-delay: 0s;
  }
}
@media (min-width: 1000px) {
  .site-header {
    padding: 20px;
    align-items: flex-end;
  }
  .site-header #logo img {
    height: 60px;
  }
}

body.fixed-header .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  min-height: 30px;
  max-height: 200px;
  transition-delay: 0.3s;
}
body.fixed-header .site-header.active {
  min-height: 100vh;
  max-height: 100vh;
  transition-delay: 0s;
}
body.fixed-header.admin-bar .site-header {
  top: 32px;
}

#site-footer {
  box-sizing: border-box;
  padding: 20px;
  border-top: 1px solid #eee;
}

body.fixed-footer #site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
}

.content-styles, .page-content {
  font-size: 1.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.75rem 1.875rem;
}
.content-styles .wp-block, .page-content .wp-block {
  width: 100%;
  max-width: 1280px;
}
.content-styles > *, .page-content > * {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.content-styles > *.wp-block-group, .page-content > *.wp-block-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 1.25rem);
  padding: clamp(1.25rem, 2.7777777778vw, 3.125rem);
  border-radius: 5px;
  z-index: 1;
}
.content-styles > *.wp-block-group .wp-block-group__inner-container, .page-content > *.wp-block-group .wp-block-group__inner-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-styles .fullw, .page-content .fullw {
  max-width: none;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.content-styles h1, .page-content h1, .content-styles .h1, .page-content .h1, .content-styles h2, .page-content h2, .content-styles .h2, .page-content .h2, .content-styles h3, .page-content h3, .content-styles .h3, .page-content .h3, .content-styles h4, .page-content h4, .content-styles .h4, .page-content .h4, .content-styles h5, .page-content h5, .content-styles .h5, .page-content .h5, .content-styles h6, .page-content h6, .content-styles .h6, .page-content .h6 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 700px) {
  .content-styles h1, .page-content h1, .content-styles .h1, .page-content .h1, .content-styles h2, .page-content h2, .content-styles .h2, .page-content .h2, .content-styles h3, .page-content h3, .content-styles .h3, .page-content .h3, .content-styles h4, .page-content h4, .content-styles .h4, .page-content .h4, .content-styles h5, .page-content h5, .content-styles .h5, .page-content .h5, .content-styles h6, .page-content h6, .content-styles .h6, .page-content .h6 {
    -webkit-hyphens: auto;
            hyphens: auto;
    overflow: hidden;
  }
}
.content-styles img, .page-content img,
.content-styles svg,
.page-content svg,
.content-styles embed,
.page-content embed,
.content-styles iframe,
.page-content iframe,
.content-styles object,
.page-content object {
  max-width: 100% !important;
  height: auto;
}
.content-styles svg *, .page-content svg * {
  max-width: 100% !important;
}
.content-styles p, .page-content p,
.content-styles ul,
.page-content ul {
  line-height: 1.8;
  margin: 0 auto 1.25rem auto;
}
@media screen and (max-width: 600px) {
  .content-styles p, .page-content p,
  .content-styles ul,
  .page-content ul {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.content-styles ul, .page-content ul {
  text-align: left;
}
.content-styles form, .page-content form {
  max-width: 37.5rem;
}

body.headersize-full.headerimage-fixed .wp-block-group {
  margin-bottom: 3.75rem;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
          backdrop-filter: saturate(180%) blur(10px);
}

.page-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: fluidsize(10, 28);
  min-height: 12.5rem;
  background: #ededed;
  margin-bottom: 3.125rem;
}
.page-header > * {
  color: inherit;
}
.page-header .entry-title {
  margin: 0;
}

.entry-title {
  margin: 25px 0 50px;
}

.pyramide {
  position: relative;
  max-width: 810px;
}
.pyramide .pyramide_inner {
  background: url("img/dokumentenpyramide-2020.gif") center center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.pyramide svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.pyramide svg polygon {
  fill: #e75127;
  opacity: 0;
  cursor: pointer;
}
.prozess-svg {
  max-width: 1024px;
  margin-bottom: 3rem;
}
.prozess-svg svg a:hover {
  opacity: 0.8;
}

.pyramide-svg {
  max-width: 800px;
  margin-bottom: 3rem;
}
.pyramide-svg svg a:hover {
  opacity: 0.8;
}

.single-testing-equipment .te_details {
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .single-testing-equipment .te_details {
    flex-direction: column;
  }
}
.single-testing-equipment .te_details .left-col .status {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2rem;
}
.single-testing-equipment .te_details .left-col .status.red {
  background-color: rgb(255, 114, 114);
}
.single-testing-equipment .te_details .left-col .status.green {
  background-color: #84e291;
}
.single-testing-equipment .te_details .left-col .status.orange {
  background-color: #ffc000;
}
.single-testing-equipment .te_details .left-col qr-permalink {
  max-width: 250px;
  height: auto;
}
.single-testing-equipment .te_details .center-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.single-testing-equipment .te_details .center-col span.section-title {
  font-weight: 700;
  text-transform: uppercase;
}
.single-testing-equipment .te_details .center-col span.label {
  font-weight: 700;
  padding-left: 2re;
}
.single-testing-equipment .te_details .right-col {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-left: auto;
}
.single-testing-equipment .te_details .right-col span.label {
  font-weight: 700;
}
.single-testing-equipment .te_details .right-col .te_thumbnail {
  max-width: 250px;
  height: auto;
  border: 1px solid silver;
}
.single-testing-equipment .te_details .right-col ul.downloads {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.single-testing-equipment .te_details .right-col ul.downloads a li {
  line-height: 1.5rem;
}
.single-testing-equipment .te_details .right-col ul.downloads a:hover {
  color: rgb(255, 131, 0);
  text-decoration: underline;
}

/* -----------------------------------------------------------------
   Plugins
   -----------------------------------------------------------------*/
body ._brlbs-box-wrap .cookie-box #CookieBoxTextHeadline {
  white-space: nowrap;
}

body .acf-form .acf-fields > .acf-field {
  display: block !important;
  height: auto;
  padding: 0;
  padding-bottom: 1.875rem;
  overflow: hidden;
  border: none;
}
body .acf-form .acf-fields > .acf-field [type=color], body .acf-form .acf-fields > .acf-field [type=date], body .acf-form .acf-fields > .acf-field [type=datetime], body .acf-form .acf-fields > .acf-field [type=datetime-local], body .acf-form .acf-fields > .acf-field [type=email], body .acf-form .acf-fields > .acf-field [type=month], body .acf-form .acf-fields > .acf-field [type=number], body .acf-form .acf-fields > .acf-field [type=password], body .acf-form .acf-fields > .acf-field [type=search], body .acf-form .acf-fields > .acf-field [type=tel], body .acf-form .acf-fields > .acf-field [type=text], body .acf-form .acf-fields > .acf-field [type=time], body .acf-form .acf-fields > .acf-field [type=url], body .acf-form .acf-fields > .acf-field [type=week], body .acf-form .acf-fields > .acf-field input:not([type]), body .acf-form .acf-fields > .acf-field textarea, body .acf-form .acf-fields > .acf-field select {
  font-size: 1rem;
  padding: 0.75rem;
}
body .acf-form .acf-fields > .acf-field > * {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
body .acf-form .acf-fields > .acf-field > .acf-label label {
  text-transform: uppercase;
}
body .acf-form .acf-fields > .acf-field.acf-hidden {
  display: block !important;
  height: 0;
  padding: 0;
}
body .acf-form .acf-fields > .acf-field.acf-hidden > * {
  opacity: 0;
  transform: translateY(-10px);
}
body .acf-form .acf-required {
  font-size: 0.8em;
  color: #e57373;
  vertical-align: super;
  line-height: 0;
}
body .acf-form .flexarea textarea {
  transition: min-height 0.75s ease-in-out;
  min-height: 0.0625rem;
}
body .acf-form .flexarea textarea.expanded, body .acf-form .flexarea textarea:focus {
  min-height: 11.25rem;
}
body .acf-form .acf-form-submit {
  position: relative;
  display: inline-block;
}
body .acf-form .acf-form-submit .acf-spinner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 2;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath%20d%3D%22M1%2C10c0%2C4.967%204.033%2C9%209%2C9c4.967%2C0%209%2C-4.033%209%2C-9c0%2C-4.967%20-4.033%2C-9%20-9%2C-9l0%2C-1l0.065%2C0c5.489%2C0.035%209.935%2C4.502%209.935%2C10c0%2C5.519%20-4.481%2C10%20-10%2C10c-5.519%2C0%20-10%2C-4.481%20-10%2C-10l1%2C0Z%22%20style%3D%22fill%3A%23fff%3B%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2010%2010%3B360%2010%2010%22%20times%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
body .acf-form .acf-form-submit .acf-spinner.is-active {
  display: block;
}

/* -----------------------------------------------------------------
      Templates: archive, single, etc.
      -----------------------------------------------------------------*/
.post-type-archive {
  position: relative;
  left: -1.25rem;
  width: calc(100% + 2.5rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.5rem;
  width: calc(100% - 2.5rem);
  left: 1.25rem;
}
.post-type-archive else {
  width: 100%;
}
.post-type-archive > * {
  flex-basis: 20.625rem;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 1.25rem 2.5rem 1.25rem !important;
}
.post-type-archive > *.flex-column-fullw {
  flex-basis: calc(100% - 2.5rem);
}

.post-type-archive__post-meta {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}
.post-type-archive__post-meta > span {
  font-size: 0.8em;
  color: #fff;
  display: block;
  padding: 0.3125rem 0.625rem;
  background-color: #000;
}

.post-type-archive__post {
  color: #212121;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: none;
  min-height: 100%;
  padding: clamp(2.5rem, 4.4444444444vw, 5rem) clamp(1.25rem, 2.2222222222vw, 2.5rem);
  background-color: #ededed;
}
.post-type-archive__post > * {
  position: relative;
  z-index: 1;
}
.post-type-archive__post:hover .post-type-archive__post-image img {
  filter: blur(10px);
  transform: scale(1.1);
}

.post-type-archive__post-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
}

.more-link {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.0625rem;
  white-space: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.625rem 1.25rem;
  border: 0.125rem solid currentColor;
  border-radius: 0;
  box-shadow: none;
  outine: none;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
  color: #000;
  border-color: #000;
  background-color: #fff;
  margin-top: auto;
}
.more-link:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.more-link.inverse, .more-link.button-inverse, .wp-block-button.inverse .more-link.wp-block-button__link, .wp-block-button.button-inverse .more-link.wp-block-button__link {
  color: #000;
  border-color: #212121;
  background-color: #212121;
}
.more-link.inverse:hover, .more-link.button-inverse:hover, .wp-block-button.inverse .more-link.wp-block-button__link:hover, .wp-block-button.button-inverse .more-link.wp-block-button__link:hover {
  border-color: #212121;
  color: #212121;
  background-color: #000;
}
.more-link:focus {
  outline: none;
}
.more-link.dark {
  color: #fff;
}
.more-link.dark:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.more-link.big {
  font-size: 16px;
  line-height: 16px;
  padding: 7px 15px;
}
.more-link.small {
  font-size: 14px;
  line-height: 16px;
  padding: 7px 15px;
}

.post-type-archive__post-image {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 0;
  opacity: 0.5;
  overflow: hidden;
}
.post-type-archive__post-image img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: filter 5s ease-in-out 0s, transform 5s ease-in-out 0s;
}

.tax-archive {
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

.post-single-meta {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}
.post-single-meta > span {
  font-size: 0.8em;
  display: block;
  padding: 0.3125rem 0.625rem;
  background-color: #000;
}

/* -----------------------------------------------------------------
      Gutenberg Blöcke für das Frontend
      -----------------------------------------------------------------*/
.wp-block-columns {
  text-align: left;
  position: relative;
  left: -0.625rem;
  width: calc(100% + 1.25rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-block-columns else {
  width: 100%;
}
.wp-block-columns > * {
  flex-basis: 20.625rem;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 0.625rem 1.25rem 0.625rem !important;
}
.wp-block-columns > *.flex-column-fullw {
  flex-basis: calc(100% - 1.25rem);
}
.wp-block-columns .wp-block-column {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}
.wp-block-columns .wp-block-column .wp-block-image {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.wp-block-columns .wp-block-column p {
  width: 100%;
}
.wp-block-columns .wp-block-column .align-bottom {
  margin-top: auto !important;
}
.wp-block-columns.shadow .wp-block-column {
  padding: 1.25rem;
  box-shadow: 0 2px 10px 0 rgba(33, 74, 99, 0.1);
  border-bottom: 10px solid #000;
}

.wp-block-button {
  display: flex;
  justify-content: flex-start;
}
.wp-block-button.aligncenter {
  justify-content: center;
}
.wp-block-button.alignright {
  justify-content: flex-end;
}
.wp-block-button .wp-block-button__link {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.0625rem;
  white-space: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.625rem 1.25rem;
  border: 0.125rem solid currentColor;
  border-radius: 0;
  box-shadow: none;
  outine: none;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.wp-block-button .wp-block-button__link:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.wp-block-button .wp-block-button__link.inverse, .wp-block-button .wp-block-button__link.button-inverse, .wp-block-button.inverse .wp-block-button__link, .wp-block-button.button-inverse .wp-block-button__link {
  color: #000;
  border-color: #212121;
  background-color: #212121;
}
.wp-block-button .wp-block-button__link.inverse:hover, .wp-block-button .wp-block-button__link.button-inverse:hover, .wp-block-button.inverse .wp-block-button__link:hover, .wp-block-button.button-inverse .wp-block-button__link:hover {
  border-color: #212121;
  color: #212121;
  background-color: #000;
}
.wp-block-button .wp-block-button__link:focus {
  outline: none;
}
.wp-block-button .wp-block-button__link.dark {
  color: #fff;
}
.wp-block-button .wp-block-button__link.dark:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.wp-block-button .wp-block-button__link.big {
  font-size: 16px;
  line-height: 16px;
  padding: 7px 15px;
}
.wp-block-button .wp-block-button__link.small {
  font-size: 14px;
  line-height: 16px;
  padding: 7px 15px;
}
.wp-block-quote {
  margin: 0;
  padding: 10px 30px 10px 40px;
  position: relative;
  border: none;
  background-color: #fff;
}
.wp-block-quote:before, .wp-block-quote:after {
  font-family: Georgia, serif;
  font-size: 80px;
  color: #ccc;
  line-height: 0;
  position: absolute;
}
.wp-block-quote:before {
  content: "„";
  left: 7px;
  top: -7px;
}
.wp-block-quote:after {
  content: "‟";
  right: 7px;
  bottom: -3px;
}
.wp-block-quote cite {
  font-size: small;
}

.wp-block-separator {
  width: 30%;
  display: block;
  height: 1px;
  border: none;
  border-top: 3px solid #000;
}

.wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
}
@media (max-width: 1100px) {
  .wp-block-media-text.is-stacked-on-mobile {
    display: block;
  }
  .wp-block-media-text.is-stacked-on-mobile.is-image-fill figure.wp-block-media-text__media {
    height: auto;
  }
  .wp-block-media-text.is-stacked-on-mobile.is-image-fill figure.wp-block-media-text__media > img {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
    clip: none;
  }
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  order: 2;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  order: 1;
}
.wp-block-media-text .wp-block-media-text__media {
  margin: 0;
  padding: 0;
}
.wp-block-media-text .wp-block-media-text__media img {
  display: block;
  max-width: 100%;
  height: auto;
}
.wp-block-media-text .wp-block-media-text__content {
  padding-top: 8%;
  padding-bottom: 7%;
}

.wp-block-file {
  line-height: 2em;
}
.wp-block-file:not(.wp-element-button) {
  font-size: 1em !important;
}
.wp-block-file .wp-block-file__button {
  background-color: #000;
  color: #fff;
}

.block-cta {
  padding: 10px 25px;
  background-color: #fff;
}
.block-cta h2, .block-cta h3, .block-cta h4 {
  color: #000;
}
.block-cta * {
  color: inherit;
}

[class^=wp-block-] {
  margin-bottom: 1.875rem;
}
[class^=wp-block-]:last-child {
  margin-bottom: 0;
}

.lightbox-autobox {
  display: none !important;
}

.sm-lightbox {
  position: fixed;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
          backdrop-filter: saturate(180%) blur(10px);
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}

.sm-lightbox-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.close-on-click .sm-lightbox-inner {
  cursor: pointer;
}

.sm-lightbox-scrollwrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out 0s;
  transform: translateY(-40px);
}

.sm-lightbox-content {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 75rem;
  margin: 1.25rem;
  padding: clamp(1.25rem, 3.3333333333vw, 3.75rem) clamp(0.625rem, 2.2222222222vw, 2.5rem);
  background-color: #fff;
}
.close-on-click .sm-lightbox-content {
  cursor: initial;
}

.sm-lightbox-content-close-button-wrapper {
  text-align: center;
  margin: 1.875rem auto 0 auto;
}

.sm-lightbox-content-close-button {
  display: inline-block;
}

.sm-lightbox--close-button {
  color: #fff;
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  border: none;
  z-index: 9999;
  transition: transform 0.3s ease-in-out 0s;
}
.sm-lightbox--close-button::before, .sm-lightbox--close-button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  display: block;
  width: 2px;
  height: 100%;
  background: currentColor;
}
.sm-lightbox--close-button::before {
  transform: rotate(45deg);
}
.sm-lightbox--close-button::after {
  transform: rotate(-45deg);
}
.sm-lightbox--close-button:hover {
  transform: rotate(90deg);
}
.sm-lightbox-content .sm-lightbox--close-button {
  position: absolute;
  color: #000;
}

.home .m-hero {
  min-height: 400px;
}

.m-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  min-height: 200px;
  background: linear-gradient(rgb(255, 160.76, 61.2), #ff8300);
}
.m-hero > * {
  width: 100%;
  max-width: 800px;
}
.m-hero .term-selects-inner {
  position: relative;
  left: -0.625rem;
  width: calc(100% + 1.25rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.m-hero .term-selects-inner else {
  width: 100%;
}
.m-hero .term-selects-inner > * {
  flex-basis: 20.625rem;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 0.625rem 1.25rem 0.625rem !important;
}
.m-hero .term-selects-inner > *.flex-column-fullw {
  flex-basis: calc(100% - 1.25rem);
}
.m-hero .term-selects-inner .termlist-type-select select {
  width: 100%;
}
.m-hero .cool-search {
  width: 100%;
  position: relative;
}
.m-hero .cool-search .cool-search--bg {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  opacity: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s ease-out 0s, z-index 0s linear 0.6s;
}
.m-hero .cool-search .cool-search--form {
  position: relative;
  z-index: 111;
  display: flex;
  justify-content: space-between;
  background-color: #000;
}
.m-hero .cool-search .cool-search--form::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  display: block;
  width: calc(100% - 40px);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.m-hero .cool-search .cool-search-field {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.9);
  flex-grow: 1;
  padding: 16px;
  border: none;
  background-color: inherit;
}
.m-hero .cool-search .cool-search-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-field::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-field:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.m-hero .cool-search .cool-search-submit {
  color: #fff;
  background-color: inherit;
}
.m-hero .cool-search .cool-search-submit:hover {
  color: #000;
  background-color: #fff;
}
.m-hero .cool-search .cool-search-submit.show-result-count {
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
}
.m-hero .cool-search .cool-search--results {
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 60vh;
  padding: 0 20px;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-out 0.2s, max-height 0.3s ease-out 0.2s, padding 0.3s ease-out 0.2s, z-index 0s ease 0.5s;
}
.m-hero .cool-search .cool-search--result {
  color: inherit;
  max-height: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s, max-height 0.3s ease-out 0s, padding 0.3s ease-out 0s;
}
.m-hero .cool-search .cool-search--result.no-hit {
  max-height: 0;
  opacity: 0;
}
.m-hero .cool-search .cool-search--result a {
  color: inherit;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
}
.m-hero .cool-search .cool-search--result a:hover {
  color: #000;
  background-color: #fff;
}
.m-hero .cool-search .cool-search--result.focus a {
  color: #000;
  background-color: #fff;
}
.m-hero .cool-search .cool-search--results-found {
  display: block;
  text-align: right;
}
.m-hero .cool-search.result-list-open .cool-search--bg {
  opacity: 1;
  z-index: 100;
  transition-delay: 0s, 0s;
}
.m-hero .cool-search.result-list-open .cool-search--results {
  opacity: 1;
  padding: 20px 20px 10px 20px;
  border-bottom: 10px solid transparent;
  z-index: 999;
  transition-delay: 0s, 0s, 0s, 0s;
}
.m-hero .cool-search.result-list-open .cool-search--result {
  max-height: 40px;
  padding: 5px 0;
  opacity: 1;
}
.m-hero .cool-search.result-list-open .cool-search--result.no-hit {
  max-height: 0;
  padding: 0;
  opacity: 0;
}
.m-hero .times {
  position: absolute;
  bottom: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  max-width: 1000px;
}
.m-hero .times div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.m-section {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.m-section p {
  line-height: 1.5em;
}
.m-section .title {
  font-weight: 900;
  font-size: 1.375rem;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid black;
}
.m-section .description {
  width: 20%;
}
@media (max-width: 1280px) {
  .m-section .description {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .m-section .description {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .m-section .description {
    width: 100%;
    margin-bottom: 20px;
  }
}
.m-section .grid-container {
  --cols: 3;
  --gap: 20px;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1280px) {
  .m-section .grid-container {
    --cols: 2;
    width: 65%;
  }
}
@media (max-width: 1024px) {
  .m-section .grid-container {
    --cols: 1;
    --gap: 20px;
    width: 48%;
  }
}
@media (max-width: 767px) {
  .m-section .grid-container {
    --cols: 1;
    --gap: 20px;
    width: 100%;
  }
}
.m-section .grid-container .grid-item {
  width: calc(100% / var(--cols) - (var(--cols) - 1) * var(--gap) / var(--cols));
}
.m-section .grid-container .teaser {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: white;
  border-bottom: 20px solid var(--color);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  padding: 25px;
  transition: transform 500ms ease;
}
.m-section .grid-container .teaser span {
  font-family: "Avenir Next LT W01 Cond", sans-serif;
  position: absolute;
  inset: 50px 0 auto 0;
  font-weight: 900;
  text-align: center;
  line-height: 1em;
  font-size: 11.25rem;
  opacity: 0.07;
  z-index: 0;
}
.m-section .grid-container .teaser .teaser-content {
  z-index: 1;
}
.m-section .grid-container .teaser .teaser-content h3 {
  font-weight: 900;
  font-size: 1.375rem;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
  margin: 0 0 10px;
}
.m-section .grid-container .teaser a.boxlink {
  padding-top: 30px;
  margin-top: auto;
}
.m-section .grid-container .teaser::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 500ms ease;
}
.m-section .grid-container .teaser:hover {
  transform: translateY(-5px) scale(1.02);
}
.m-section .grid-container .teaser:hover::after {
  opacity: 1;
}
.m-section .quicklink {
  padding-bottom: 1rem;
}

/* STYLING FÜR DIE ERSTE SECTION NACH BLOG POSTS */
.grid-wrapper {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 3rem;
}
.grid-wrapper .m-section {
  flex-direction: column;
  gap: 2rem;
  justify-content: flex-start;
}
.grid-wrapper .m-section .title {
  margin-bottom: 0;
  margin-top: 0;
}
.grid-wrapper .m-section .description {
  width: 100%;
}
.grid-wrapper .m-section .grid-container {
  --cols: 2;
  --gap: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1024px) {
  .grid-wrapper .m-section .grid-container {
    --cols: 1;
  }
}
.grid-wrapper .m-section .grid-container .teaser {
  border-bottom: none;
  background-color: var(--color);
}
.grid-wrapper .m-section .grid-container .teaser span {
  display: none;
}
.grid-wrapper .m-section .grid-container .teaser .teaser-content h3 {
  color: white;
  font-size: 1.25rem;
  border-bottom: none;
  padding-bottom: 0;
  margin: 0;
}
.grid-wrapper .m-section .grid-container .teaser .teaser-content .text {
  display: none;
}

.m-tiles {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.m-tiles .title {
  font-weight: 900;
  font-size: 1.375rem;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid black;
}
.m-tiles .grid-container {
  --cols: 4;
  --gap: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1023px) {
  .m-tiles .grid-container {
    --cols: 2;
    --gap: 20px;
    width: 100%;
  }
}
.m-tiles .grid-container .grid-item {
  width: calc(100% / var(--cols) - (var(--cols) - 1) * var(--gap) / var(--cols));
}
.m-tiles .grid-container .tile {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--color);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  padding: 25px;
  transition: transform 500ms ease;
}
.m-tiles .grid-container .tile * {
  color: #fff;
  font-weight: 500;
}
.m-tiles .grid-container .tile::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 500ms ease;
}
.m-tiles .grid-container .tile:hover {
  transform: translateY(-5px) scale(1.02);
}
.m-tiles .grid-container .tile:hover::after {
  opacity: 1;
}

.m-doclist ul {
  list-style: none;
  padding-left: 10px;
}
.m-doclist ul h6 {
  margin: 0 0 1.5rem;
}
.m-doclist ul li + li {
  margin-top: 20px;
}
.m-doclist ul.latest-docs {
  background-color: rgba(255, 131, 0, 0.2);
  padding: 2rem;
  margin-bottom: 3rem;
}
.m-doclist + .m-doclist {
  margin-top: 50px;
}

#snowfall-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

#snowfall-container.hidden {
  display: none;
}

.snowflake {
  position: absolute;
  color: #000;
  /* text-shadow: 0 0 1px #000; */
  top: -20px;
  animation-name: fall, rotate;
  animation-timing-function: linear;
  animation-iteration-count: 1, infinite;
}

@keyframes fall {
  0% {
    top: -20px;
  }
  100% {
    top: 100vh;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* POST ARCHIVE */
.post-archive {
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.post-archive .post-content-wrapper {
  display: flex;
  gap: 2rem;
}
.post-archive .post-title {
  width: 100%;
  font-weight: 900;
  font-size: 1.375rem;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  margin-top: 0;
}
.post-archive .post-thumbnail a {
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.post-archive .post-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.post-archive .post-thumbnail img:hover {
  transform: scale(1.05);
}
.post-archive .read-more {
  font-weight: 900;
  position: relative;
}
.post-archive .read-more::after {
  content: " →";
  position: absolute;
  right: -25px;
  transition: all 0.3s ease;
  transform-origin: left center;
}
.post-archive .read-more:hover::after {
  transform: translateX(2px) scale(1.2);
}
.post-archive .archive-link-wrapper {
  width: 100%;
  background-color: #ff8300;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}
.post-archive .archive-link-wrapper a {
  position: relative;
  text-decoration: none;
  color: white;
  font-weight: 900;
  font-size: 1.125rem;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}
.post-archive .archive-link-wrapper a::after {
  content: " →";
  position: absolute;
  right: -25px;
  transition: all 0.3s ease;
  transform-origin: left center;
}
.post-archive .archive-link-wrapper a:hover::after {
  transform: translateX(2px) scale(1.2);
}

/* SINGLE POST */
.single-post .entry-header {
  margin-bottom: 2rem;
  padding: 1rem 0;
  border-bottom: 1px solid #eaeaea;
}
.single-post .entry-title {
  font-size: 3rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.2;
}
.single-post .entry-meta {
  font-size: 0.9rem;
  font-style: italic;
}
.single-post .entry-meta a {
  text-decoration: none;
  transition: color 0.3s ease;
}
.single-post .entry-meta a:hover {
  color: #ff8300;
}
.single-post .post-thumbnail {
  margin: 2rem 0;
  width: 100%;
  aspect-ratio: 21/9;
  overflow: hidden;
}
.single-post .post-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.single-post .entry-footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eaeaea;
  font-size: 0.9rem;
  color: #666;
}
.single-post .entry-footer .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-post .entry-footer .nav-links .nav-previous,
.single-post .entry-footer .nav-links .nav-archive,
.single-post .entry-footer .nav-links .nav-next {
  flex: 1;
  text-align: center;
}
.single-post .entry-footer .nav-links .nav-previous {
  text-align: left;
}
.single-post .entry-footer .nav-links .nav-next {
  text-align: right;
}
.single-post .entry-footer .nav-links .nav-subtitle {
  display: block;
  font-size: 0.8rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.single-post .entry-footer .nav-links .placeholder {
  color: #666;
  font-weight: 500;
}
.single-post .entry-footer .nav-links a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}
.single-post .entry-footer .nav-links a:hover {
  color: #ff8300;
}

body {
  --global-padding: fluidsize(10, 28);
  margin: 0;
}

#page {
  margin: 0 auto;
}

#main {
  box-sizing: border-box;
  padding: 0;
}

#site-content {
  padding: 0 0;
  background-color: #fff;
}

body.fixed-footer #site-content {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

/*# sourceMappingURL=style.css.map */