@charset "UTF-8";
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			main.less  
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ========================================================================== *\
   Base -> Reset ($base-reset)
\* ========================================================================== */
/**
 * `border-box`... ALL THE THINGS!
 *
 * @link http://cbrac.co/RQrDL5
 */
html {
  box-sizing: border-box;
}
/**
 * Inheriting the `box-sizing` property is a better practice.
 *
 * @link http://cbrac.co/1tqPFsy
 */
*,
*:before,
*:after {
  box-sizing: inherit;
}
/**
 * Remove margins, paddings, and borders from HTML elements.
 *
 * @link http://cbrac.co/1Ev9etR
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
}
/**
 * Remove default border for <iframe> elements.
 *
 * @link http://cbrac.co/1CVyNTj
 */
iframe {
  border: 0;
}
/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 *
 * It is okay to use `!important` here because we always want this rule to take
 * precedence.
 *
 * @link http://cbrac.co/1Evazku
 */
[tabindex="-1"]:focus {
  outline: none !important;
}
/*@import "./cardinal/base/root.less";*/
/* ========================================================================== *\
   Base -> Anchors ($base-anchors)
\* ========================================================================== */
a {
  text-decoration: underline;
  color: #385EE7;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/* ========================================================================== *\
   Base -> Headings ($base-headings)
\* ========================================================================== */
/**
 * NOTE: Use the `text-rendering` property with caution.
 *
 * @link http://cbrac.co/SJt8p1
 * @link http://cbrac.co/1Fjv7IR
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Funnel', Arial, sans-serif;
  font-weight: 700;
  color: #262626;
}
h1,
.h1 {
  /*px*/ font-size: 43px;
  /*rem*/ font-size: 2.6875rem;
}
h2,
.h2 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
h3,
.h3 {
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
}
h4,
.h4 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
h5,
.h5 {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
h6,
.h6 {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
/* ========================================================================== *\
   Base -> Horizontal Rules ($base-horizontal-rules)
\* ========================================================================== */
hr {
  display: block;
  padding: 0;
  border: 0;
  /*px*/ border-top: 1px solid #dedede;
  /*rem*/ border-top: 0.0625rem solid #dedede;
}
/* ========================================================================== *\
   Base -> Lists ($base-lists)
\* ========================================================================== */
/**
 * Set some basic styles for definition lists.
 */
dl dt {
  font-weight: 700;
  color: #222222;
}
dl dd {
  margin: 0;
}
/**
 * Reset the left margin for <ol> and <ul> elements.
 */
ol li,
ul li {
  /*px*/ margin-left: 24px;
  /*rem*/ margin-left: 1.5rem;
}
/**
 * Set nested `list-style` types for ordered lists.
 */
ol {
  list-style: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
/**
 * Remove `margin-bottom` on nested lists.
 */
ol ol,
ul ol,
ol ul,
ul ul {
  margin-bottom: 0;
}
/* ========================================================================== *\
   Base -> Print ($base-print)
\* ========================================================================== */
/**
 * Print styles extracted from HTML5-Boilerplate
 *
 * @link http://cbrac.co/1RvNULl
 */
@media print {
  /* 1. Black prints faster - http://cbrac.co/XvusCs */
  * {
    color: #000000 !important;
    /* 1 */
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 0.5cm;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* Don’t show links for images, or javascript/internal links */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  blockquote,
  pre {
    border: 1px solid #777777;
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  /* 1. http://cbrac.co/Q6s1o2 */
  thead {
    display: table-header-group;
    /* 1 */
  }
}
/* ========================================================================== *\
   Base -> Text Elements ($base-text-elements)
\* ========================================================================== */
/**
 * Add a help cursor to elements that need one.
 */
abbr,
acronym,
dfn[title] {
  cursor: help;
}
/**
 * Remove `text-decoration` on links inside <abbr> elements, since there are
 * already border styles on the <abbr> element.
 */
abbr a {
  text-decoration: none;
}
/**
 * Set <acronym> elements to be uppercase by default.
 */
acronym {
  text-transform: uppercase;
}
/**
 * Set some basic styles for <del> tags.
 */
del {
  font-style: italic;
  text-decoration: line-through;
  color: #777777;
}
/**
 * Give <details> elements a pointer cursor.
 */
details {
  cursor: pointer;
}
/**
 * Set some basic styles for definition lists.
 */
dl dt {
  font-weight: 700;
  color: #222222;
}
dl dd {
  margin: 0;
}
/**
 * Ensure commonly italicized elements are italicized.
 */
em,
i,
cite {
  font-style: italic;
}
/**
 * Address styling not present in IE9.
 */
ins,
mark {
  text-decoration: none;
  color: #222222;
  background: #ff9;
}
/* ========================================================================== *\
   Utilities -> Visually Hidden ($utilities-visually-hidden)
\* ========================================================================== */
/**
 * Hide only visually, but have it available for screenreaders.
 *
 * @link http://cbrac.co/TUcUgH
 */
.vh,
.site-startarticle .secondary-nav,
.art-page_not_found .secondary-nav,
.template-fullscreen-1-column .secondary-nav,
.template-2-col .secondary-nav,
.hide-breadcrumbs .secondary-nav,
.rex-listing.title-hide:not(.viewmode-fullcontent) .rex-header {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
/**
 * Extends the `.vh` class to allow the element to be focusable when navigated
 * to via the keyboard.
 *
 * @link http://cbrac.co/RR8gO6
 */
.vh.focusable:active,
.vh.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}
/* ========================================================================== *\
   Objects -> Lists ($objects-lists)
\* ========================================================================== */
/**
 * Bare Lists
 *
 * Use to remove default list styles from <ol> and <ul> elements.
 */
.list-bare {
  list-style: none;
}
.list-bare li {
  margin-left: 0;
}
/**
 * Reset Lists
 *
 * Use to remove all list styles from <ol> and <ul> elements.
 */
.list-reset,
.rex-footer ul li,
.breadcrumb li,
.rex-nav-pager ul,
.rex-nav-pager li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-reset li {
  margin-left: 0;
}
/**
 * Inline Lists
 *
 * Create inline-style list items with <ol> and <ul> elements.
 */
.list-inline {
  list-style: none;
  padding: 0;
}
.list-inline li {
  display: inline;
  margin-left: 0;
}
/**
 * Delimited lists
 * Hat tip to @csswizardry for the technique.
 *
 * @link http://cbrac.co/1RvOzMU
 */
.list-inline-delimited > li + li:before {
  content: ",\00A0";
}
/*
Title:			default mixins
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			lib-mixins.less
*/
.flex-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.full-width-modern {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.font-smoothing,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.no-select,
.logo,
.back-to-top,
.nav li,
.ocmenu-list li > a,
.ocmenu-list li > button,
.rex-nav-pagination .pagination li a,
.rex-accordion .tab-label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}
.rc,
.noimage {
  position: relative;
  display: block;
  overflow: hidden;
}
.rc:after,
.noimage:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
}
.rc > *,
.noimage > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.rc img,
.noimage img {
  height: auto !important;
  max-height: none;
}
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 0.4s ease-in;
}
.lazyloading + .cssload-container,
.lazyloading .pswp__preloader {
  opacity: 1 !important;
}
.lazyloaded + .cssload-container,
.lazyloaded > .pswp__preloader {
  opacity: 0 !important;
}
.cssload-container {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 25px !important;
  height: 25px !important;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.blur-up {
  filter: blur(4px);
  transition: filter 1s;
}
.blur-up.lazyloaded {
  filter: blur(0);
}
.no-js .lazyload {
  opacity: 1;
}
.no-js .blur-up {
  filter: none;
}
.absolute-center,
.ajaxForm .rex-yform.form-loading #loader p,
.rex-gallery .rc img,
.rex-gallery .noimage img {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-center,
.rex-btn > a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}
.horizontal-center,
.ajax-loader {
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			custom-properties.less  
*/
:root {
  --grid-gutter-width: 32px;
  --padding-base: 32px;
  --max-width: 1160px;
  /* Spacing */
  --spacing-base: 0.03em;
  --spacing-small: 0.01em;
  --spacing-wide: 0.08em;
  /* Colors */
  --color-background: #fff;
  --color-root-text: #262626;
  --color-gray: #848484;
  --color-gray-light: #ececec;
  --color-gray-lighter: #f1f1f1;
  --color-gray-dark: #505050;
  --color-gray-darker: #343434;
  --color-primary: #385EE7;
  --color-secondary: #C71E24;
  --color-hilite: #31971a;
  --color-error: #C71E24;
  --color-line: #dedede;
  --color-image-background: #f8f8f8;
  --color-navbar-background: #ffffff;
  /* Navigation */
  --color-nav: #262626;
  --color-nav-active: #262626;
  /* Overlay */
  --color-overlay: rgba(255, 255, 255, 0.55);
  /* Oc-Menu */
  --burger-color: #000000;
}
@media only screen and (max-width: 991px) {
  :root {
    --grid-gutter-width: 32px;
    --padding-base: 32px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --padding-base: 24px;
    --grid-gutter-width: 24px;
  }
}
@media only screen and (max-width: 539px) {
  :root {
    --padding-base: 20px;
  }
}
.template-1-col.narrow main.container,
.template-blog main.container {
  --max-width: 880px;
}
.template-landing-page {
  --color-line: #dedede;
}
.template-landing-page main.container {
  --max-width: 1060px;
}
.template-landing-page .rex-editor a:not(.btn) {
  text-decoration: underline !important;
}
.template-fullscreen-1-column {
  --burger-color: #ffffff;
}
.accordion-box {
  --grid-gutter-width: 48px;
}
@media only screen and (max-width: 539px) {
  .accordion-box {
    --grid-gutter-width: 24px;
  }
}
.image-icons {
  --grid-gutter-width: 24px;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			base.less  
*/
* {
  box-sizing: border-box;
}
body {
  background-color: var(--color-background);
  -webkit-tap-highlight-color: rgba(56, 94, 231, 0.5);
  overflow-x: hidden;
}
::-moz-selection {
  background: #f7a1a4;
}
::selection {
  background: #f7a1a4;
}
a {
  text-decoration: none;
}
a:hover {
  color: #112c8e;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
figure {
  margin-bottom: 0;
  position: relative;
}
.disable-scrolling {
  overflow: hidden;
}
.rex-editor a:not(.btn) {
  color: var(--color-primary);
  text-decoration: none;
}
.rex-editor a:not(.btn):hover,
.breadcrumb a:not(.btn):hover,
.rex-editor a:not(.btn):focus,
.breadcrumb a:not(.btn):focus {
  color: #112c8e !important;
  text-decoration: none;
}
#base {
  overflow: hidden;
  position: relative;
  min-height: 100vh;
}
.container {
  position: relative;
  margin: 0 auto;
  max-width: calc(var(--max-width) + var(--padding-base)*2);
  padding-left: var(--padding-base);
  padding-right: var(--padding-base);
}
.rex-secondary .rex-editor p {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
body:not(.sticky) main.container {
  padding-top: calc(2vw + 2vh + 2vmin);
}
.site-startarticle main.container {
  padding-top: 0 !important;
}
.art-404 h1 {
  font-size: calc(2vmin + 2vh + 1vw);
}
.art-404 .rex-editor {
  max-width: 640px;
  margin: 0 auto;
}
html:not(.template-fullscreen-1-column) body {
  background-image: url("../../../../media/optimized/site-background.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 539px) {
  html:not(.template-fullscreen-1-column) body {
    background-position: center 70px;
  }
}
.template-fullscreen-1-column {
  --color-navbar-background: rgba(0, 0, 0, 0.9);
}
.template-fullscreen-1-column .nav {
  --color-nav: #ffffff;
  --color-nav-active: #ffffff;
}
.template-2col #base,
.template-2-col-nav #base,
.template-blog #base,
.template-1-col #base {
  overflow: visible;
}
.template-2col main.container,
.template-2-col-nav main.container,
.template-blog main.container,
.template-1-col main.container {
  max-width: calc(var(--max-width) + var(--padding-base) * 2);
}
.template-2-col .col-2 .rex-primary {
  width: calc(2 / 5 * 100%);
}
.template-2-col .col-2 .rex-secondary {
  width: calc(3 / 5 * 100%);
}
.template-2-col .col-2 .rex-secondary {
  order: 2;
}
.hide-subnav .rex-secondary .nav {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.ajax-loader {
  top: 4em;
  width: 70px;
  height: 70px;
  display: none;
}
.ajax-loader .css-load-container {
  width: 100% !important;
  height: 100% !important;
}
.ajax-loader .ripple {
  border: 0.4rem solid #929292;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			colors.less  
*/
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			fonts.less  
*/
/*.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-Regular', 300, normal);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-Italic', 300, italic);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-Medium', 400, normal);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-MediumItalic', 400, italic);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-Bold', 700, normal);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-BoldItalic', 700, italic);
.font-face-woff2(Montserrat, ~'@{fontsIncludePath}/montserrat/Montserrat-Black', 900, normal);*/
/*.font-face-all(Charter, ~'@{fontsIncludePath}/charter/charter_regular-webfont', 400, normal);
.font-face-all(Charter, ~'@{fontsIncludePath}/charter/charter_italic-webfont', 400, italic);
.font-face-all(Charter, ~'@{fontsIncludePath}/charter/charter_bold-webfont', 700, normal);
.font-face-all(Charter, ~'@{fontsIncludePath}/charter/charter_bold_italic-webfont', 700, italic);*/
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-300italic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funnel";
  src: url("../fonts/funnel/funnel-sans-v3-latin-700italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			mixins.less  
*/
img.lazyload:not([src]) {
  visibility: hidden;
}
.lazyloaded {
  transition: opacity 1s;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-flow: column;
}
html:not(.touch) .full-width-modern {
  width: calc(100vw - 8px);
  width: 100dvw;
}
.font-normal {
  font-family: 'Funnel', Arial, sans-serif;
}
.font-serif {
  font-family: 'Funnel', Arial, serif;
}
.card-box,
.text-multicol .row .col > div,
.rex-listing.shadow-box .rex-item-container,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item-container {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 7px 25px 0 rgba(0, 0, 0, 0.03), 0 4px 12px 0 rgba(0, 0, 0, 0.03);
  transition-property: box-shadow, transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 1rem;
  height: 100%;
  overflow: hidden;
}
.card-box:hover,
.text-multicol .row .col > div:hover,
.rex-listing.shadow-box .rex-item-container:hover,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item-container:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 7px 25px 0 rgba(0, 0, 0, 0.03), 0 4px 30px rgba(0, 0, 0, 0.1);
}
hr {
  margin: 2em 0 !important;
  border-color: var(--color-line);
  border-style: solid;
}
.spacer-medium {
  height: 3rem;
}
@media only screen and (min-width: 540px) {
  .spacer-medium {
    height: 3.5rem;
  }
}
.spacer-small {
  height: 1.5rem;
}
@media only screen and (min-width: 540px) {
  .spacer-small {
    height: 2.5rem;
  }
}
.spacer-large {
  height: 4rem;
}
@media only screen and (min-width: 540px) {
  .spacer-large {
    height: 5rem;
  }
}
.rex-date time {
  font-weight: 300;
  color: #444444 !important;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
@keyframes animate-pop {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			sizes.less  
*/
/* Phone Mini */
/* Phone */
/* Small Tablet */
/* Desktop, Big Tablet */
/* Wide Desktop */
/* Large Desktop */
/* Huge Desktop */
/* IMac Desktop */
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			proj_variables.less  
*/
/* ========================================================================== *\
   Base -> Root ($base-root)
\* ========================================================================== */
/**
 * The <html> element.
 *
 * 1. Set the default `font-size` and `line-height` for the project based on
      variables set previously. The `font-size` is represented in `rem`s, and
      the `line-height` is represented as a unitless value.
*
 * 2. Force a vertical scrollbar.
 *
 *    @link http://cbrac.co/163MspB
 *
 * 3. Ensure the <html> element's `height` is at least the viewport height.
 *
 * NOTES:
 *
 * - Use `text-rendering` with caution.
 *
 *   @link http://cbrac.co/SJt8p1
 *
 * - Avoid the webkit anti-aliasing trap.
 *
 *   @link http://cbrac.co/TAdhbH
 *
 * - IE for Windows Phone 8 ignores `-ms-text-size-adjust` if the viewport
 *   <meta> tag is used.
 *
 *   @link http://cbrac.co/1cFrAvl
 */
html {
  font-family: 'Funnel', Arial, sans-serif;
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  line-height: 1.5;
  /* 1 */
  /*overflow-y: scroll;              /* 2 */
  height: 100%;
  /* 3 */
  background-color: #ffffff;
  color: #262626;
}
/**
 * The <body> element.
 *
 * 1. Ensure the <body> element's `min-height` is at least the viewport height.
 */
body {
  min-height: 100%;
  /* 1 */
}
/**
 * Set a consistent margin for common elements to maintain vertical rhythm.
 */
blockquote,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
hr,
menu,
ol,
p,
pre,
summary,
table,
ul {
  /*px*/ margin-bottom: 24px;
  /*rem*/ margin-bottom: 1.5rem;
}
/**
 * Add word wrapping and basic hyphenation to common elements.
 */
caption,
p,
table,
td,
textarea,
th {
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
/**
 * NOTE: Do not remove :focus styles! It’s an accessibility no-no.
 *
 * @link http://cbrac.co/1cNYD2l
 */
:focus {
  outline: 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			footer.less  
*/
.footer-background {
  width: 100%;
  padding: 3rem 0;
  background-color: var(--color-nav-active);
  color: rgba(255, 255, 255, 0.6);
}
.rex-footer {
  margin-top: 7rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .rex-footer {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 539px) {
  .rex-footer {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
.rex-footer a:not(.btn),
.rex-footer svg,
.rex-footer .form-check-label {
  color: rgba(255, 255, 255, 0.6);
}
.rex-footer a:hover,
.rex-footer a:hover svg {
  color: #ffffff !important;
}
.rex-footer h4 {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  margin: 0 0 0.2em;
}
.rex-footer .rex-footer-top {
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.6);
}
.rex-footer .rex-footer-top p {
  -webkit-hyphens: none;
          hyphens: none;
}
.rex-footer .rex-footer-top .row > .col {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .rex-footer .rex-footer-top .row > .col {
    width: 50%;
  }
}
.rex-footer .rex-footer-top .col > .row > .col {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .rex-footer .rex-footer-top .col > .row {
    margin: 0;
  }
  .rex-footer .rex-footer-top .main-col {
    margin: 1rem 0;
  }
}
.rex-footer .rex-footer-top a:not(.btn),
.rex-footer .rex-footer-top svg {
  color: rgba(255, 255, 255, 0.6);
}
.rex-footer .rex-doormat {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding-top: 2.25rem;
  letter-spacing: -0.01em;
}
.rex-footer .rex-doormat .rex-module-inner {
  justify-content: space-between;
  flex-flow: row nowrap;
}
@media only screen and (min-width: 992px) {
  .rex-footer .rex-doormat .rex-module-inner .rex-item {
    max-width: 320px;
  }
}
@media only screen and (max-width: 991px) {
  .rex-footer .rex-doormat .rex-module-inner {
    flex-flow: row wrap;
  }
  .rex-footer .rex-doormat .rex-module-inner .rex-item {
    width: calc(1/3 * 100%);
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .rex-footer .rex-doormat .rex-module-inner .rex-item {
    width: calc(1/2 * 100%);
  }
}
.rex-footer .rex-doormat ul {
  margin: 0;
}
.rex-footer .rex-doormat li + li {
  margin-top: 0.45em;
}
.rex-footer .rex-doormat .rex-icon a {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.rex-footer .rex-doormat .rex-icon a svg {
  margin-right: 8px;
}
.rex-footer .rex-navi-depth-1 > li > strong {
  font-weight: 700;
  color: #ffffff;
}
.rex-footer .rex-navi-depth-1 > li:not(.rex-link-external) > a {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  cursor: default;
  pointer-events: none;
}
.rex-footer .rex-navi-depth-1 .rex-link-group {
  font-weight: 700;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.6);
}
.rex-footer .rex-navi-depth-2 {
  margin-top: 0.85em !important;
}
.rex-footer .rex-byline {
  margin-top: 2rem;
  padding-top: 1rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.get-started__wrapper {
  margin: 2rem 0 5rem;
}
.get-started__content {
  background-color: var(--color-primary);
  border-radius: 8px;
  color: #ffffff;
  padding: 6rem 3rem 5rem 3rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 85%;
}
@media only screen and (max-width: 768px) {
  .get-started__content {
    padding: 3rem 1.5rem;
  }
}
.get-started__content strong {
  display: block;
  color: #ffffff;
  font-size: calc(3vh + 1vw + 1vmin);
  margin-bottom: 1rem;
  line-height: 1;
}
.get-started__content p {
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  max-width: 600px;
  margin: 0 auto 2rem;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.2;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			forms.less  
*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="datetime-local"],
textarea,
select {
  border: 1px solid #aaaaaa;
  color: #000000;
  height: 38px;
  padding: 0 12px;
  width: 100%;
  border-radius: 8px;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  background-color: #ffffff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="datetime-local"]:focus,
textarea:focus,
select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
input[type="checkbox"],
input[type="radio"] {
  display: grid;
  place-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  margin: 0 0.5em 0 0;
  font: inherit;
  color: currentColor;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  border: 0.12em solid #444444;
  transform: translateY(-0.075em);
}
input[type="checkbox"]:before,
input[type="radio"]:before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-primary);
}
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
  transform: scale(1);
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
}
input[type="radio"] {
  border-radius: 50%;
}
input[type="radio"]:before {
  border-radius: 50%;
}
input[type="checkbox"]:before {
  transform-origin: bottom left;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.form-check-label {
  display: block !important;
  font-size: 12px;
}
.form-check-group .radio + .radio,
.form-check-group .checkbox + .checkbox {
  margin-top: 1em;
}
.form-check-group .control-label {
  margin-bottom: 1.25em;
}
.radio label,
.checkbox label {
  display: flex;
  align-items: center;
  line-height: 1.3;
  cursor: pointer;
}
.radio-1-5-group {
  margin-top: 2rem;
}
.radio-1-5-group .form-check-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.radio-1-5-group .form-check-group .radio {
  margin: 0;
}
.radio-1-5-group .form-check-group .radio + .radio {
  margin-left: 1.5em;
}
.radio-1-5-group .form-check-group .control-label {
  flex: 1 0 100%;
}
legend + .radio-1-5-group {
  margin: 0;
}
[data-parsley-validate] input[type="text"],
[data-parsley-validate] input[type="email"],
[data-parsley-validate] input[type="password"] {
  padding-right: 32px;
}
.yform,
.rex-poll {
  padding: calc(var(--padding-base) / 1.5) var(--padding-base) var(--padding-base);
  background-color: var(--color-gray-lighter);
  border-radius: 12px;
  --grid-gutter-width: 16px;
}
.yform legend,
.rex-poll legend {
  font-weight: 700;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}
.yform hr,
.rex-poll hr {
  margin: 1rem 0 !important;
}
.yform .row,
.rex-poll .row {
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 768px) {
  .yform .row,
  .rex-poll .row {
    flex-flow: column;
  }
}
.yform .row > div,
.rex-poll .row > div {
  flex: 1 0 auto;
}
.yform.poll-notify,
.rex-poll.poll-notify {
  padding: 0;
}
.form-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.form-wrapper > div {
  flex: 1 0 auto;
}
.alert {
  color: var(--color-error);
}
.alert ul {
  margin-bottom: 0;
}
.alert li {
  color: var(--color-error);
  list-style-type: none;
  font-weight: 700;
  margin: 0;
  padding: 0;
  list-style: none;
}
.alert li li {
  margin-left: 0;
}
.form-group,
.form-check-group {
  padding: 0.35rem 0;
}
.form-group.form-submit,
.form-check-group.form-submit {
  padding-top: 1em;
  text-align: center;
}
.form-group.form-submit .btn,
.form-check-group.form-submit .btn {
  margin: 0 auto;
}
.form-group.form-submit .btn:after,
.form-check-group.form-submit .btn:after {
  display: none;
}
.form-group textarea,
.form-check-group textarea {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 8rem;
  max-height: 17vh;
  line-height: 1.4;
  max-width: 100%;
}
.form-group textarea[name="poll-comment"],
.form-check-group textarea[name="poll-comment"] {
  height: 4rem;
}
.control-label {
  font-weight: 400;
  font-size: 13px;
  display: block;
  margin-bottom: 0.3em;
}
button[type="submit"] {
  margin: 0 auto;
}
.yform .disabled,
.yform [disabled] {
  opacity: 0.3;
}
.form-group.checkbox,
.form-check.group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
#yform-formular-datum {
  display: none;
}
.yform {
  -webkit-hyphens: none;
          hyphens: none;
}
.yform .asterisk {
  color: var(--color-error);
}
.yform .alert {
  margin-bottom: 1rem;
}
.yform .alert ul {
  margin: 0;
}
.yform .has-error input[type="text"],
.yform .has-error input[type="email"],
.yform .has-error input[type="password"],
.yform .has-error input[type="checkbox"],
.yform .has-error select,
.yform .has-error textarea {
  border-color: var(--color-error);
}
.yform .has-error .control-label,
.yform .has-error .form-check-label {
  color: var(--color-error);
}
.yform .disabled,
.yform [disabled] {
  opacity: 1;
}
.yform .disabled + label,
.yform [disabled] + label {
  opacity: 1;
}
.ajaxForm {
  position: relative;
}
.ajaxForm .success {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ajaxForm .success .rex-module.rex-text-img {
  border: none;
  margin-bottom: 0;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .ajaxForm .success .rex-module.rex-text-img .rex-image {
    width: 50% !important;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.ajaxForm .rex-yform .ajax-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1rem;
  box-shadow: 0 0 0 0.12rem rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ajaxForm .rex-yform .ajax-wrapper p {
  -webkit-hyphens: none;
          hyphens: none;
}
.ajaxForm .rex-yform .ajax-wrapper > div:not(.cssload-container) {
  text-align: center;
  display: none;
}
.ajaxForm .rex-yform.form-loading #loader {
  opacity: 1;
  visibility: visible;
}
.ajaxForm .rex-yform.form-loading #loader p {
  margin-top: 40px;
  font-weight: 700;
}
.ajaxForm .rex-yform.form-success #message {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 1;
  visibility: visible;
}
.ajaxForm .rex-yform.form-success .success-message {
  display: block !important;
}
.ajaxForm .rex-yform.form-success .success-message .alert {
  border: none;
  box-shadow: none;
}
.ajaxForm .rex-yform.form-error #message {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 1;
  visibility: visible;
}
.ajaxForm .rex-yform.form-error.network .network-error {
  display: block !important;
}
::-webkit-input-placeholder {
  color: #aaaaaa;
  font-family: 'Funnel', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  /* Safari iOS needs this */
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
  font-size: 1rem;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
  font-size: 1rem;
}
input::-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
  font-size: 1rem;
}
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.4s 0.4s ease;
  transition: opacity 0.4s 0.4s ease;
  opacity: 0;
}
.newsletter-form {
  background-color: transparent;
  padding: 0;
}
.newsletter-form .form-check-label {
  display: inline-block;
}
.newsletter-form .form-wrapper,
.newsletter-form .form-group {
  margin-left: 0;
  margin-right: 0;
}
.newsletter-form .form-wrapper {
  flex-flow: row nowrap;
}
.newsletter-form .form-wrapper .form-group {
  margin-top: 0;
  padding: 0;
}
.newsletter-form .form-wrapper .control-label {
  display: none;
}
.newsletter-form .form-submit {
  flex: 0 0 auto;
}
.newsletter-form .formcheckbox {
  margin-top: 0.5rem;
  color: var(--color-gray-dark);
}
.newsletter-form .formcheckbox a {
  color: var(--color-primary) !important;
}
.newsletter-form input[type="email"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.newsletter-form .btn {
  background-color: var(--color-secondary);
  font-size: 16px !important;
  box-shadow: none;
  border: 1px solid var(--color-secondary);
  border-bottom: none !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 1.75em;
  height: 38px;
}
@media only screen and (max-width: 539px) {
  .newsletter-form .btn {
    font-size: 15px !important;
    padding: 0 1.2em;
  }
}
.newsletter-form .btn:hover,
.newsletter-form .btn:focus,
.newsletter-form .btn:active {
  background-color: #9b171c;
  border: 1px solid #9b171c;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			grid.less  
*/
.viewmode-grid .rex-module-inner,
.viewmode-grid .row {
  display: flex;
  flex-flow: row wrap;
}
.row,
.rex-text-img .rex-item-container,
.form-wrapper {
  display: flex;
  margin-left: calc(0px - var(--grid-gutter-width)/2);
  margin-right: calc(0px - var(--grid-gutter-width)/2);
}
.rex-primary > div,
.rex-secondary > div,
.event-list .rex-wrapper > div,
dl.rex-wrapper > dt,
dl.rex-wrapper > dd,
.col > div,
.form-wrapper > div,
.yform .row > .form-group {
  margin-left: calc(var(--grid-gutter-width)/2);
  margin-right: calc(var(--grid-gutter-width)/2);
}
.rex-primary {
  width: 100%;
}
.col-2 .rex-primary {
  width: calc((3 / 4) * 100%);
  order: 2;
}
.col-2 .rex-secondary {
  width: calc((1 / 4) * 100%);
  order: 1;
}
@media only screen and (max-width: 991px) {
  .row {
    flex-flow: row wrap;
  }
  .rex-primary,
  .rex-secondary,
  .col-2 .rex-primary {
    width: 100% !important;
  }
  .rex-secondary {
    padding-top: 2.5rem;
  }
}
.viewmode-grid .rex-module-inner,
.viewmode-masonry .rex-module-inner {
  margin-left: calc(0px - var(--grid-gutter-width)/2);
  margin-right: calc(0px - var(--grid-gutter-width)/2);
}
@media only screen and (max-width: 539px) {
  .viewmode-grid .rex-module-inner,
  .viewmode-masonry .rex-module-inner {
    margin-left: 0;
    margin-right: 0;
  }
}
.viewmode-grid .rex-item-container,
.viewmode-masonry .rex-item-container {
  margin-left: calc(var(--grid-gutter-width)/2);
  margin-right: calc(var(--grid-gutter-width)/2);
}
@media only screen and (max-width: 539px) {
  .viewmode-grid .rex-item-container,
  .viewmode-masonry .rex-item-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.rex-grid-6 .rex-item {
  width: 16.66666667%;
}
@media only screen and (max-width: 1060px) {
  .rex-grid-6 .rex-item {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 540px) {
  .rex-grid-6 .rex-item {
    width: calc(100% / 2);
  }
}
.rex-grid-5 .rex-item {
  width: 20%;
}
@media only screen and (max-width: 1060px) {
  .rex-grid-5 .rex-item {
    width: calc(100% / 4);
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-5 .rex-item {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 375px) {
  .rex-grid-5 .rex-item {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 0) {
  .rex-grid-5 .rex-item {
    width: 100%;
  }
}
.rex-grid-4 .rex-item {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .rex-grid-4 .rex-item {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-4 .rex-item {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 375px) {
  .rex-grid-4 .rex-item {
    width: 100%;
  }
}
.rex-grid-3 .rex-item {
  width: 33.33333333%;
}
@media only screen and (max-width: 767px) {
  .rex-grid-3 .rex-item {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 540px) {
  .rex-grid-3 .rex-item {
    width: 100%;
  }
}
.rex-grid-2 .rex-item {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .rex-grid-2 .rex-item {
    width: 100%;
  }
}
.rex-grid-1 .rex-item {
  width: 100%;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			header.less  
*/
.main-header {
  position: relative;
  z-index: 1000;
}
.main-header .container {
  position: static;
  margin: 0 auto;
  padding-top: 1.25em;
  padding-bottom: 1.2em;
  transition: padding 0.25s ease;
  --max-width: 1360px;
}
.main-header .row {
  align-items: center;
  margin: 0;
}
.template-fullscreen-1-column .main-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.header-wrapper {
  background-color: var(--color-navbar-background);
  transition-duration: 125ms;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: background-color, opacity, visibility;
}
.header-fixed {
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: visible;
  position: fixed;
}
.nav-container {
  margin: 0.2em 0 0 0.5em;
}
@media only screen and (max-width: 1151px) {
  .nav-container {
    display: none;
  }
}
.logo-container {
  position: relative;
  height: auto;
  display: flex;
  top: -0.15em;
}
.logo-container > div {
  width: 152px;
  transition: width 0.2s ease-out, padding 0.2s ease-out;
}
.logo {
  width: 100%;
  display: block;
  background-image: url("../images/rz5-logo_eyebase-white.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.logo img {
  width: 100%;
  height: auto;
  display: block;
}
.template-fullscreen-1-column .logo img {
  visibility: hidden;
}
.meta-container {
  flex: 1 0 auto;
}
.meta-container > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 1151px) {
  .meta-container {
    padding-right: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .meta-container {
    display: none;
  }
}
.meta-container .btn:first-of-type {
  margin-left: calc(var(--grid-gutter-width) / 1.25);
}
.meta-container .btn-inverted {
  margin-left: calc(var(--grid-gutter-width) / 2);
}
@media screen and (max-width: 1280px) {
  .meta-container .btn-inverted {
    display: none;
  }
}
body.sticky .header-fixed,
.show-search .main-header {
  position: fixed;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
body.sticky .header-fixed #nav-main .level-2,
.show-search .main-header #nav-main .level-2 {
  display: none;
}
body.sticky .header-fixed .container,
.show-search .main-header .container {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  body.sticky .header-fixed .container,
  .show-search .main-header .container {
    padding-top: calc(var(--grid-gutter-width)/2);
    padding-bottom: calc(var(--grid-gutter-width)/2);
  }
}
body.sticky .header-fixed .logo-container > div,
.show-search .main-header .logo-container > div {
  width: 186px;
  padding-left: 30px;
  padding-right: 30px;
}
body.sticky .header-fixed .logo-container > div p,
.show-search .main-header .logo-container > div p {
  display: none;
}
@media only screen and (max-width: 539px) {
  body.sticky .header-fixed .logo-container > div,
  .show-search .main-header .logo-container > div {
    width: 130px;
  }
}
.nav_toggle.toggle-ocmenu {
  display: inline-block;
  width: auto !important;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 101;
  cursor: pointer;
  transform: translateY(-50%);
  margin: 0 !important;
  right: var(--padding-base);
}
.nav_toggle.toggle-ocmenu .icon {
  display: none;
  width: 34px;
  height: 34px;
}
.nav_toggle.toggle-ocmenu .bar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 22px;
  width: 32px;
  margin: 0;
  cursor: pointer;
  transition: all 0.5s 0s;
}
@media only screen and (max-width: 768px) {
  .nav_toggle.toggle-ocmenu .bar {
    width: 32px;
    height: 23px;
  }
}
.nav_toggle.toggle-ocmenu .bar:before,
.nav_toggle.toggle-ocmenu .bar:after,
.nav_toggle.toggle-ocmenu .bar span {
  position: absolute;
  display: block;
  background-color: var(--burger-color);
  content: '';
  height: 2px;
  left: 0;
  top: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .nav_toggle.toggle-ocmenu .bar:before,
  .nav_toggle.toggle-ocmenu .bar:after,
  .nav_toggle.toggle-ocmenu .bar span {
    height: 2px;
  }
}
.nav_toggle.toggle-ocmenu .bar:before {
  top: 0;
  transition: all 0.3s 0.3s, transform 0.3s 0s;
  width: 100%;
}
.nav_toggle.toggle-ocmenu .bar span {
  top: 50%;
  margin-top: -1px;
  width: 75%;
  right: 0;
  left: auto;
}
.nav_toggle.toggle-ocmenu .bar:after {
  top: auto;
  bottom: 0;
  transition: all 0.3s 0.3s, transform 0.3s 0s;
  width: 100%;
}
@media only screen and (min-width: 1152px) {
  .nav_toggle.toggle-ocmenu {
    display: none;
  }
}
.ocmenu-open .nav_toggle.toggle-ocmenu .label {
  color: var(--burger-color) !important;
}
.ocmenu-open .nav_toggle.toggle-ocmenu .bar {
  transform: rotate(135deg);
  transition: all 0.5s 0.3s;
}
.ocmenu-open .nav_toggle.toggle-ocmenu .bar:before {
  background-color: var(--burger-color) !important;
  top: 50%;
  margin-top: -1px;
  transform: rotate(90deg);
  transition: all 0.3s, transform 0.3s 0.3s;
  width: 100%;
}
.ocmenu-open .nav_toggle.toggle-ocmenu .bar span {
  opacity: 0;
  transition: all 0.3s, opacity 0.3s 0s;
}
.ocmenu-open .nav_toggle.toggle-ocmenu .bar:after {
  background-color: var(--burger-color) !important;
  bottom: 50%;
  margin-bottom: -1px;
  transform: rotate(0deg);
  transition: all 0.3s, transform 0.3s 0.3s;
  width: 100%;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			headings.less  
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #262626;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.12;
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 539px) {
  h1 {
    -webkit-hyphens: auto;
            hyphens: auto;
    /*px*/ font-size: 36px;
    /*rem*/ font-size: 2.25rem;
  }
}
@media only screen and (max-width: 539px) {
  h2 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
  }
}
.rex-module.rex-header {
  margin-bottom: 1.5rem;
}
.rex-module.rex-header h1,
.rex-module.rex-header h2,
.rex-module.rex-header h3 {
  margin: 0;
}
.d-flex {
  display: flex;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			image-ratios.less  
*/
.special_srcset_ratio_16_9 .img-landscape .rc,
.special_srcset_ratio_16_9 .img-landscape .noimage {
  /* 0.5625 */
  padding-bottom: 56.25% !important;
}
.special_srcset_ratio_16_9 .img-portrait .rc,
.special_srcset_ratio_16_9 .img-portrait .noimage {
  /* 0.5625 */
  padding-bottom: 56.25% !important;
}
.special_srcset_ratio_2_3 .img-landscape .rc,
.special_srcset_ratio_2_3 .img-landscape .noimage {
  /* 1.5 */
  padding-bottom: 150% !important;
}
.special_srcset_ratio_2_3 .img-portrait .rc,
.special_srcset_ratio_2_3 .img-portrait .noimage {
  /* 1.5 */
  padding-bottom: 150% !important;
}
.special_srcset_ratio_3_2 .img-landscape .rc,
.special_srcset_ratio_3_2 .img-landscape .noimage {
  /* 0.6666 */
  padding-bottom: 66.66666667% !important;
}
.special_srcset_ratio_3_2 .img-portrait .rc,
.special_srcset_ratio_3_2 .img-portrait .noimage {
  /* 0.6666 */
  padding-bottom: 66.66666667% !important;
}
.special_srcset_ratio_3_4 .img-landscape .rc,
.special_srcset_ratio_3_4 .img-landscape .noimage {
  /* 1.333333 */
  padding-bottom: 133.33333333% !important;
}
.special_srcset_ratio_3_4 .img-portrait .rc,
.special_srcset_ratio_3_4 .img-portrait .noimage {
  /* 1.333333 */
  padding-bottom: 133.33333333% !important;
}
.special_srcset_ratio_4_3 .img-landscape .rc,
.special_srcset_ratio_4_3 .img-landscape .noimage {
  /* 0.75 */
  padding-bottom: 75% !important;
}
.special_srcset_ratio_4_3 .img-portrait .rc,
.special_srcset_ratio_4_3 .img-portrait .noimage {
  /* 0.75 */
  padding-bottom: 75% !important;
}
.special_srcset_ratio_2_1 .img-landscape .rc,
.special_srcset_ratio_2_1 .img-portrait .rc,
.special_srcset_ratio_2_1 .img-landscape .noimage,
.special_srcset_ratio_2_1 .img-portrait .noimage {
  padding-bottom: 50% !important;
}
.special_srcset_ratio_1_1 .img-landscape .rc,
.special_srcset_ratio_1_1 .img-portrait .rc,
.special_srcset_ratio_1_1 .no-image .rc,
.special_srcset_ratio_1_1 .img-landscape .noimage,
.special_srcset_ratio_1_1 .img-portrait .noimage,
.special_srcset_ratio_1_1 .no-image .noimage,
.special_srcset_ratio_1_1 .img-landscape .noimage,
.special_srcset_ratio_1_1 .img-portrait .noimage,
.special_srcset_ratio_1_1 .no-image .noimage {
  padding-bottom: 100% !important;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			text-elements.less  
*/
figure {
  margin: 0;
}
address {
  font-style: normal;
  color: var(--color-root-text);
  margin-bottom: 1rem;
}
.rex-editor {
  line-height: 1.45;
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
@media only screen and (max-width: 539px) {
  .rex-editor {
    line-height: 1.4;
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.rex-description {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  color: var(--color-gray-darker);
  line-height: 1.3;
  font-weight: 300;
}
.template-blog .rex-description {
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
  font-weight: 400;
}
blockquote {
  font-weight: 400;
  text-align: left;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  border-left: 5px solid var(--color-primary);
  padding: 0.5em 0 0.5em 1.15em;
  line-height: 1.33;
}
blockquote p.author {
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  margin: 0;
}
blockquote p:not(.author) {
  -webkit-hyphens: none;
          hyphens: none;
}
blockquote p:not(.author):before {
  content: "“";
  margin-right: 0.1em;
}
blockquote p:not(.author):after {
  content: "”";
  margin-left: 0.1em;
}
.rex-editor {
  font-family: Funnel, Arial, sans-serif;
}
.rex-editor .btn {
  margin-top: 0.75rem;
}
.rex-editor .btn + .btn {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 539px) {
  .rex-editor .btn + .btn {
    margin: 1.25rem 0 0.25rem 0;
  }
}
.rex-editor h2,
.rex-editor h3 {
  margin-bottom: 1.2rem;
}
.rex-editor h2 + h3 {
  margin-bottom: 1.5rem;
}
.rex-editor img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
.rex-editor caption,
.rex-editor p,
.rex-editor table,
.rex-editor td,
.rex-editor textarea,
.rex-editor th {
  -webkit-hyphens: none;
          hyphens: none;
}
.rex-editor p {
  margin-bottom: 1.2em;
}
.rex-editor p > img {
  margin-top: 0.5em;
}
.rex-editor ul {
  margin: 1em 0 1.5em 0;
  padding-left: 1.4em;
  list-style-position: outside;
}
.rex-editor ul > li {
  margin: 0 0 0.75em;
  position: relative;
  list-style-type: disc;
}
.rex-editor ul.list-checkmark {
  margin-left: 0;
  padding-left: 0;
}
.rex-editor ul.list-checkmark li {
  list-style-type: none;
  position: relative;
  padding-left: 1.65rem;
}
.rex-editor ul.list-checkmark li:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: currentColor;
  left: 0;
  top: 0.3em;
  width: 17px;
  height: 17px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.084 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16m7.412 11.574-7.664 11.714q-.005.003-.006.006c-.04.06-.062.128-.112.184-.07.076-.16.116-.24.174q-.03.022-.062.044-.184.115-.392.164c-.046.012-.088.024-.136.032a1.4 1.4 0 0 1-.336.004 1.3 1.3 0 0 1-.234-.036 1.4 1.4 0 0 1-.23-.092c-.064-.03-.132-.038-.192-.076-.044-.028-.068-.072-.106-.106-.016-.014-.036-.018-.052-.032l-4.462-4.126a1.4 1.4 0 0 1 1.9-2.056l3.23 2.988 6.75-10.318a1.4 1.4 0 1 1 2.344 1.532"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.084 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16m7.412 11.574-7.664 11.714q-.005.003-.006.006c-.04.06-.062.128-.112.184-.07.076-.16.116-.24.174q-.03.022-.062.044-.184.115-.392.164c-.046.012-.088.024-.136.032a1.4 1.4 0 0 1-.336.004 1.3 1.3 0 0 1-.234-.036 1.4 1.4 0 0 1-.23-.092c-.064-.03-.132-.038-.192-.076-.044-.028-.068-.072-.106-.106-.016-.014-.036-.018-.052-.032l-4.462-4.126a1.4 1.4 0 0 1 1.9-2.056l3.23 2.988 6.75-10.318a1.4 1.4 0 1 1 2.344 1.532"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
.rex-editor :last-child {
  margin-bottom: 0 !important;
}
.rex-editor p + table,
.rex-editor p + h1,
.rex-editor p + h2,
.rex-editor p + h3,
.rex-editor ul + h2,
.rex-editor ul + h3,
.rex-editor p + ul,
.rex-editor h3 + ul,
.rex-editor h3 + ol {
  margin-top: 2rem;
}
.rex-editor p + ul {
  margin-top: 0;
}
.rex-editor img[style="float:left"] {
  width: calc(1/4 * 100%);
  margin: 0 1.25em 1em 0;
}
.rex-editor table td {
  padding: 0.35em 0.5em;
}
.rex-editor table tr > td:first-child {
  padding-left: 0;
}
.rex-editor table tr > td:last-child {
  padding-right: 0;
}
.rex-editor ol {
  list-style-type: none;
  counter-reset: eye;
}
.rex-editor ol li {
  list-style-type: none !important;
  counter-increment: eye;
  position: relative;
  margin: 0.2em 0 1em 32px;
}
.rex-editor ol li:before {
  content: counter(eye);
  background-color: #262626;
  color: #ffffff;
  font-weight: 700;
  display: inline-flex;
  font-size: 13px;
  width: 23px;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  border-radius: 50%;
  position: absolute;
  left: -32px;
}
.rex-editor mark {
  background: #ff0;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.rex-editor.hyphens caption,
.rex-editor.hyphens p,
.rex-editor.hyphens table,
.rex-editor.hyphens td,
.rex-editor.hyphens textarea,
.rex-editor.hyphens th {
  word-break: keep-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.rex-editor .text-big,
.rex-editor .text-huge {
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
  line-height: 1.35;
}
.rex-editor .text-small {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.rex-editor .text-tiny {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.module-wrapper.txt-sm .rex-editor {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
mark.pen-red {
  display: inline-block;
  background: transparent;
  border-radius: 1rem;
  border: 1px solid rgba(199, 30, 36, 0.5);
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.rex-cols-2 .rex-editor h3 {
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  text-decoration: underline;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .cols-2 {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: var(--grid-gutter-width);
         column-gap: var(--grid-gutter-width);
    page-break-inside: avoid;
    orphans: 2;
    widows: 2;
  }
  .rex-cols-2 .rex-editor {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-cols-2 .rex-module-inner > div:last-child {
    margin-top: 1em;
  }
}
.text-multicol .row {
  align-items: stretch;
}
.text-multicol .row .col > div {
  height: 100%;
}
.text-multicol.multicol-2 {
  --grid-gutter-width: 48px;
}
@media only screen and (min-width: 992px) {
  .text-multicol.multicol-2.special_srcset_ratio_1_1 {
    --grid-gutter-width: 64px;
  }
}
.text-multicol .rex-image:empty {
  display: none;
}
.text-multicol .rex-image {
  margin-bottom: 1rem !important;
}
.text-multicol .rex-editor {
  font-weight: 400;
}
.text-multicol .rex-editor p {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  line-height: 1.4;
}
.text-multicol .rex-editor p:last-of-type {
  margin-bottom: 0.5rem;
}
.text-multicol .row {
  flex-flow: row wrap;
}
.text-multicol .row .col {
  width: 50%;
  margin-bottom: calc(var(--grid-gutter-width));
}
@media only screen and (max-width: 539px) {
  .text-multicol .row .col {
    width: 100%;
  }
}
.text-multicol.multicol-3 .col {
  width: calc(1 / 3 * 100%);
}
@media only screen and (max-width: 768px) {
  .text-multicol.multicol-3 .col {
    width: 100%;
  }
}
.text-multicol.bg-light .col > div {
  background-color: rgba(56, 94, 231, 0.15);
  padding: 1.25rem;
}
.text-multicol.bg-light .col > div .rex-editor p {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.text-multicol.special_srcset_ratio_1_1 .rex-image,
.text-multicol.special_srcset_ratio_1_1_sw .rex-image {
  width: 182px;
  margin: 0 auto;
  margin-bottom: 1.5rem !important;
}
.text-multicol.special_srcset_ratio_1_1 .rex-image img,
.text-multicol.special_srcset_ratio_1_1_sw .rex-image img {
  border-radius: 50%;
}
.badge {
  display: inline-block;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  border: 1px solid var(--color-primary);
  border-radius: 0.75rem;
  padding: 0.35rem 1rem;
  color: var(--color-primary);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			breadcrumbs.less  
*/
.secondary-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.65);
  border-top: 1px solid var(--color-gray-lighter);
  border-bottom: 1px solid var(--color-gray-lighter);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.secondary-nav .container {
  width: 100%;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
@media only screen and (max-width: 539px) {
  .secondary-nav .container {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }
}
.breadcrumb {
  margin: 0;
}
.breadcrumb li {
  display: inline;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.breadcrumb li:before {
  content: "/";
  margin: 0 5px;
  color: var(--color-root-text);
}
.breadcrumb li:first-child {
  display: none;
}
.breadcrumb li:last-child {
  color: var(--color-root-text);
}
.breadcrumb li:nth-child(2):before {
  display: none;
}
.breadcrumb li:nth-child(2) a:before {
  content: "‹";
  margin: 0 0.5rem 0 0;
  color: var(--color-root-text);
  font-size: 1.25rem;
}
.breadcrumb li a:hover:before {
  color: var(--color-primary);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			buttons.less  
*/
/* Test */
.btn {
  text-align: center;
  color: #ffffff;
  background-color: var(--color-primary);
  border-radius: 4px;
  font-size: 15px;
  height: auto;
  padding: 0 2.25em;
  border: 2px solid var(--color-primary);
  line-height: 2.25em;
  display: inline-block;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  transition: background-color 0.15s ease, border 0.15s ease;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}
.btn a {
  box-shadow: none;
  text-decoration: none;
}
.btn:before {
  content: "";
  height: calc(100% + 1px);
  vertical-align: middle;
}
.btn:hover,
.btn:focus {
  color: #ffffff;
  background-color: #173bbc;
  border: 2px solid #173bbc;
  text-decoration: none;
}
.btn:active,
.btn.is-active {
  transform: translateY(1px);
  background-color: #173bbc;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45);
  color: #ffffff;
}
.btn.btn-outline {
  background-color: transparent;
  color: var(--color-primary);
}
.btn.btn-outline:hover,
.btn.btn-outline:focus {
  background-color: transparent;
  color: #173bbc;
}
.btn.btn-outline-white {
  border-color: #ffffff;
  color: #ffffff;
}
.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus {
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
}
.btn.btn-lg {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.rex-btn {
  display: inline-block;
  padding: 0;
}
.rex-btn:before {
  display: none;
}
.rex-btn > a {
  display: block;
  padding: 0 2.25em;
  position: relative;
}
.rex-btn > a:after {
  content: "";
  right: calc(var(--grid-gutter-width)/2);
  border: solid #000000;
  border-width: 0 2px 2px 0;
  width: 13px;
  height: 13px;
  display: inline-block;
  transform: rotate(-45deg) translateY(-60%);
}
.rex-btn > a:hover:after,
.rex-btn > a:focus:after {
  border-color: #ffffff;
}
.rex-item > a:hover .btn-read-more {
  color: #ffffff;
}
.btn-inverted {
  background-color: #ffffff;
  color: var(--color-primary);
}
.btn-reset,
.rex-listing.special_srcset_ratio_16_9 .btn-read-more,
.rex-listing.shadow-box .btn-read-more {
  border: none;
  background-color: transparent;
  display: inline-block;
  padding: 0;
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 15px;
  box-shadow: none;
}
.btn-reset:after,
.rex-listing.special_srcset_ratio_16_9 .btn-read-more:after,
.rex-listing.shadow-box .btn-read-more:after {
  display: none;
}
.btn-reset:hover,
.btn-reset:focus,
.rex-listing.special_srcset_ratio_16_9 .btn-read-more:hover,
.rex-listing.special_srcset_ratio_16_9 .btn-read-more:focus,
.rex-listing.shadow-box .btn-read-more:hover,
.rex-listing.shadow-box .btn-read-more:focus {
  color: #112c8e !important;
}
.back-to-top {
  position: fixed;
  display: inline-block;
  cursor: pointer;
  top: auto;
  left: auto;
  right: calc(var(--padding-base)/2);
  bottom: calc(var(--padding-base)/2);
  background-color: #ffffff;
  padding: 8px 15px 7px;
  border-radius: 2px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: none !important;
  transition: all 0.15s;
  overflow: hidden;
  border: 1px solid #000000;
  z-index: 1000;
}
.back-to-top:hover,
.back-to-top:focus {
  background-color: #000000 !important;
}
.back-to-top:hover span,
.back-to-top:focus span {
  border-color: #ffffff;
}
.back-to-top:hover svg,
.back-to-top:focus svg {
  fill: #112c8e;
}
.back-to-top svg {
  fill: #262626;
  width: 20px;
  height: 20px;
}
.show-top .back-to-top {
  visibility: visible;
  opacity: 1;
}
.ocmenu-open.show-top .back-to-top,
.ocmenu-closing.show-top .back-to-top {
  opacity: 0;
  transform: translateY(100%);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			icons.less  
*/
.icon,
svg {
  display: inline-block;
  height: 1em;
  width: 1em;
}
.icon {
  color: #000000;
}
.count-icon svg {
  width: 100%;
  height: 100%;
}
.icon use,
svg {
  /* icon secondary color - fill */
  fill: inherit;
}
.icon.icon-outline use {
  /* icon secondary color - stroke */
  stroke: inherit;
}
/* -------------------------------- 

Icon reset values - used to enable color customizations

-------------------------------- */
.icon,
svg {
  fill: currentColor;
  stroke: none;
}
.icon.icon-outline {
  stroke: currentColor;
}
.icon use,
svg {
  stroke: none;
}
.flatpickr-calendar {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Segoe UI", Tahoma;
  font-size: 13px;
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  line-height: 21px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar input::-moz-selection {
  background: transparent;
}
.flatpickr-calendar input::selection {
  background: transparent;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 125%;
  line-height: inherit;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  color: #262626;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #385EE7;
  box-shadow: none;
  color: #fff;
  border-color: #385EE7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			navigation.less  
*/
.nav > ul {
  display: flex;
  align-items: center;
  margin: 0;
}
.nav button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
}
.nav button svg {
  font-size: 12px;
  margin: 2px 0 0 4px;
  color: var(--color-nav);
  transition: transform 0.125s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transform-origin: center center;
}
.nav ul,
.nav li {
  list-style-type: none;
  margin: 0;
}
.nav li {
  display: inline-block;
  margin: 0 calc(var(--grid-gutter-width) / 3);
  line-height: 1.425;
}
.nav li.hide-in-nav {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.nav li.hide-sublevel > ul {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.nav li > a,
.nav li > button {
  color: var(--color-nav);
  font-weight: 700;
  text-transform: none;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  text-decoration: none;
  transition: color 0.12s ease;
}
.nav li > a:hover,
.nav li > button:hover,
.nav li > a:hover svg,
.nav li > button:hover svg {
  color: var(--color-primary) !important;
}
.nav li > a:hover,
.nav li > button:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}
.nav li > a:active,
.nav li > button:active {
  color: var(--color-nav-active);
}
.nav li.active > a,
.nav li.current > a,
.nav li.is-active > a,
.nav li.active > button,
.nav li.current > button,
.nav li.is-active > button {
  color: var(--color-nav-active);
  font-weight: 700;
}
.nav li.active > a svg,
.nav li.current > a svg,
.nav li.is-active > a svg,
.nav li.active > button svg,
.nav li.current > button svg,
.nav li.is-active > button svg {
  transform: rotate(180deg);
  margin-top: -0.05em;
}
.lang-nav {
  display: flex;
  /*li#de {
		order: 0 !important;
	}

	li#en {
		order: auto;
	}

	li#fr {
		order: auto;
	}*/
}
.lang-nav li {
  margin: 0;
}
.lang-nav li:after {
  content: "/";
  margin: 0 6px;
  color: var(--color-nav);
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.lang-nav li:last-child:after {
  content: "";
  display: none;
}
.lang-nav li > a {
  color: var(--color-nav);
  font-weight: 400;
  text-transform: uppercase;
}
.lang-nav-top {
  position: relative;
  margin-top: 0.2em;
}
#pref-lang-hint {
  position: absolute;
  opacity: 0;
  top: calc(100% + 10px);
  left: calc(-50% + 10px);
  font-size: 12px;
  line-height: 1.2;
  width: 175px;
  border: 2px solid #C71E24;
  border-radius: 10px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
#pref-lang-hint.animate {
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: animate-pop;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.68);
}
#pref-lang-hint:before,
#pref-lang-hint:after {
  content: "";
  position: absolute;
  border-color: #C71E24;
}
#pref-lang-hint:before {
  border: solid transparent;
  border-bottom-color: white;
  border-width: 11px;
  margin-left: -14px;
  top: -19px;
  right: calc(50% - 14px);
  z-index: 1;
}
#pref-lang-hint:after {
  right: calc(50% - 13px);
  top: -21px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #C71E24;
  z-index: 0;
}
#pref-lang-hint .main-nav__subnav__header {
  margin: 0;
  padding: 0.5em 0 0.5em 1em;
}
#pref-lang-hint svg {
  font-size: 15px;
}
#pref-lang-hint a {
  color: #000000;
  font-weight: 700;
  font-size: 12px;
}
.rex-secondary .nav {
  margin-top: 0.2em;
}
.rex-secondary .nav input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.rex-secondary .nav .tab-label {
  position: relative;
  display: block;
}
.rex-secondary .nav .tab-label span {
  display: block;
  font-weight: normal;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  margin-bottom: 1.3rem;
}
.rex-secondary .nav .tab-label svg {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  transform-origin: center center;
}
@media only screen and (max-width: 768px) {
  .rex-secondary .nav {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid var(--color-gray-light);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    padding: 1rem 1.5rem;
    margin-bottom: 2.25rem;
  }
  .rex-secondary .nav .tab-label svg {
    display: inline-block;
  }
  .rex-secondary .nav .tab-label span {
    margin: 0;
  }
  .rex-secondary .nav input[type="checkbox"]:checked + .tab-label {
    color: #262626;
    font-weight: 700;
  }
  .rex-secondary .nav input[type="checkbox"]:checked + .tab-label svg {
    transform: rotate(180deg);
  }
  .rex-secondary .nav input[type="checkbox"]:checked ~ .nav-subnav {
    visibility: visible;
    opacity: 1;
    max-height: 999em;
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
  }
  .rex-secondary .nav input[type="checkbox"]:checked ~ .nav-subnav li {
    display: list-item;
  }
  .rex-secondary .nav .nav-subnav {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .rex-secondary .nav .nav-subnav li {
    display: none;
  }
}
.nav > .nav-subnav {
  flex-flow: column;
  align-items: flex-start;
}
.nav > .nav-subnav li {
  display: block;
  margin: 0;
}
.nav > .nav-subnav li > a {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
.nav > .nav-subnav li.active > a {
  color: var(--color-primary);
}
.nav > .nav-subnav > li + li {
  margin-top: 0.75em;
}
.nav > .nav-subnav .nav-subnav__sub {
  margin: 0.45em 0 0.1em 0.75em;
}
.nav > .nav-subnav .nav-subnav__sub li + li {
  margin-top: 0.35em;
}
.nav > .nav-subnav .nav-subnav__sub li.current > a {
  font-weight: 700;
  color: var(--color-primary);
}
.nav > .nav-subnav .nav-subnav__sub li > a {
  font-weight: 400;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.show-mega-menu .ocmenu-overlay {
  visibility: visible;
  opacity: 1;
}
.show-mega-menu.template-fullscreen-1-column {
  --color-navbar-background: rgba(0, 0, 0, 0.9);
}
.show-mega-menu.template-fullscreen-1-column .main-nav__subnav__menu-wrapper {
  background-color: rgba(0, 0, 0, 0.9);
}
.show-mega-menu.template-fullscreen-1-column .main-nav__subnav__header svg {
  fill: #fff;
}
.main-nav__subnav__menu-wrapper {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition-duration: 125ms;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: background-color, opacity, visibility;
  overflow: hidden;
}
.template-fullscreen-1-column .main-nav__subnav__menu-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.main-nav__subnav__menu.container {
  max-width: 960px;
  position: relative;
  left: -4%;
}
.menu-item.is-active .main-nav__subnav__menu-wrapper {
  visibility: visible;
  opacity: 1;
}
.main-nav__subnav__menu {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
.main-nav__subnav {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.main-nav__subnav .menu-item {
  margin: 0 0 0.75em 0;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 50%;
}
.main-nav__subnav__header {
  display: flex;
  align-items: stretch;
  margin: 0 0 0.25em 0;
}
.main-nav__subnav__header a {
  color: var(--color-nav);
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.main-nav__subnav__header dt {
  display: flex;
  flex-flow: column;
  padding-right: 12px;
  justify-content: center;
}
.main-nav__subnav__header dt a {
  display: flex;
}
.main-nav__subnav__header svg {
  font-size: 28px;
}
.main-nav__subnav__header dd a:hover > span:first-child {
  color: var(--color-primary);
  text-decoration: underline;
}
.main-nav__subnav__name {
  display: block;
  font-weight: 700;
  line-height: 1.35;
}
.main-nav__subnav__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			parsley.less  
*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #31971a;
  border: 1px solid rgba(49, 151, 26, 0.5);
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #C71E24;
  border: 1px solid rgba(199, 30, 36, 0.65);
}
.form-group.parsley-error input[type="checkbox"] {
  border-color: #C71E24;
}
input[type="text"].parsley-error,
input[type="email"].parsley-error,
input[type="number"].parsley-error,
input[type="password"].parsley-error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032.002%2032%22%3E%3Cpath%20d%3D%22M2.062%2032h27.812a2%202%200%200%200%201.766-2.942l-13.876-26A1.997%201.997%200%200%200%2016.002%202H16c-.738%200-1.414.406-1.762%201.056L.3%2029.056a2.004%202.004%200%200%200%20.046%201.972A2.005%202.005%200%200%200%202.062%2032zM16%2024a2%202%200%201%201-.001%204.001A2%202%200%200%201%2016%2024zm-2-3.968v-8a2%202%200%200%201%204%200v8a2%202%200%200%201-4%200z%22%20fill%3D%22%23C71E24%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - 8px) center;
}
input[type="text"].parsley-success,
input[type="email"].parsley-success,
input[type="number"].parsley-success,
input[type="password"].parsley-success {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16.084%200c-8.836%200-16%207.164-16%2016s7.164%2016%2016%2016%2016-7.164%2016-16-7.164-16-16-16m7.412%2011.574-7.664%2011.714q-.005.003-.006.006c-.04.06-.062.128-.112.184-.07.076-.16.116-.24.174q-.03.022-.062.044-.184.115-.392.164c-.046.012-.088.024-.136.032a1.4%201.4%200%200%201-.336.004%201.3%201.3%200%200%201-.234-.036%201.4%201.4%200%200%201-.23-.092c-.064-.03-.132-.038-.192-.076-.044-.028-.068-.072-.106-.106-.016-.014-.036-.018-.052-.032l-4.462-4.126a1.4%201.4%200%200%201%201.9-2.056l3.23%202.988%206.75-10.318a1.4%201.4%200%201%201%202.344%201.532%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - 8px) center;
}
.parsley-errors-list {
  margin: 0;
  list-style: none;
  margin: 3px 0 0 4px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  color: #B94A48;
  transition: all 0.3s ease-in;
}
.parsley-errors-list li {
  margin-left: 0;
}
.parsley-errors-list.filled {
  opacity: 1;
}
.parsley-multi-step fieldset {
  display: none;
}
.parsley-multi-step fieldset.current {
  display: inherit;
}
.parsley-multi-step .control-label {
  font-weight: 600;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.parsley-multi-step .form-group + .form-check-group,
.parsley-multi-step .form-check-group + .form-check-group,
.parsley-multi-step .checkbox-group {
  border-top: 1px solid #dedede;
  margin-top: 1rem;
  padding-top: 1rem;
}
.parsley-multi-step .checkbox-group {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
}
.parsley-multi-step .form-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.parsley-multi-step .form-navigation button + button {
  margin-left: var(--padding-base);
}
.parsley-multi-step .form-navigation .form-group {
  display: inline-block;
}
.parsley-multi-step .form-navigation .form-group.form-submit {
  padding: 0;
}
.parsley-multi-step .form-navigation .form-group.form-submit .btn {
  margin-left: var(--padding-base);
}
.progress {
  border-radius: 0.25rem;
  box-shadow: none;
  background-color: #dedede;
  height: 30px;
}
.progress,
.progress-bar {
  display: flex;
  overflow: hidden;
}
.progress-bar {
  width: 0%;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  text-align: center;
  white-space: nowrap;
  background-color: #385EE7;
  animation: progress-bar 1s;
}
@keyframes progress-bar {
  0% {
    width: 0;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			offCanvas.less  
*/
.ocmenu {
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  will-change: transform;
}
.ocmenu-fixed {
  transition: transform 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ocmenu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-overlay);
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
  /* this is a ridiculous fix to make closing of ocmenu work on iPhone */
  will-change: transform;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
/* Turn off blocker */
.ocmenu-blocker-off .ocmenu-overlay {
  display: none;
}
/* orientation dependent */
.ocmenu-vertical {
  width: 72vw;
  max-width: 520px;
  height: 100%;
  top: 0;
  z-index: 10000;
  /* enable iOS scrolling inside panel */
}
.ocmenu-vertical .ocmenu-panel {
  height: calc(100% - 1px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
.ocmenu-horizontal {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow: auto;
  left: 0;
  z-index: 100;
}
/* vertical left and right */
.ocmenu-left {
  left: 0;
  right: auto;
  transform: translate3d(-100%, 0, 0);
}
.ocmenu-open .ocmenu-left {
  transform: translate3d(0, 0, 0);
}
.ocmenu-right {
  transform: translate3d(100%, 0, 0);
  right: 0;
  left: auto;
}
.ocmenu-open .ocmenu-right {
  transform: translate3d(0, 0, 0);
}
/* horizontal top and bottom */
.ocmenu-top {
  top: -100vh;
}
.ocmenu-open .ocmenu-top {
  transform: translate3d(0, 100vh, 0);
}
.ocmenu-bottom {
  bottom: -100vh;
}
.ocmenu-open .ocmenu-bottom {
  transform: translate3d(0, -100vh, 0);
}
/* helper styles */
/* push effect */
.ocmenu-pusher {
  position: relative;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
  height: 100%;
  will-change: transform;
}
/* reveal effect */
.ocmenu-push.ocmenu-reveal .ocmenu {
  z-index: 1;
  transition: all 0s;
}
.ocmenu-push.ocmenu-reveal .ocmenu-pusher {
  z-index: 10;
}
/* transitions */
.ocmenu,
.ocmenu-pusher,
.ocmenu-overlay {
  transition: all 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ocmenu-open .ocmenu,
.ocmenu-open .ocmenu-overlay {
  visibility: visible;
  opacity: 1;
}
.ocmenu-open.ocmenu-push-to-right .ocmenu-pusher,
.ocmenu-open.ocmenu-push-to-right .ocmenu-fixed {
  transform: translate3d(72vw, 0, 0);
}
@media screen and (min-width: 520px) {
  .ocmenu-open.ocmenu-push-to-right .ocmenu-pusher,
  .ocmenu-open.ocmenu-push-to-right .ocmenu-fixed {
    transform: translate3d(520px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-right.ocmenu-reveal .ocmenu-overlay {
  transform: translate3d(72vw, 0, 0);
}
@media screen and (min-width: 520px) {
  .ocmenu-open.ocmenu-push-to-right.ocmenu-reveal .ocmenu-overlay {
    transform: translate3d(520px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-left .ocmenu-pusher,
.ocmenu-open.ocmenu-push-to-left .ocmenu-fixed {
  transform: translate3d(-72vw, 0, 0);
}
@media screen and (min-width: 520px) {
  .ocmenu-open.ocmenu-push-to-left .ocmenu-pusher,
  .ocmenu-open.ocmenu-push-to-left .ocmenu-fixed {
    transform: translate3d(-520px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-left.ocmenu-reveal .ocmenu-overlay {
  transform: translate3d(-72vw, 0, 0);
}
@media screen and (min-width: 520px) {
  .ocmenu-open.ocmenu-push-to-left.ocmenu-reveal .ocmenu-overlay {
    transform: translate3d(-520px, 0, 0);
  }
}
.ocmenu-open.fall-down .ocmenu-panel {
  transform: translate3d(0, 0, 0);
}
/* otherwise the menu will disappear immediately with reveal effect */
.ocmenu-closing.ocmenu-reveal .ocmenu {
  transition-delay: 0.1s;
}
.ocmenu-closing.ocmenu-reveal .ocmenu-overlay {
  transition: none;
}
.ocmenu-closing body,
.ocmenu-closing #base {
  overflow: hidden;
}
/* close btn inside */
.nav_toggle.toggle-ocmenu.toggle-inside {
  transform: none;
  top: 3em;
  right: calc(var(--padding-base)*1);
}
.sticky .nav_toggle.toggle-ocmenu.toggle-inside {
  top: 1.7em;
}
.ocmenu-panel {
  padding: 5rem calc(var(--padding-base) * 1.25) 2em;
  color: #ffffff;
  text-align: left;
  background-color: transparent;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (orientation: portrait) {
  .ocmenu-panel {
    padding-top: calc(5vw + 12vh);
  }
}
.ocmenu-list {
  border-top: 1px solid var(--color-gray-light);
  list-style-type: none;
  margin: 0;
  /* current and active */
}
.ocmenu-list li {
  position: relative;
  list-style-type: none;
  margin-left: 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-gray-light);
  padding: 0.25rem 0;
}
.ocmenu-list li.hide-in-menu {
  display: none;
}
.ocmenu-list li.menu-sep {
  margin-top: 2em;
}
.ocmenu-list li > a,
.ocmenu-list li > button {
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Funnel', Arial, sans-serif;
  color: var(--color-root-text);
  text-decoration: none;
  line-height: 1.25;
  text-transform: none;
  font-weight: 600;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  padding: 0.75rem 0;
  background-color: transparent;
  border: none;
}
.ocmenu-list .dropdown-trigger {
  position: absolute;
  right: 0;
  top: 0.45em;
  display: flex !important;
  align-items: center;
  padding: 8px !important;
  border: none !important;
}
.ocmenu-list .dropdown-trigger [class^="icon-"],
.ocmenu-list .dropdown-trigger [class*=" icon-"] {
  position: relative;
  top: 0.2em;
  transition: transform 0.12s;
  transform-origin: center center;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  color: var(--color-root-text);
}
.ocmenu-list li.hide-sublevel .dropdown-trigger,
.ocmenu-list li.hide-sublevel .dropdown-wrapper {
  display: none !important;
}
.ocmenu-list .dropdown-wrapper {
  display: none;
}
.ocmenu-list li.ocmenu-with-levels > a {
  padding-right: 25px;
}
.ocmenu-list li.ocmenu-has-children > a {
  padding-right: 0;
}
.ocmenu-list li.ocmenu-current > a,
.ocmenu-list li.active > a,
.ocmenu-list li.ocmenu-current button,
.ocmenu-list li.active button {
  color: #385EE7;
  text-decoration: none;
  border-bottom: none;
  font-weight: 600;
}
.ocmenu-list li.ocmenu-current > a > span,
.ocmenu-list li.active > a > span,
.ocmenu-list li.ocmenu-current button > span,
.ocmenu-list li.active button > span {
  border-bottom-color: #385EE7;
}
.ocmenu-list li.ocmenu-current > a.ocmenu-active,
.ocmenu-list li.active > a.ocmenu-active,
.ocmenu-list li.ocmenu-current button.ocmenu-active,
.ocmenu-list li.active button.ocmenu-active {
  border-bottom: none;
  color: #385EE7;
  font-weight: 600;
}
.ocmenu-list li.ocmenu-current .dropdown-trigger [class^="icon-"],
.ocmenu-list li.active .dropdown-trigger [class^="icon-"],
.ocmenu-list li.ocmenu-current .dropdown-trigger [class*=" icon-"],
.ocmenu-list li.active .dropdown-trigger [class*=" icon-"] {
  color: #385EE7;
}
.ocmenu-list li.ocmenu-open .dropdown-wrapper {
  display: block;
}
.ocmenu-list li.ocmenu-open .dropdown-trigger [class^="icon-"],
.ocmenu-list li.ocmenu-open .dropdown-trigger [class*=" icon-"] {
  transform: rotate(180deg);
}
.ocmenu-list li.ocmenu-current.ocmenu-has-children > a {
  border-bottom: none !important;
}
.ocmenu-list li[class*="ocmenu-root"] {
  border-bottom: 0;
  padding: 0.25em 0;
}
.ocmenu-list li[class*="ocmenu-root"].ocmenu-active > a {
  color: #385EE7;
}
.ocmenu-list li[class*="ocmenu-root"] a {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.ocmenu-list li.ocmenu-root-1 {
  margin-top: 3rem;
}
.ocmenu-list .ocmenu-sub {
  margin: 0.35em 0 0.75em;
}
.ocmenu-list .ocmenu-sub li {
  padding: 0.4em 0 0.4em 0.75em;
  border: none;
}
.ocmenu-list .ocmenu-sub li:last-child {
  border-bottom: none;
}
.ocmenu-list .ocmenu-sub li > a {
  display: block;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 400;
  padding: 0.2rem 0;
}
.ocmenu-list .ocmenu-sub li > a:hover,
.ocmenu-list .ocmenu-sub li > a:focus {
  text-decoration: underline;
}
.ocmenu-list .ocmenu-sub li > a > span {
  border: none;
  padding: 0;
}
.ocmenu-list .ocmenu-sub li.ocmenu-active > a {
  font-weight: 400;
  color: #385EE7;
  text-decoration: underline;
}
.ocmenu-list.lang-nav {
  margin-top: 1em;
  border: none;
}
.ocmenu-list.lang-nav li {
  display: inline-block;
}
.ocmenu-list.lang-nav li a {
  display: inline;
  font-size: 14px;
  color: var(--color-nav);
}
.ocmenu-list.lang-nav li.current a {
  color: var(--color-primary);
}
.fade-in .ocmenu-left.ocmenu-vertical {
  top: 2vw;
  left: var(--padding-base);
  height: auto;
  opacity: 0;
  max-height: 98vh;
  transition: transform 0.01s, opacity 0.3s;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.fade-in.ocmenu-open .ocmenu-left {
  opacity: 1;
}
.fade-in.ocmenu-closing .ocmenu {
  transition: transform 0.01s, opacity 0.2s;
}
.fade-in.ocmenu-closing body,
.fade-in.ocmenu-closing #base {
  overflow-y: auto;
}
.fall-down .ocmenu-panel {
  transform: translate3d(0, -100%, 0);
  transition: transform 0.35s 0.1s;
}
/*
Title:      boilerplate
Author:     Philipp Hofstätter (http://www.webdesignwien.co.at)
File:       pagination.less  
*/
.rex-nav-pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 3rem;
}
.rex-nav-pagination .pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.rex-nav-pagination .pagination li {
  margin-left: 0;
}
.rex-nav-pagination .pagination li {
  display: inline-block;
  margin: 0 0.12em;
}
.rex-nav-pagination .pagination li a {
  color: #262626;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
}
.rex-nav-pagination .disabled a {
  cursor: default;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.6);
}
.rex-nav-pagination .disabled a svg {
  color: #aaaaaa;
}
.rex-nav-pagination .rex-next a,
.rex-nav-pagination .rex-prev a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.42em 0.42em;
}
.rex-nav-pagination .rex-next span,
.rex-nav-pagination .rex-prev span {
  display: none;
}
.rex-page a,
.rex-next a,
.rex-prev a {
  padding: 0.33em 0.75em;
  background-color: #ffffff;
  transition: box-shadow 0.12s;
}
.rex-page a:hover,
.rex-next a:hover,
.rex-prev a:hover {
  box-shadow: inset 0 0 16px 2px rgba(0, 0, 0, 0.1);
}
.rex-page.active a,
.rex-next.active a,
.rex-prev.active a {
  font-weight: 700;
  color: #ffffff !important;
  background-color: #385EE7;
}
.rex-pagination-count {
  width: 100%;
  text-align: center;
  margin-top: 1.75em;
}
.rex-nav-pager {
  margin-top: 3rem;
}
.rex-nav-pager .pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			accordion.less  
*/
.accordion:not(.accordion-box) .row {
  display: block;
  margin: 0;
}
.accordion:not(.accordion-box) .col {
  margin: 0;
}
.rex-accordion.show-cat .rex-item .tab-label .cat {
  display: inline-block;
}
.rex-accordion .rex-item {
  display: block;
  overflow: hidden;
  float: none;
  border-bottom: 1px solid var(--color-gray-light);
  margin-bottom: 0.5em;
}
.rex-accordion .tab-label {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  padding: 1.25rem 0 1.25rem 2rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.3;
  position: relative;
}
.rex-accordion .tab-label:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: 0.15rem;
  display: inline-block;
  border: solid var(--color-gray-dark);
  border-width: 0 2px 2px 0;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 539px) {
  .rex-accordion .tab-label:after {
    border-width: 0 1px 1px 0;
  }
}
.rex-accordion .accordion-content {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: max-height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  max-width: 90%;
  overflow: hidden;
}
.rex-accordion .accordion-content > div {
  max-width: 90%;
  display: none;
}
.rex-accordion input[type="checkbox"]:checked + .tab-label {
  color: #262626;
  font-weight: 700;
}
.rex-accordion input[type="checkbox"]:checked + .tab-label:after {
  content: "";
  transform: rotate(225deg);
  top: calc(50% - 4px);
}
.rex-accordion input[type="checkbox"]:checked ~ .accordion-content {
  visibility: visible;
  opacity: 1;
  max-height: 100em;
  margin-bottom: 2em;
  padding: 0 0 0 2rem;
  transition: max-height 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.rex-accordion input[type="checkbox"]:checked ~ .accordion-content div {
  display: block;
}
.accordion-box .rex-accordion .rex-item {
  border-bottom: 0;
  display: flex;
  flex-flow: column;
  margin-bottom: var(--grid-gutter-width);
}
.accordion-box .rex-accordion .rex-module-inner {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}
.accordion-box .rex-accordion .tab-label {
  padding: 0;
  font-weight: 700;
  position: static;
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
}
.accordion-box .rex-accordion .tab-label:after {
  position: absolute;
  top: auto;
  right: 18px;
  bottom: 18px;
  width: 24px;
  height: 24px;
  border: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2012c0%201.106-.096%202-1.202%202H14v8.798C14%2023.902%2013.106%2024%2012%2024c-1.106%200-2-.098-2-1.202V14H1.202C.098%2014%200%2013.106%200%2012c0-1.106.098-2%201.202-2H10V1.202C10%20.096%2010.894%200%2012%200c1.106%200%202%20.096%202%201.202V10h8.798c1.106%200%201.202.894%201.202%202Z%22%20fill%3D%22%23385EE7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  transform: none;
}
@media only screen and (max-width: 539px) {
  .accordion-box .rex-accordion .tab-label:after {
    width: 20px;
    height: 20px;
    right: 8px;
  }
}
.accordion-box .rex-accordion input[type="checkbox"]:checked + .tab-label:after {
  transform: rotate(-45deg);
}
.accordion-box .rex-accordion .accordion-content {
  margin-bottom: 0 !important;
  padding-top: 1.25em !important;
  font-weight: 300;
}
.accordion-box .rex-item-container {
  position: relative;
  background-color: #ffffff;
  padding: 24px 24px 24px 0;
  flex: 1 0 auto;
  border-bottom: 3px solid var(--color-primary);
  min-height: 15vmin;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			article-lists.less  
*/
.rex-listing figure img,
.rex-gallery figure img {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
}
.rex-listing figure,
.rex-gallery figure {
  margin: 0;
}
.rex-listing {
  -webkit-hyphens: none;
          hyphens: none;
}
.rex-listing .rex-date {
  display: inline-block;
  margin-bottom: 0.25em;
}
.rex-listing .rex-item > a:hover {
  color: var(--color-root-text);
}
.rex-listing .rex-header > h3:hover {
  color: #112c8e;
  text-decoration: underline;
}
.rex-listing .rex-description p {
  -webkit-hyphens: none;
          hyphens: none;
}
.rex-listing .rex-header {
  border: 0;
  margin: 0;
  padding: 0.5em 0 0 0;
}
.rex-listing .rex-header h3 {
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  margin: 0;
}
.rex-listing .rex-image {
  transition: box-shadow 0.15s ease;
}
.rex-listing .rex-image:hover {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.no-content-comment {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  color: #dedede;
}
.viewmode-grid .rex-module-inner,
.viewmode-masonry .rex-module-inner {
  margin-left: calc(0px - var(--grid-gutter-width)/2);
  margin-right: calc(0px - var(--grid-gutter-width)/2);
}
.viewmode-grid .rex-item-container,
.viewmode-masonry .rex-item-container {
  margin-left: calc(var(--grid-gutter-width)/2);
  margin-right: calc(var(--grid-gutter-width)/2);
}
.rex-listing.viewmode-list .rex-item {
  margin: 0 0 calc(var(--grid-gutter-width) * 1.75) 0;
  list-style-type: none;
}
.rex-listing.viewmode-list .rex-header h3 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  margin-bottom: 0.35em;
}
.rex-listing.viewmode-list .rex-header {
  width: 100%;
  text-align: left;
}
.rex-listing.viewmode-list .rex-description p {
  margin: 0;
}
.rex-listing.viewmode-grid .rex-item {
  margin-bottom: calc(var(--grid-gutter-width));
}
.rex-listing.viewmode-grid .rex-item.no-content .rex-item-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rex-listing.viewmode-grid .rex-header h3 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  font-weight: 700;
}
@media only screen and (min-width: 769px) {
  .rex-listing.viewmode-grid .rex-header h3 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.rex-listing.viewmode-grid .btn-read-more {
  margin-top: 0.25em;
}
.rex-listing.title-all span.name,
.rex-listing.title-all span.title-alt {
  display: block;
}
.rex-listing.title-all span.title-alt {
  font-weight: 300;
  margin-top: 0.5em;
  line-height: 1.4;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.rex-listing.title-alt span.name {
  display: none !important;
}
.rex-listing.title-articlename span.title-alt {
  display: none !important;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			feature.less  
*/
.module-wrapper.feature .container {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.module-wrapper.feature .feature-text {
  order: 2;
}
.module-wrapper.feature.feature-red .container,
.module-wrapper.feature.feature-blue .container {
  padding-top: 7rem;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 768px) {
  .module-wrapper.feature.feature-red .feature-img,
  .module-wrapper.feature.feature-blue .feature-img {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .module-wrapper.feature.feature-red .feature-text,
  .module-wrapper.feature.feature-blue .feature-text {
    margin-top: 0;
  }
}
.module-wrapper.feature.feature-red .feature-text {
  order: 0;
}
.module-wrapper.feature.feature-red .container {
  background-color: #f7f7f7;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%20987%20917%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20917c.526-.772%20329.526-.772%20987%200V0C807.557%20395.946%20478.557%20701.612%200%20917Z%22%20fill%3D%22%23C71E24%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}
@media screen and (min-width: 1024px) {
  .module-wrapper.feature.feature-red .container {
    background-size: auto calc(100% + (var(--grid-gutter-width) * 3));
  }
}
@media only screen and (max-width: 539px) {
  .module-wrapper.feature.feature-red .container {
    background-size: auto 60%;
  }
}
.module-wrapper.feature.feature-red .rex-feature {
  background: linear-gradient(to right, #f7f7f7 0%, #f7f7f7 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
}
.module-wrapper.feature.feature-blue .feature-text {
  order: 0;
}
.module-wrapper.feature.feature-blue .container {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%201292%20807%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200v807h558.1C692.193%20489.016%20936.827%20220.016%201292%200c-.173%201.36-430.84%201.36-1292%200Z%22%20fill%3D%22%23385EE7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 152%;
}
.module-wrapper.feature.feature-blue .rex-editor,
.module-wrapper.feature.feature-blue h2,
.module-wrapper.feature.feature-blue h3,
.module-wrapper.feature.feature-blue h4 {
  color: #ffffff;
}
.module-wrapper.feature.feature-blue .rex-feature {
  background: linear-gradient(to left, #f7f7f7 0%, #f7f7f7 50%, var(--color-primary) 50%, var(--color-primary) 100%);
}
@media only screen and (min-width: 769px) {
  .module-wrapper.feature.feature-blue .rex-feature .row > div {
    width: 50%;
  }
}
.rex-feature .row {
  align-items: stretch;
  flex-flow: row wrap;
}
@media only screen and (max-width: 768px) {
  .rex-feature .row > div {
    width: 100%;
  }
}
.rex-feature .rex-button:empty {
  display: none;
}
.rex-feature .rex-button {
  margin-top: 2em;
  text-align: left;
}
@media only screen and (max-width: 539px) {
  .rex-feature .rex-button {
    text-align: center;
  }
}
.rex-feature .rex-editor h3 {
  color: var(--color-secondary);
}
.feature-text {
  width: calc(3/5*100%);
}
@media only screen and (max-width: 768px) {
  .feature-text {
    margin-top: 3rem;
  }
}
.feature-img {
  width: calc(2/5*100%);
  display: flex;
  align-items: center;
}
.feature-img > div {
  width: 100%;
}
.feature-img figure {
  width: 30vw;
  max-width: 344px;
  margin: 0 auto;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
@media only screen and (max-width: 768px) {
  .feature-img figure {
    width: 75%;
    margin-top: 1.5rem;
  }
}
.feature-image .rex-feature {
  background-color: #f7f7f7;
}
.feature-buttons .container,
.feature-icons .container {
  flex-flow: column;
  align-items: center;
}
.feature-buttons .container > div,
.feature-icons .container > div {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.feature-buttons .feature-text,
.feature-icons .feature-text {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 769px) {
  .feature-buttons .feature-text,
  .feature-icons .feature-text {
    width: 50%;
  }
}
.feature-buttons-content .row {
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
}
.feature-buttons-content .row > a {
  margin: calc(var(--grid-gutter-width)/2);
}
.feature-icons .feature-text {
  width: 100%;
}
.feature-icons .menu-item {
  margin: 0;
  padding: 0;
  list-style: none;
}
.feature-icons .menu-item li {
  margin-left: 0;
}
@media only screen and (max-width: 539px) {
  .feature-icons .menu-item {
    width: 100%;
  }
}
.feature-icons .main-nav__subnav {
  margin: 0;
}
.feature-icons .main-nav__subnav__header {
  margin: 0.75rem 0;
  flex-flow: column;
  align-items: center;
}
.feature-icons .main-nav__subnav__header dt {
  padding: 0;
}
.feature-icons .main-nav__subnav__header dd {
  text-align: center;
}
.feature-icons .main-nav__subnav__header svg {
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}
.feature-icons .main-nav__subnav__header a {
  color: #262626;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at
File: 			gallery.less  
*/
.rex-gallery {
  position: relative;
}
.rex-gallery .rc img,
.rex-gallery .noimage img {
  width: 100%;
  height: auto;
}
.rex-gallery > header h3 {
  margin-bottom: 0.75em;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
}
.rex-gallery:not(.viewmode-slider) .rex-item {
  margin-bottom: calc(var(--grid-gutter-width)/1);
}
.rex-glossary .list-inline .char {
  padding: 0 0.25rem;
}
.rex-glossary .glossary__list {
  flex-flow: row wrap;
  align-items: stretch;
  --grid-gutter-width: 24px;
}
@media only screen and (max-width: 539px) {
  .rex-glossary .glossary__list {
    --grid-gutter-width: 16px;
  }
}
.rex-glossary .glossary__list .w-100 {
  flex: 1 0 100%;
  margin: 0;
  padding-top: 1rem;
}
.rex-glossary .glossary__list .rex-item a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: var(--color-gray-lighter);
  padding: 1rem;
  height: 100%;
  min-height: 5rem;
  line-height: 1.4;
  border-radius: 1rem;
  color: var(--color-gray-dark);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.rex-glossary .glossary__list .rex-item a:hover,
.rex-glossary .glossary__list .rex-item a:focus {
  background-color: #385EE7;
  color: #ffffff;
}
.glossary__chars {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 0.8rem 0 0.5rem;
  margin-bottom: 1.5rem;
}
.glossary__chars ul {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.glossary__chars ul > li:last-child {
  border: none;
}
.glossary__chars .char {
  border-right: 1px solid #dedede;
  display: flex;
  padding: 0 0.35rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-bottom: 0.35rem;
  min-height: 2rem;
}
@media only screen and (min-width: 992px) {
  .glossary__chars .char {
    flex: 1 0 auto;
  }
}
@media only screen and (max-width: 539px) {
  .glossary__chars .char {
    width: 10%;
  }
}
.glossary__chars .char span {
  color: var(--color-gray);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			images.less  
*/
.rex-image img {
  border-radius: 2px;
  display: block;
}
.rex-image figure > div:not(.rc) img {
  width: 100%;
  height: auto;
}
.rex-module figcaption {
  display: none;
  margin: 0.5em 0 0 0;
  padding: 0;
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
  color: var(--color-gray);
}
.rex-module.show-caption figure,
.show-caption .rex-module figure {
  position: relative;
}
.rex-module.show-caption figcaption,
.show-caption .rex-module figcaption {
  display: block;
  padding-top: 0.2em;
}
.rex-module.show-caption .copyright,
.show-caption .rex-module .copyright {
  display: block;
}
.caption {
  display: inline-block;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  padding: 0.25em 0 0.2em;
}
.caption:empty {
  display: none;
}
.rex-module.rex-text-img {
  --grid-gutter-width: 48px;
  border-bottom: 1px solid var(--color-line);
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
.rex-module.rex-text-img figure {
  margin: 0;
}
.rex-module.rex-text-img .img-portrait {
  max-width: 380px;
}
.rex-module.rex-text-img .rex-image {
  width: calc(50% - (var(--padding-base) * 2));
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img .rex-image {
    margin-top: 4rem;
  }
}
.rex-module.rex-text-img .rex-editor {
  width: calc(50% + (var(--padding-base) * 2));
}
.rex-module.rex-text-img .rex-editor h3 {
  margin-bottom: 1.5rem;
}
.rex-module.rex-text-img .row {
  align-items: stretch;
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img .row {
    flex-flow: column;
  }
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img .row > div {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img .rex-image,
  .rex-module.rex-text-img .rex-editor {
    width: 100% !important;
  }
}
.rex-module.rex-text-img.float-left .rex-editor {
  order: 1;
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img.float-left .rex-editor {
    margin-top: 1em;
  }
}
.rex-module.rex-text-img.float-left .rex-image {
  margin-top: 0 !important;
}
.lightbox {
  cursor: zoom-in;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			downloads.less  
*/
.rex-linklist .rex-item .icon {
  fill: var(--color-primary);
  font-size: 0.8em;
  margin-right: 0.4em;
}
.rex-linklist .rex-item:hover .icon,
.rex-linklist .rex-item:focus .icon {
  fill: #112c8e;
}
.rex-linklist .fileinfo {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  text-transform: uppercase;
}
.rex-linklist .url-invalid {
  display: none;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			modules-base.less  
*/
.rex-module > header {
  margin-bottom: 1.2rem;
}
.rex-module > header h2 {
  margin: 0;
}
.module-wrapper + .module-wrapper {
  margin-top: 2rem;
}
.module-wrapper + .yform {
  margin-top: 3rem;
}
.module-wrapper.headline + .module-wrapper {
  margin-top: 2rem;
}
.module-wrapper.image + .module-wrapper {
  margin-top: 2.5rem;
}
.module-wrapper + .module-wrapper.button,
.module-wrapper + .module-wrapper.poll {
  margin-top: 2rem;
}
.module-wrapper.button + .module-wrapper {
  margin-top: 8rem;
}
.module-wrapper.reduced-width {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.noimage {
  position: relative;
  color: var(--color-image-background);
  border: 1px solid #efefef;
  text-align: center;
  padding-bottom: 66.66666667%;
  border-radius: 2px;
}
.noimage span {
  position: absolute !important;
  display: inline-block !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  height: auto !important;
  width: auto !important;
  color: #aaaaaa;
  font-size: 13px;
  font-weight: bold;
}
.special_srcset_ratio_16_9 .noimage {
  padding-bottom: calc(9 / 16 * 100%);
}
.special_srcset_ratio_3_2 .noimage {
  padding-bottom: calc(2 / 3 * 100%);
}
.special_srcset_ratio_2_3 .noimage {
  padding-bottom: calc(3 / 2 * 100%);
}
.special_srcset_ratio_4_3 .noimage {
  padding-bottom: calc(3 / 4 * 100%);
}
.special_srcset_ratio_1_1 .noimage {
  padding-bottom: 100%;
}
.rex-button {
  text-align: center;
}
.pricing-tabs {
  padding: 1rem 0;
}
.pricing-tabs .viewmode-grid {
  margin-left: -15px;
  padding: 15px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media only screen and (max-width: 768px) {
  .pricing-tabs {
    margin-left: calc(0px - var(--grid-gutter-width) / 1);
    margin-right: calc(0px - var(--grid-gutter-width) / 1.25);
  }
  .pricing-tabs .rex-module-inner {
    width: 925px;
    padding-left: var(--grid-gutter-width);
    padding-right: calc(var(--grid-gutter-width) / 2);
  }
}
.pricing-tabs .rex-item {
  padding-top: 4rem;
}
.pricing-tabs .rex-item-container {
  height: 100%;
  background-color: #ffffff;
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  align-items: stretch;
  border: 1px solid #dedede;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.pricing-tabs .rex-item-container .text-center {
  padding-top: 2rem;
}
.pricing-tabs .title {
  margin: -4rem 20px 0;
  border-radius: 1rem;
  padding: 1.5rem;
}
.pricing-tabs .title h3 {
  font-weight: 400;
  margin: 0;
  text-align: center;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.pricing-tabs .title h3 span {
  display: block;
}
.pricing-tabs .rex-editor {
  padding-top: 1.25rem;
  line-height: 1.35;
}
/*
Title:      boilerplate
Author:     Philipp Hofstätter (http://www.webdesignwien.co.at)
File:       poll.less  
*/
.rex-poll-results ul,
.rex-poll-results li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rex-poll-results ul li,
.rex-poll-results li li {
  margin-left: 0;
}
.rex-poll-results ul li {
  margin: 1rem 0;
}
.rex-poll-voting {
  margin-bottom: 1rem;
}
.rex-poll-notify {
  margin-top: 2rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			single-image.less  
*/
.rex-module.rex-image {
  margin-bottom: calc(var(--grid-gutter-width));
}
.rex-module.rex-image .separate {
  width: 100%;
  margin: 0;
}
.rex-module.rex-image .center > div {
  margin: 0 auto;
}
.rex-module.rex-image .image.right {
  margin-left: auto;
}
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .rc,
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .noimage {
  padding-bottom: 0 !important;
  background-color: transparent;
}
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .rc > *,
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .noimage > * {
  position: static;
  width: auto;
  max-width: 100%;
}
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .rc:after,
.rex-module.rex-image:not(.srcset_types_var_imagemodule) .original .noimage:after {
  height: auto;
}
.rex-module.rex-image .original.svg.center {
  max-width: 400px;
  margin: 0 auto;
}
.rex-module.rex-image .original.svg.center img {
  width: 100%;
  height: auto;
}
.art-404 .image.svg img {
  max-width: 320px;
  margin: 2rem auto;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			slider.less  
*/
.rex-gallery.viewmode-slider {
  padding-bottom: 2.25em;
}
.rex-gallery.viewmode-slider.show-caption figure figcaption {
  position: absolute;
  padding: 0;
  margin: 0;
  left: calc(var(--padding-base) / 2);
  bottom: calc(var(--padding-base) / 2);
  right: calc(var(--padding-base) / 2);
  z-index: 1;
}
.rex-gallery.viewmode-slider.show-caption figure figcaption > div {
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  text-overflow: ellipsis;
  max-width: 50%;
  white-space: nowrap;
  background-color: #ffffff;
}
.rex-gallery.viewmode-slider.show-caption figure figcaption span {
  display: block;
  margin: 0;
}
.rex-gallery.viewmode-slider.show-caption figure figcaption span:not(:empty) {
  padding: 0.2em 0.75em 0.25em;
  line-height: 1.3;
}
.flickity-page-dots {
  bottom: -2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flickity-page-dots li {
  margin: 0;
}
.flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  opacity: 0.9;
  background-color: rgba(0, 0, 0, 0.7);
  transition: background-color 0.15s ease;
  border: none;
  border-radius: 50% !important;
  margin: 0 4px;
}
.flickity-page-dots .dot.is-selected {
  background-color: var(--color-primary) !important;
}
.icon-down {
  display: inline-block;
  text-indent: -9999em;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2029%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.813%2014.5c0%207.007%205.68%2012.688%2012.687%2012.688s12.688-5.68%2012.688-12.688c0-7.007-5.68-12.688-12.688-12.688-7.007%200-12.688%205.68-12.688%2012.688ZM29%2014.5C29%2022.508%2022.508%2029%2014.5%2029S0%2022.508%200%2014.5%206.492%200%2014.5%200%2029%206.492%2029%2014.5ZM15.406%208.156a.906.906%200%201%200-1.812%200v10.5l-3.89-3.891a.907.907%200%200%200-1.283%201.283l5.437%205.437a.906.906%200%200%200%201.284%200l5.437-5.437a.907.907%200%200%200-1.283-1.283l-3.89%203.891v-10.5Z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  transition: transform 0.2s ease-out;
}
.icon-down:hover {
  transform: scale(1.35);
}
.gallery.fullscreen {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: #000000;
}
.gallery.fullscreen .rex-module-inner:after {
  content: "flickity";
  display: none;
}
@media only screen and (max-width: 768px) {
  .gallery.fullscreen .rex-module-inner:after {
    content: "";
  }
}
.gallery.fullscreen .icon-down {
  display: none;
}
.gallery.fullscreen .flickity-page-dots {
  width: auto;
  left: var(--padding-base);
  bottom: calc(var(--padding-base) * 2);
  z-index: 12;
}
@media screen and (min-width: 1220px) {
  .gallery.fullscreen .flickity-page-dots {
    left: calc((100% - (var(--max-width))) / 2);
  }
}
.gallery.fullscreen .flickity-page-dots .icon-down {
  display: inline-block;
  margin-left: 16px;
}
.gallery.fullscreen .flickity-page-dots .dot {
  background-color: #ffffff;
  width: 65px;
}
.gallery.fullscreen .flickity-page-dots .dot.is-selected {
  width: 120px;
}
.gallery.fullscreen .rex-item {
  height: 100vh !important;
  position: relative;
}
.gallery.fullscreen .rex-gallery {
  padding: 0;
}
.gallery.fullscreen .rex-gallery[data-size="1"] .flickity-page-dots li:first-child {
  display: none;
}
.gallery.fullscreen .rex-gallery[data-size="1"] .flickity-page-dots .icon-down {
  margin: 0;
}
.gallery.fullscreen .rex-gallery,
.gallery.fullscreen .rex-module-inner,
.gallery.fullscreen .rex-module-inner div:not(.ripple):not(.foreground-image):not(.rex-editor) {
  width: 100%;
  height: 100%;
}
.gallery.fullscreen .rex-item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%202160%201410%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2296.759%25%22%20y1%3D%2229.209%25%22%20x2%3D%2251.831%25%22%20y2%3D%2245.942%25%22%20id%3D%22a%22%3E%3Cstop%20stop-color%3D%22%231F1010%22%20stop-opacity%3D%22.891%22%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%2291.987%25%22%20y1%3D%2249.917%25%22%20x2%3D%2259.113%25%22%20y2%3D%2250.077%25%22%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%231D0809%22%20stop-opacity%3D%22.814%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23080303%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200v1410h1058c82.146-264.042%20238.924-540.786%20470.336-830.234C1875.453%20145.594%202160%200%202160%200H0Z%22%20fill%3D%22url(%23a)%22%2F%3E%3Cpath%20d%3D%22M1058%201410h1102c-178.861-50.042-362.528-75.063-551-75.063-188.472%200-372.139%2025.021-551%2075.063Z%22%20fill%3D%22url(%23b)%22%20opacity%3D%22.855%22%2F%3E%3Cpath%20d%3D%22M562.459%20130S1043.974%20572.409%201436%20461.098c-5.918.61-411.723%20563.835-1436%20691.902%200%200%20651.361-159.519%20562.459-1023Z%22%20stroke%3D%22%231F1F1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  transition: opacity 1.33s 0s ease;
}
@media screen and (orientation: portrait) {
  .gallery.fullscreen .rex-item:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%221139px%22%20height%3D%221410px%22%20viewBox%3D%220%200%201139%201410%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2060.1%20(88133)%20-%20https%3A%2F%2Fsketch.com%20--%3E%0A%20%20%20%20%3Ctitle%3EArtboard%20Copy%202%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2289.4516328%25%22%20y1%3D%221.20844415%25%22%20x2%3D%2251.5450704%25%22%20y2%3D%2240.4770612%25%22%20id%3D%22linearGradient-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%231F1010%22%20stop-opacity%3D%220.890761582%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23000000%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Artboard-Copy-2%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Overlay%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0%20L0%2C1240%20C119.703125%2C1115.13021%20239.424479%2C1007.25781%20359.164062%2C916.382812%20C576.525905%2C751.418505%20874.710937%2C609.03125%201138%2C522.171875%20C1138%2C398.480422%201138.33333%2C224.42313%201139%2C0%20L0%2C0%20Z%22%20id%3D%22Path-2%22%20fill%3D%22url(%23linearGradient-1)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M499.126285%2C40%20C499.126285%2C40%20840.814757%2C353.967435%201119%2C274.972798%20C1114.80087%2C275.405421%20826.837495%2C675.114075%20100%2C766%20C100%2C766%20562.212579%2C652.793062%20499.126285%2C40%20Z%22%20id%3D%22Fill-2%22%20stroke%3D%22%231F1F1F%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: left bottom;
  }
}
.gallery.fullscreen .rex-item.loaded:before {
  opacity: 1;
}
.gallery.fullscreen .rex-item.loaded .bgset.lazyloaded {
  opacity: 1;
}
.gallery.fullscreen .rex-image {
  background-color: transparent;
}
.gallery.fullscreen .background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.gallery.fullscreen .bgset {
  width: 65% !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  margin-left: auto;
  opacity: 0;
  transition: opacity 1s 0.66s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media only screen and (min-width: 1600px) {
  .gallery.fullscreen .bgset {
    width: 55% !important;
  }
}
@media only screen and (max-width: 1199px) {
  .gallery.fullscreen .bgset {
    width: 72% !important;
  }
}
@media screen and (orientation: portrait) {
  .gallery.fullscreen .bgset {
    width: 100% !important;
  }
}
.gallery.fullscreen .bgset.lazyloaded.lazyloading.lazyload {
  opacity: 0;
}
.gallery.fullscreen .flckty-utils {
  color: #ffffff;
  bottom: var(--padding-base);
  left: var(--padding-base);
  right: var(--padding-base);
}
@media only screen and (max-width: 991px) {
  .gallery.fullscreen .flckty-utils {
    bottom: calc(var(--padding-base) * 2);
  }
}
.gallery.fullscreen .flckty-title {
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: #ffffff;
  z-index: 3;
}
.gallery.fullscreen .flckty-title .rex-editor {
  width: 55%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(35%);
  transition: all 0.8s 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (max-width: 992px) and (orientation: portrait) {
  .gallery.fullscreen .flckty-title .rex-editor {
    width: 75%;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gallery.fullscreen .flckty-title .rex-editor {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .gallery.fullscreen .flckty-title .rex-editor {
    transform: none;
    opacity: 1;
    visibility: visible;
  }
}
.gallery.fullscreen .flckty-title .rex-editor p {
  font-size: 1rem;
  line-height: 1.4;
  max-width: 620px;
}
.gallery.fullscreen .flckty-title .rex-editor h1 {
  margin: 0.1rem 0 2rem;
}
@media only screen and (max-width: 539px) {
  .gallery.fullscreen .flckty-title .rex-editor h1 {
    margin-bottom: 1.25rem;
  }
}
.gallery.fullscreen .flckty-title .rex-editor .btn {
  margin-top: 1.75rem;
}
.gallery.fullscreen .flckty-title .text-small {
  text-transform: uppercase;
  font-weight: 600;
}
.gallery.fullscreen .flckty-title h1 {
  color: #ffffff;
  font-size: calc(1.25vw + 2.5vh + 1.25vmin);
  line-height: 1;
  margin-top: 0;
}
@media only screen and (min-width: 1600px) {
  .gallery.fullscreen .flckty-title h1 {
    font-size: 60px;
  }
}
.gallery.fullscreen .flckty-title .rex-editor p {
  margin: 0;
}
.gallery.fullscreen .is-selected .flckty-title.start .rex-editor {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.gallery.fullscreen .is-selected .flckty-title.start ~ .foreground-image {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .gallery.fullscreen {
    overflow: visible;
    height: 100%;
  }
}
@media screen and (orientation: portrait) {
  .gallery.fullscreen .flckty-title {
    justify-content: flex-start;
    padding-top: 4rem;
  }
  .gallery.fullscreen .rex-module-inner > div:first-child .flckty-title {
    padding-top: 8rem;
  }
}
.flckty-utils {
  position: absolute;
  height: auto !important;
  bottom: 40px;
  left: 16px;
  right: 16px;
  justify-content: space-between;
  z-index: 10;
}
.flckty-caption .caption {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.flckty-caption .caption span {
  display: inline-block;
  letter-spacing: var(--spacing-small);
  padding: 0.1em 0.5em 0.2em;
  border-radius: 1px;
}
.flckty-caption .caption span:empty {
  display: none;
}
.flckty-util-btn {
  display: none;
}
.flckty-counter {
  display: none;
  align-self: center;
  background-color: #ffffff;
  font-weight: 700;
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
  line-height: 1;
  padding: 0.2em 20px 0.15em;
}
@media only screen and (max-width: 539px) {
  .flckty-counter {
    align-self: flex-start;
  }
}
.carousel-status {
  display: inline-block;
}
html:not(.touch) .flckty-fade .flickity-viewport {
  cursor: default !important;
}
html:not(.touch) .flckty-fade .flickity-slider {
  transform: none !important;
}
html:not(.touch) .flckty-fade .rex-item {
  position: absolute;
  left: 0 !important;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 1.5s 0.75s ease-in-out;
}
html:not(.touch) .flckty-fade .rex-item.is-selected {
  opacity: 1;
  z-index: 1;
  transition: opacity 1.5s ease-in-out;
}
.rex-gallery-nav {
  margin-top: 1.5em;
}
.rex-gallery-nav .rex-item-container {
  display: flex;
}
.rex-gallery-nav .rex-item {
  width: 60px;
  height: 60px;
  margin: 0 8px 0 0 !important;
}
@media only screen and (max-width: 539px) {
  .rex-gallery-nav .rex-item {
    width: 40px;
    height: 40px;
  }
}
.rex-gallery-nav .rex-item img {
  border-radius: 5px;
}
.slider-text {
  padding-bottom: 2rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			testimonial.less  
*/
.module-wrapper.testimonial {
  padding-top: 1rem;
}
.rex-testimonial {
  margin-bottom: calc(var(--grid-gutter-width));
  background-color: #385EE7;
  border-radius: 2rem;
  padding: 1.5rem 1.5rem 2rem 1.5rem;
}
.rex-testimonial blockquote {
  border: none;
  color: #ffffff;
  margin: 0;
  padding: 1rem 0 0 0;
}
.rex-testimonial .rex-image:empty {
  display: none;
}
.rex-testimonial .rex-image {
  width: 180px;
  margin: 0 auto;
}
.rex-testimonial .rex-image img {
  border-radius: 50%;
}
.rex-testimonial .author {
  text-align: center;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  margin: 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			timeline.less  
*/
.module-wrapper.timeline .rex-module > h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}
.module-wrapper.timeline .rex-module > h2:empty {
  display: none;
}
.module-wrapper.timeline .rex-module-inner {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: column;
  padding-top: 2.5rem;
}
.module-wrapper.timeline .rex-module-inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background-color: var(--color-gray);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .module-wrapper.timeline .rex-module-inner:before {
    left: 10px;
  }
}
.module-wrapper.timeline .marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--color-image-background);
  background: var(--color-primary);
  z-index: 9999;
}
.module-wrapper.timeline .timeline-content {
  width: 95%;
  padding: 0 calc(var(--padding-base) / 2);
  color: var(--color-gray-dark);
}
.module-wrapper.timeline .timeline-content h3 {
  margin-bottom: 1rem;
}
.timeline-block {
  display: flex;
  width: calc(50% + 10px);
  justify-content: space-between;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .timeline-block {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.timeline-block-right {
  align-self: flex-end;
}
.timeline-block-left .marker {
  order: 1;
}
.timeline-block-left .timeline-content {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .timeline-block-left .marker {
    order: 0;
  }
  .timeline-block-left .timeline-content {
    text-align: left;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			video.less  
*/
.rex-video {
  /* PLYR Video Player Settings */
  --plyr-color-main: #385EE7;
  --plyr-video-background: transparent;
  --plyr-audio-control-color: #fff;
  --plyr-video-control-color: #fff;
}
.rex-video .rex-editor {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.rex-video .rex-editor:not(:empty) {
  margin-top: 1em;
}
.rex-video .plyr__control--overlaid[data-plyr=play] {
  border-radius: 50%;
  height: 82px;
  width: 82px;
  transition: transform 0.2s ease-out;
}
.rex-video .plyr__control--overlaid[data-plyr=play] svg {
  transform: translate(50%);
  width: 24px;
  height: 24px;
  left: 4px;
}
.rex-video .plyr__control--overlaid[data-plyr=play]:before {
  animation: fx-plyr-play-button 2s ease-out infinite;
  border: 6px solid #385EE7;
  border-radius: 200%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  content: "";
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
}
.rex-video .plyr:hover .plyr__control--overlaid[data-plyr=play] {
  background-color: #385EE7;
  transform: translate(-50%, -50%) scale(1.2);
}
.rex-video .plyr--paused.plyr--stopped .plyr__control--overlaid[data-plyr=play] {
  display: block !important;
}
.rex-video .plyr--paused.plyr--stopped .plyr__controls {
  display: none;
}
.video-wrapper {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  /* 0.5625 */
  padding-bottom: 56.25%;
  border: 1px solid lightblue;
  border-radius: 1rem;
}
.video-wrapper:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
}
.video-wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.video-wrapper img {
  height: auto !important;
  max-height: none;
}
@keyframes fx-plyr-play-button {
  0% {
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			custom.less  
*/
.homepage-intro {
  background-color: #c11717;
  background: linear-gradient(to right, rgba(193, 23, 23, 0.8) 20%, rgba(191, 76, 22, 0.25) 100%);
  padding-top: 10rem;
  padding-bottom: 3rem;
}
.homepage-intro .container {
  --max-width: 1360px;
}
@media only screen and (min-width: 1200px) {
  .homepage-intro .hero {
    display: grid;
    gap: 3rem;
    grid-template-columns: 50% auto;
    align-items: center;
  }
}
.homepage-intro .hero-content {
  z-index: 2;
}
.homepage-intro .hero-content .rex-editor {
  padding-bottom: 1rem;
}
.homepage-intro .hero-content .btn:first-of-type {
  margin-right: 1rem;
}
.homepage-intro .hero-content .btn + .btn {
  margin-top: 1rem;
}
.homepage-intro .hero-content .btn {
  background-color: #385EE7;
  color: #ffffff;
  border-color: #385EE7;
  font-size: 16px;
}
.homepage-intro .hero-content .btn:hover {
  background-color: #ffffff;
  color: #385EE7;
  border-color: #ffffff;
}
.homepage-intro .hero-content .btn-inverted {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.homepage-intro .hero-content .btn-inverted:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
.homepage-intro .hero-content ul,
.homepage-intro .hero-content p {
  font-size: 1rem;
  line-height: 1.4;
  color: #000 !important;
  margin-bottom: 1rem !important;
}
.homepage-intro .hero-content ul li {
  margin-bottom: 0.75rem;
}
.homepage-intro .hero-content p:last-child {
  margin-bottom: 1.5rem !important;
}
.homepage-intro .hero-content h1 {
  color: #000;
  font-size: calc(2vw + 2vh + 2vmin);
  line-height: 1.05;
  margin: 0 0 1rem;
  -webkit-hyphens: none;
          hyphens: none;
}
@media only screen and (min-width: 1600px) {
  .homepage-intro .hero-content h1 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 539px) {
  .homepage-intro .hero-content h1 {
    margin-bottom: 1.25rem;
  }
}
.homepage-intro .hero-content .text-small {
  font-weight: 600;
  color: #000;
  font-size: 14px;
}
.homepage-intro .hero-gallery {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.homepage-intro .hero-gallery:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50%;
  width: 200%;
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.7), transparent 60%);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 20%, #000 60%, transparent);
          mask-image: linear-gradient(180deg, transparent, #000 20%, #000 60%, transparent);
}
.homepage-intro .hero-gallery .cssload-container {
  z-index: 1;
}
.homepage-intro .hero-image {
  width: 100%;
}
@media only screen and (max-width: 1439px) {
  .homepage-intro .hero-image {
    width: 85%;
    margin: 3rem auto 0 auto;
  }
}
.homepage-intro .hero-image .bgset {
  background-size: contain;
}
.rex-grid-6 {
  padding-top: 2.5rem;
}
.rex-grid-6 .rex-item {
  margin-bottom: 0;
}
@media only screen and (max-width: 539px) {
  .rex-grid-6 .rex-module-inner {
    padding: 0 2rem;
  }
}
.rex-grid-6 header {
  margin: 0;
}
.rex-grid-6 h2 {
  text-align: center;
  color: #000;
  font-size: 0.9rem;
  margin-bottom: 1rem !important;
}
.rex-grid-6 .rex-image figure {
  margin: 0 auto;
  width: 80%;
}
.rex-listing.special_srcset_ratio_16_9 .btn-read-more,
.rex-listing.shadow-box .btn-read-more {
  margin-top: 0.35em;
}
.rex-listing.special_srcset_ratio_16_9 .rex-item > a:hover .btn-read-more,
.rex-listing.shadow-box .rex-item > a:hover .btn-read-more {
  color: var(--color-primary);
}
.rex-listing.special_srcset_ratio_16_9 .rex-description,
.rex-listing.shadow-box .rex-description {
  margin-top: 0.75rem;
}
.rex-listing.special_srcset_ratio_16_9.title-all h3,
.rex-listing.shadow-box.title-all h3 {
  margin: 0.2em 0 0 0;
}
.rex-listing figure.svg {
  width: 50%;
}
.rex-listing.shadow-box {
  --grid-gutter-width: 32px;
}
.rex-listing.shadow-box .rex-module-inner {
  align-items: stretch;
}
.rex-listing.shadow-box .rex-item-container {
  height: 100%;
}
.rex-listing.shadow-box .rex-header,
.rex-listing.shadow-box .rex-image {
  padding: 1.25rem;
}
.rex-listing.shadow-box .rex-header {
  padding-top: 0;
}
.rex-listing.shadow-box .rex-image:hover {
  box-shadow: none;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-item-container,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item-container {
  position: relative;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-item a:hover .rex-header,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item a:hover .rex-header {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-item a:hover .rex-header:before,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item a:hover .rex-header:before {
  opacity: 1;
  visibility: visible;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-header,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: calc(var(--grid-gutter-width) / 2);
  padding-top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 45%, #070e27);
  transition: box-shadow 0.2s ease;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-header:before,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 25%, #070e27);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: -1;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-header h3,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header h3 {
  text-transform: uppercase;
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  margin-bottom: 0.5em;
  color: #ffffff;
  line-height: 1.4;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-header .rex-description,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header .rex-description {
  color: #ffffff;
  font-weight: bold;
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
  line-height: 1.3;
}
.rex-listing.viewmode-grid.special_srcset_ratio_3_4 .rex-header .btn-read-more,
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header .btn-read-more {
  order: 3;
  margin-top: 1em;
  width: auto;
}
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-item-container {
  height: 100%;
}
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header {
  align-items: center;
  justify-content: center;
}
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 .rex-header h3 {
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  text-transform: uppercase;
  text-align: center;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.rex-listing.viewmode-grid.special_srcset_ratio_1_1 a:hover h3 {
  text-decoration: none;
}
.text-bg {
  border: 1px solid var(--color-gray-light);
  border-radius: 2rem;
  padding: 2rem 170px 2rem 2rem;
  background-position: right 1.5rem top 1.5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
  background-color: #f8f8f8;
  /*.rex-editor {
    p {
      color: var(--color-gray-dark);
    }
  }*/
}
@media only screen and (max-width: 539px) {
  .text-bg {
    padding-right: 56px;
  }
}
.text-bg h2 {
  color: var(--color-secondary);
}
.text-bg-list {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%20116%20139%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(1%201)%22%20stroke%3D%22%23C71E24%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M0%200h114v137H0zM92%2031.5H60M92%2068.5H60M92%20105.5H60%22%2F%3E%3Cpath%20d%3D%22m22%2030.6%206.286%206.4L44%2021M22%2068.6l6.286%206.4L44%2059%22%2F%3E%3Ccircle%20cx%3D%2231.5%22%20cy%3D%22105.5%22%20r%3D%229.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 85px;
}
@media only screen and (max-width: 539px) {
  .text-bg-list {
    background-size: 42px;
  }
}
.text-bg-checkmark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%20109%20103%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%2331971a%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M95.23%2033.462C97.493%2039.173%2099%2045.646%2099%2052.5%2099%2079.915%2077.138%20102%2050%20102S1%2079.915%201%2052.5%2022.862%203%2050%203c9.423%200%2018.47%202.665%2026.008%207.615%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22m31%2040%2019%2019%2057-57%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 104px;
}
.text-bg-checkmark h2 {
  color: #31971a;
}
@media only screen and (max-width: 539px) {
  .text-bg-checkmark {
    background-size: 48px;
  }
}
.rex-blog-nav {
  margin-bottom: 2.125rem;
}
.rex-blog-nav a {
  color: var(--color-root-text);
  font-weight: bold;
  /*px*/ font-size: 21px;
  /*rem*/ font-size: 1.3125rem;
}
.rex-blog-nav a:hover {
  text-decoration: underline;
}
.rex-blog-nav svg {
  color: var(--color-secondary);
}
.rex-blog-header .full-width-modern .rex-image {
  margin: 0 auto;
  max-width: 874px;
}
.rex-blog-header .rex-header {
  margin-top: 1.25em;
}
.rex-blog-header .rex-date {
  display: inline-block;
  margin-bottom: 0.25em;
}
.rex-blog-header h1 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.image-icons .rex-module > .rex-editor {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.image-icons .rex-header h2 {
  max-width: 860px;
}
.image-icons .rex-header[style*="center"] h2 {
  margin-left: auto;
  margin-right: auto;
}
.image-icons .rex-header[style*="right"] h2 {
  margin-left: auto;
}
.image-icons svg {
  font-size: 68px;
  padding: 0.7rem 0;
}
@media only screen and (max-width: 539px) {
  .image-icons svg {
    font-size: 56px;
  }
}
.image-icons .rex-header + .rex-editor {
  margin-bottom: 2rem;
}
.image-icons .viewmode-grid .rex-module-inner {
  align-items: stretch;
}
.image-icons .viewmode-grid .rex-module-inner .rex-item-container {
  width: 100%;
}
.image-icons .viewmode-grid .rex-module-inner > .rex-item {
  display: flex;
  align-items: center;
}
.image-icons .viewmode-grid .rex-module-inner > div:nth-child(2) {
  align-self: center;
}
@media only screen and (max-width: 539px) {
  .image-icons .viewmode-grid .rex-module-inner > div:nth-child(2) {
    margin: 1.25rem auto 1rem;
    max-width: 90%;
  }
}
@media only screen and (max-width: 991px) {
  .image-icons .viewmode-grid.rex-grid-3 .rex-item {
    width: 100% !important;
  }
}
.row.icon-text {
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  --grid-gutter-width: 16px;
}
.row.icon-text .rex-editor {
  line-height: 1.3;
  font-weight: 300;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.row.icon-text h3 {
  margin-bottom: 0.25rem;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  line-height: 1.4;
}
@media only screen and (max-width: 539px) {
  .row.icon-text h3 {
    /*px*/ font-size: 19px;
    /*rem*/ font-size: 1.1875rem;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.row.icon-text img {
  max-width: 48px;
}
.alert {
  display: inline-block;
  border: 1px solid var(--color-gray-light);
  padding: 1.1rem 1.75rem;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  color: var(--color-root-text);
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.alert > p:last-child {
  margin-bottom: 0;
}
.alert h2,
.alert h3 {
  margin-bottom: 0.75rem;
}
.alert.alert-info {
  color: var(--color-hilite);
  border-color: var(--color-hilite);
}
.alert.alert-danger {
  border-color: var(--color-error);
  color: var(--color-error);
}
.alert.alert-success {
  border-color: #31971a;
  color: #31971a;
}
.alert.alert-success h3 {
  color: #31971a;
}
.template-landing-page {
  /* .nav-container, .meta-container .btn {
    .hide();
  }

  .rex-doormat {
    & > .rex-module-inner > div {
      .hide();

      &:last-child {
        display: flex;
      }
    }
  }*/
}
.ocmenu .lang-nav li:after {
  color: ;
}
.ocmenu-list li.margin_top {
  margin-top: 3em;
}
.ocmenu-list.lang-nav li {
  border: none;
}
.ocmenu .rex-grid {
  padding-top: 2rem;
}
.ocmenu .rex-grid .btn {
  margin: 0 0.5rem;
}
.countup-elements .rex-item-container {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.countup-elements .rex-item {
  margin-bottom: calc(var(--grid-gutter-width));
}
.countup-elements .rex-module-inner {
  justify-content: center;
}
.count-icon {
  border: 1px solid #F4F4F4;
  border-radius: 50%;
  padding: 2rem;
  width: 122px;
  height: 122px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .count-icon {
    width: 102px;
    height: 102px;
  }
}
.count-item {
  font-weight: 700;
  margin-top: 0.072rem;
  font-size: 1.65rem;
}
.count-label {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.fix-grid .rex-gallery .rex-module-inner {
  align-items: center;
}
.fix-grid .rex-grid-2 .rex-item {
  width: calc(1 / 2 * 100%) !important;
}
.fix-grid .rex-grid-3 .rex-item {
  width: calc(1 / 3 * 100%) !important;
}
.fix-grid .rex-grid-4 .rex-item {
  width: calc(1 / 4 * 100%) !important;
}
.ripple {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
  border: 0.3rem solid #cecece;
  transform: translate(50%);
  animation: 1.2s ripple ease-out infinite;
}
@keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.cssload-container {
  width: 45px !important;
  height: 45px !important;
  visibility: visible;
  transition: visibility 0.5s;
}
.lazyloaded .cssload-container {
  visibility: hidden;
}
/* ========================================================== */
/* = Responsive Media Queries                                = */
/* ========================================================== */
/* min-width: 1440px */
/* max-width: 1439px */
/* min-width: 1200px */
/* min-width: 992px */
/* max-width: 1799px */
/* max-width: 1439px */
/* max-width: 1199px */
/* max-width: 991px */
@media only screen and (max-width: 991px) {
  html {
    font-size: 14px;
  }
}
/* min-width: 768px */
/* max-width: 767px */
@media only screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}
/* max-width: 479px */
/*# sourceMappingURL=main.css.map */