@charset "UTF-8";
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			main.less  
*/
/*
Title:			default mixins
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			lib-mixins.less
*/

.banner_inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-evenly;
    
}

.banner_inner img {width: 463px; max-width: 463px;}

@media (max-width:1040px) {
    .banner_inner {display: block;} 
    .banner_inner div {margin: auto; margin-bottom: 20px; width: 463px;}
}

@media (max-width:510px) {
    .banner_inner div {width: 100%;}
    .banner_inner div img {width: 100%; height: auto;}
}


.flex-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.full-width-modern,
.css-module-wrapper.full-width {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.font-smoothing,
.footer-text,
.nav_toggle.toggle-ocmenu .label,
.nav_toggle.toggle-dropdown .label,
#nav-dropdown li > a,
.mainmenu,
.ocmenu,
.rex-item.kuss .rex-editor,
.rex-item.kuss header h3,
.rex-item.kuss .icon {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}
.rc {
  position: relative;
  display: block;
  overflow: hidden;
}
.rc:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
}
.rc > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.rc 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,
.rex-gallery.viewmode-slider.setSize-false img,
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-center {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}
.horizontal-center {
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
/*! 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 {
  -moz-box-sizing: content-box;
  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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 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: #009ec2;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/* ========================================================================== *\
   Base -> Blockquotes ($base-blockquotes)
\* ========================================================================== */
blockquote {
  color: #777777;
  font-family: 'Open sans', sans-serif;
  font-style: italic;
  /*px*/ font-size: 23px;
  /*rem*/ font-size: 1.4375rem;
  /*px*/ margin-left: 24px;
  /*rem*/ margin-left: 1.5rem;
  /*px*/ padding-left: 24px;
  /*rem*/ padding-left: 1.5rem;
  /*px*/ border-left: 6px solid #dedede;
  /*rem*/ border-left: 0.375rem solid #dedede;
  /**
   * Use <cite> inside blockquotes.
   *
   * @link http://cbrac.co/18LWCOw
   */
}
blockquote p {
  margin: 0;
}
blockquote p + p {
  /*px*/ margin-top: 24px;
  /*rem*/ margin-top: 1.5rem;
}
blockquote cite {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
  color: #777777;
  /**
     * Add an m-dash character before the <cite> tag.
     */
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a {
  color: #777777;
}
/* ========================================================================== *\
   Base -> Embedded Content ($base-embedded-content)
\* ========================================================================== */
/**
 * Remove the gap between audio, canvas, iframes, images, videos and the bottom
 * of their containers.
 *
 * @link http://cbrac.co/Q6smqV
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/**
 * Fluid-width <audio>, <canvas>, & <video> elements.
 */
audio,
canvas,
video {
  width: 100%;
}
audio:focus,
canvas:focus,
video:focus {
  outline: 1px dotted #000000;
}
/**
 * Fluid-width media elements that maintain their aspect ratios.
 */
embed,
img,
object,
video {
  max-width: 100%;
  height: auto;
}
embed,
object {
  height: 100%;
}
/**
 * Reset `margin` for figure elements.
 */
figure {
  margin-right: auto;
  margin-left: auto;
}
/**
 * Set <img> elements as block-level inside <figure> elements.
 */
figure > img {
  display: block;
}
/**
 * Give <figcaption> elements some default styles.
 */
figcaption {
  /*px*/ font-size: 8px;
  /*rem*/ font-size: 0.5rem;
  font-style: italic;
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
  color: #777777;
}
/**
 * 1. If images do not load, the `alt` text will be visually offset and more
 *    noticeable.
 * 2. Improve image resize rendering in IE6/7.
 *
 *    @link http://cbrac.co/11ciIZL
 */
img {
  font-style: italic;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/* ========================================================================== *\
   Base -> Form Elements ($base-form-elements)
\* ========================================================================== */
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where [2] destroys native
 *    <audio> and <video> controls.
 * 2. Improve usability and consistency of cursor style between
 *    image-type <input> and others.
 */
button,
html input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
  cursor: pointer;
  /* 2 */
}
/**
 * Fix vertical alignment inconsistencies with certain form inputs.
 */
input[type="color"],
input[type="range"] {
  vertical-align: middle;
}
/**
 * 1. Set `min-width` to 0 to avoid overflow issues in Chrome.
 * 2. Remove default `margin`, `padding`, and `border` across browsers.
 */
fieldset {
  min-width: 0;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 2 */
  border: 0;
  /* 2 */
}
/**
 * 1. Set checkbox, image, and radio inputs to `inline-block`, by default.
 */
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  display: inline-block;
  /* 1 */
  width: auto;
}
/**
 * 1. Constrict `max-width` for file inputs to avoid overflow issues.
 */
input[type="file"] {
  max-width: 100%;
  /* 1 */
  cursor: pointer;
}
/**
 * 1. Set search inputs to `border-box` by default. This overrides the
 *    `content-box` value set by normalize.css.
 * 2. Remove rounded corners from iOS search inputs by overriding `appearance:
 *    textfield` from normalize.css.
 *
 *    @link http://cbrac.co/1xgTke2
 */
input[type="search"] {
  box-sizing: border-box;
  /* 1 */
  appearance: none;
  /* 2 */
}
/**
 * Remove rounded corners that iOS and Chrome apply to <input> buttons and
 * <select> menus.
 */
input[type="submit"],
input[type="button"],
input[type="image"],
input[type="reset"],
select {
  border-radius: 0;
}
/**
 * 1. Force Safari to give <legend> elements 100% width.
 * 2. Remove `padding` so people aren't caught out if they zero out <fieldset>.
 * 3. Correct `color` not being inherited in IE 8/9.
 */
legend {
  font-weight: 700;
  width: 100%;
  /* 1 */
  padding: 0;
  /* 2 */
  color: #222222;
  /* 3 */
  border: 0;
}
/**
 * 1. Restrict width to 100% of its parent to avoid horizontal overflow issues.
 * 2. Force `height: auto;` for <textarea> across browsers.
 * 3. <textarea> elements should only resize vertically.
 */
textarea {
  max-width: 100%;
  /* 1 */
  height: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}
/* ========================================================================== *\
   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: 'Open sans', sans-serif;
  font-weight: 700;
  color: #1e3378;
}
h1,
.h1 {
  /*px*/ font-size: 46px;
  /*rem*/ font-size: 2.875rem;
}
h2,
.h2 {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
}
h3,
.h3 {
  /*px*/ font-size: 23px;
  /*rem*/ font-size: 1.4375rem;
}
h4,
.h4 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
h5,
.h5 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
h6,
.h6 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
/* ========================================================================== *\
   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 -> Tables ($base-tables)
\* ========================================================================== */
table {
  width: 100%;
  empty-cells: show;
}
th,
tfoot td {
  text-align: left;
}
th,
td {
  overflow: visible;
}
/* ========================================================================== *\
   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,
.control-label,
.back-to-top span,
.rex-listing.title-hide:not(.viewmode-fullcontent) .rex-header,
.rex-listing.viewmode-slider figcaption {
  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 -> Buttons ($objects-buttons)
\* ========================================================================== */
.btn {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  margin: 0;
  /*px*/ padding: 1px 30px 0;
  /*rem*/ padding: 0.0625rem 1.875rem 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #ffffff;
  border: 0 none;
  background-color: #1e3378;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /**
   * States
   */
}
.btn:hover {
  background-color: #203680;
}
.btn:active,
.btn.is-active {
  background-color: #1c3070;
  /*px*/ box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.25) inset;
  /*rem*/ box-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.25) inset;
}
.btn:active:focus {
  outline: 0 none;
}
.btn:disabled,
.btn[disabled],
.btn.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  box-shadow: none;
  text-shadow: none;
}
/**
 * Shapes
 */
.btn-round,
input[type="button"].btn-round,
input[type="submit"].btn-round {
  /*px*/ border-radius: 12pxpx;
  /*rem*/ border-radius: 0.75pxrem;
}
/**
 * Sizes
 */
.btn-xs {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
}
.btn-sm {
  /*px*/ font-size: 8px;
  /*rem*/ font-size: 0.5rem;
  /*px*/ padding: 6px 10px;
  /*rem*/ padding: 0.375rem 0.625rem;
}
.btn-block {
  display: block;
}
@media (min-width: 960px) {
  .btn-lg,
  .btn-block {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ padding: 12px 90px 12px 30px;
    /*rem*/ padding: 0.75rem 5.625rem 0.75rem 1.875rem;
  }
}
/**
 * Colors
 */
.btn-primary {
  color: #ffffff;
  background-color: #1e3378;
}
.btn-primary:hover {
  background-color: #223a88;
}
.btn-primary:active,
.btn-primary.is-active {
  background-color: #1a2c68;
}
/**
 * Groups
 */
.btn-group .btn {
  /*px*/ margin: 0 2px;
  /*rem*/ margin: 0 0.125rem;
}
.btn-group .btn.btn-lg {
  /*px*/ margin: 0 4px;
  /*rem*/ margin: 0 0.25rem;
}
.btn-group .btn:first-child {
  margin-left: 0;
}
.btn-group .btn:last-child {
  margin-right: 0;
}
/* ========================================================================== *\
   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 {
  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:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			styles.less  
*/
body {
  background-color: #ffffff;
  -webkit-tap-highlight-color: rgba(0, 158, 194, 0.25);
}
a {
  text-decoration: none;
  border-bottom: none;
}
a .icon {
  color: #009ec2;
}
a:hover,
a:hover .icon {
  color: #004b5c;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
figure {
  margin-bottom: 0;
  position: relative;
}
#base {
  overflow: hidden;
}
.content {
  padding-top: 160px;
  max-width: 1244px;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .content {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .content {
    padding-top: 120px;
  }
}
.container,
.site_banner {
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 768px) {
  .container,
  .site_banner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .container,
  .site_banner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#home .section-inner {
  padding-top: 0 !important;
}
.art-no-banner #content-core {
  padding-bottom: 2em;
}
.art-no-banner .logo-container {
  top: 48px;
}
.content .container > section {
  margin-top: 2em;
  margin-bottom: 2em;
}
.content .container > section .section-inner {
  padding: 1em 0 2em;
}
.content .container > section:last-child {
  margin-bottom: 0;
}
.content .container > section:last-child .section-inner {
  padding-bottom: 0;
}
.content .container > section .rex-module {
  margin: 0;
}
.template-default .content > .container {
  max-width: 900px;
}
.template-default .rex-header h2 {
  font-weight: 600;
  /*px*/ font-size: 23px;
  /*rem*/ font-size: 1.4375rem;
  color: #000;
}
.template-default .rex-gallery .flickity-prev-next-button {
  background-color: rgba(255, 255, 255, 0.7);
}
.template-default .rex-gallery .flickity-prev-next-button .flickity-button-icon {
  width: 30px;
  height: 30px;
}
.template-default .rex-gallery .flickity-prev-next-button .flickity-button-icon .arrow {
  fill: #000000;
}
.css-module-wrapper.full-width .css-module {
  max-width: 1052px;
}
.ope.double-indent .section-inner {
  margin: 0 auto;
  max-width: 988px;
}
@media screen and (min-width: 1053px) {
  .css-module-wrapper.double-indent .css-module {
    padding: 0 32px;
  }
}
.css-module-wrapper.full-width {
  background-color: #f3f3f3;
}
.css-module-wrapper.full-width .css-module {
  margin: 0 auto;
  padding: 3em 32px !important;
}
@media only screen and (max-width: 768px) {
  .css-module-wrapper.full-width .css-module {
    padding: 3em 24px !important;
  }
}
@media only screen and (max-width: 479px) {
  .css-module-wrapper.full-width .css-module {
    padding: 3em 16px !important;
  }
}
.css-module-wrapper.full-width.turquois {
  background-color: rgba(0, 158, 194, 0.36);
  color: #1e3378;
}
.site_banner {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 0.5em;
}
.site_banner img {
  width: 100%;
  height: auto;
}
.banner-inner {
  max-width: 696px;
}
.template-default .site_banner {
  margin-bottom: 3em;
}
.rex-primary {
  float: right;
  width: 60%;
}
@media only screen and (max-width: 991px) {
  .rex-primary {
    width: 100%;
    float: none;
  }
  .rex-primary .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-primary .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.rex-secondary {
  float: left;
  width: 40%;
  padding: 0.5em 32px 0 0;
}
@media only screen and (min-width: 1200px) {
  .rex-secondary {
    padding-right: 96px;
  }
}
@media only screen and (max-width: 991px) {
  .rex-secondary {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-top: 2em;
  }
  .rex-secondary .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-secondary .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			colors.less  
*/
.rex-image .rc {
  background-color: #f8f8f8;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			onts.less  
*/
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-regular.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-regular.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-regular.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-regular.svg#Open sans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-regular.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-italic.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-italic.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-italic.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-italic.svg#Open sans") format("svg");
  font-weight: normal;
  font-style: italic;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-italic.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-300.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-300.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-300.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-300.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-300.svg#Open sans") format("svg");
  font-weight: 300;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-300.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-600.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-600.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-600.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-600.svg#Open sans") format("svg");
  font-weight: 600;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-600.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-700.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-700.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-700.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-700.svg#Open sans") format("svg");
  font-weight: 700;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-700.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-700italic.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-700italic.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-700italic.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-700italic.svg#Open sans") format("svg");
  font-weight: 700;
  font-style: italic;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-700italic.svg#Open sans") format("svg");
  }
}
@font-face {
  font-family: "Open sans";
  src: url("../fonts/open-sans-v16-latin_latin-ext-800.eot");
  src: url("../fonts/open-sans-v16-latin_latin-ext-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-latin_latin-ext-800.woff2") format("woff2"), url("../fonts/open-sans-v16-latin_latin-ext-800.woff") format("woff"), url("../fonts/open-sans-v16-latin_latin-ext-800.ttf") format("truetype"), url("../fonts/open-sans-v16-latin_latin-ext-800.svg#Open sans") format("svg");
  font-weight: 800;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Open sans";
    src: url("../fonts/open-sans-v16-latin_latin-ext-800.svg#Open sans") format("svg");
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			mixins.less  
*/
.font-normal {
  font-family: 'Open sans', sans-serif;
}
.font-serif {
  font-family: 'Open sans', sans-serif;
}
time,
.category {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  letter-spacing: 0.025em;
}
hr {
  margin: 1.5em 0;
  border-color: #333333;
}
[class*="spacer-"]:before,
[class*="spacer-"]:after {
  display: table;
  content: " ";
}
[class*="spacer-"]:after {
  clear: both;
}
.spacer-base {
  height: 32px;
}
.spacer-small {
  height: 16px;
}
.spacer-large {
  height: 64px;
}
/*
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: 'Open sans', sans-serif;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  line-height: 1.5;
  /* 1 */
  /*overflow-y: scroll;              /* 2 */
  height: 100%;
  /* 3 */
  background-color: #ffffff;
  color: #000;
}
/**
 * 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;
  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  
*/
.rex-footer {
  padding: 2em 0 0.5em 0;
  background: #0258A9 url("../images/TopTop.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.rex-footer .container {
  max-width: 1172px;
  margin: 0 auto;
}
.footer-text {
  color: #ffffff;
  font-size: 13px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.footer-text a {
  color: #ffffff;
}
.footer-text a:hover,
.footer-text a:focus {
  color: #009ec2;
}
.footer-text a:hover:after,
.footer-text a:focus:after {
  color: #ffffff;
}
.footer-text p:first-child {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .footer-text p:first-child {
    width: 35%;
  }
}
@media only screen and (max-width: 479px) {
  .footer-text p:first-child {
    width: 100%;
  }
  .footer-text p:first-child .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .footer-text p:first-child .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.footer-text p {
  width: 37.5%;
}
@media only screen and (max-width: 991px) {
  .footer-text p {
    width: 65%;
  }
}
@media only screen and (max-width: 479px) {
  .footer-text p {
    width: 100%;
  }
  .footer-text p .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .footer-text p .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.footer-text p:last-child {
  text-align: right;
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 991px) {
  .footer-text p:last-child {
    width: 100%;
    text-align: left;
  }
  .footer-text p:last-child .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .footer-text p:last-child .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.footer-text p:last-child a {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1.6;
  margin-bottom: 0.3em;
}
.footer-social {
  padding-bottom: 1.5em;
}
.footer-social .icon {
  color: #fff;
  font-size: 32px;
  margin: 0 5px 5px 0;
}
.footer-social .icon:hover,
.footer-social .icon:focus {
  color: #009ec2;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			forms.less  
*/
input[type="text"],
input[type="email"],
textarea {
  border: none;
  height: 32px;
  font-family: 'Open sans', sans-serif;
  color: #aaaaaa;
  font-size: 13px;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 0 16px;
  width: 100%;
}
textarea {
  border: none;
  height: auto;
  padding: 16px;
}
.form-group {
  margin-bottom: 0.8em;
}
.yform .alert {
  font-family: 'Lucida', sans-serif;
}
.yform .alert dt {
  color: #b70e0e;
}
.yform .alert dd {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.yform .has-error ::-webkit-input-placeholder {
  color: #b70e0e;
}
.yform .has-error :-moz-placeholder {
  /* Firefox 18- */
  color: #b70e0e;
}
.yform .has-error ::-moz-placeholder {
  /* Firefox 19+ */
  color: #b70e0e;
}
.yform .has-error input::-ms-input-placeholder {
  color: #b70e0e;
}
.yform .has-error [placeholder]:focus::-webkit-input-placeholder {
  color: #b70e0e;
}
.yform .has-error input[type="text"],
.yform .has-error input[type="email"] {
  border-bottom-color: #b70e0e;
  color: #b70e0e;
}
::-webkit-input-placeholder {
  color: #aaaaaa;
  font-family: 'Open sans', sans-serif;
  font-size: 13px;
  line-height: 1.2;
  /* Safari iOS needs this */
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
  font-family: 'Open sans', sans-serif;
  font-size: 13px;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
  font-family: 'Open sans', sans-serif;
  font-size: 13px;
}
input::-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
  font-family: 'Open sans', sans-serif;
  font-size: 13px;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.4s 0.4s ease;
  opacity: 0;
  font-family: 'Open sans', sans-serif;
  font-size: 13px;
}
/**
 * Grid
 *
 * Set up responsive grid system.
 * 
 * This is heavily infleuenced by the Semantic Grid http://semantic.gs
 *
 * @author Abban Dunne http://abandon.ie
 * @author James Wilson http://jimmynotjim.com
 * @version 1.1
 *
 * modified by Philipp Hofstätter to work with negative margins instead of padding, which adds more flexibility
 * http://www.webdesignwien.co.at
 *
 */
/* Utility variable — you should never need to modify this */
/* row container */
/* column container */
/* Push adds left padding */
/* Pull adds right padding */
.rex-grid-6 .rex-module-inner > div:nth-child(6n + 1),
.rex-grid-6 .rex-module-inner > article:nth-child(6n + 1) {
  clear: left;
}
.rex-grid-6 .rex-item {
  width: 16.66666667%;
}
.rex-grid-5 .rex-module-inner > div:nth-child(5n + 1),
.rex-grid-5 .rex-module-inner > article:nth-child(5n + 1) {
  clear: left;
}
.rex-grid-5 .rex-item {
  width: 20%;
}
@media only screen and (max-width: 1300px) {
  .rex-grid-5 .rex-module-inner > div:nth-child(n),
  .rex-grid-5 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-5 > div:nth-child(4n + 1),
  .rex-grid-5 > .rex-module-inner > article:nth-child(4n + 1) {
    clear: left;
  }
  .rex-grid-5 .rex-item {
    width: 25%;
  }
}
@media only screen and (max-width: 992px) {
  .rex-grid-5 .rex-module-inner > div:nth-child(n),
  .rex-grid-5 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-5 > div:nth-child(3n + 1),
  .rex-grid-5 > .rex-module-inner > article:nth-child(3n + 1) {
    clear: left;
  }
  .rex-grid-5 .rex-item {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-5 .rex-module-inner > div:nth-child(n),
  .rex-grid-5 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-5 > div:nth-child(2n + 1),
  .rex-grid-5 > .rex-module-inner > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-5 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 540px) {
  .rex-grid-5 .rex-module-inner > div:nth-child(n),
  .rex-grid-5 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-5 .rex-item {
    width: 100%;
    float: none !important;
  }
  .rex-grid-5 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-grid-5 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.rex-grid-4 .rex-module-inner > div:nth-child(4n + 1),
.rex-grid-4 .rex-module-inner > article:nth-child(4n + 1) {
  clear: left;
}
.rex-grid-4 .rex-item {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .rex-grid-4 .rex-module-inner > div:nth-child(n),
  .rex-grid-4 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 > div:nth-child(3n + 1),
  .rex-grid-4 > .rex-module-inner > article:nth-child(3n + 1) {
    clear: left;
  }
  .rex-grid-4 .rex-item {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-4 .rex-module-inner > div:nth-child(n),
  .rex-grid-4 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 > div:nth-child(2n + 1),
  .rex-grid-4 > .rex-module-inner > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-4 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .rex-grid-4 .rex-module-inner > div:nth-child(n),
  .rex-grid-4 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 .rex-item {
    width: 100%;
    float: none !important;
  }
  .rex-grid-4 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-grid-4 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.rex-grid-3 .rex-module-inner > div:nth-child(3n + 1),
.rex-grid-3 .rex-module-inner > article:nth-child(3n + 1) {
  clear: left;
}
.rex-grid-3 .rex-item {
  width: 33.33333333%;
}
@media only screen and (max-width: 1100px) {
  .rex-grid-3 .rex-module-inner > div:nth-child(n),
  .rex-grid-3 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-3 .rex-module-inner > div:nth-child(2n + 1),
  .rex-grid-3 > .rex-module-inner > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-3 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-3 .rex-module-inner > div:nth-child(n),
  .rex-grid-3 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-3 .rex-item {
    width: 100%;
    float: none !important;
  }
  .rex-grid-3 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-grid-3 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.rex-grid-2 .rex-module-inner > div:nth-child(2n + 1),
.rex-grid-2 .rex-module-inner > article:nth-child(2n + 1) {
  clear: left;
}
.rex-grid-2 .rex-item {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .rex-grid-2 .rex-module-inner > div:nth-child(n),
  .rex-grid-2 > .rex-module-inner > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-2 > div:nth-child(2n + 1),
  .rex-grid-2 > .rex-module-inner > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-2 .rex-item {
    width: 100%;
    float: none;
  }
  .rex-grid-2 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .rex-grid-2 .rex-item .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.rex-grid-1 .rex-module-inner > div:nth-child(1n + 1),
.rex-grid-1 .rex-module-inner > article:nth-child(1n + 1) {
  clear: left;
}
.rex-grid-1 .rex-item {
  width: 100%;
}
.rex-module-inner:before,
.rex-module-inner:after {
  display: table;
  content: " ";
}
.rex-module-inner:after {
  clear: both;
}
.rex-module-inner .rex-item {
  float: left;
}
.rex-editor table[class*="rex-grid"] td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.rex-editor table[class*="rex-grid"] td:first-child {
  padding-right: 16px;
}
.rex-editor table[class*="rex-grid"] td:last-child {
  padding-left: 16px;
}
table.rex-grid-4 tr td:nth-child(2),
table.rex-grid-4 tr td:nth-child(3) {
  padding-left: 16px;
  padding-right: 16px;
}
table.rex-grid-3 tr td:nth-child(2) {
  padding-left: 16px;
  padding-right: 16px;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			header.less  
*/
@media only screen and (min-width: 992px) {
  .main-header {
    background: #435bab url("../images/TopTop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.main-header .container {
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0 auto;
  max-width: 1244px;
}
@media only screen and (max-width: 991px) {
  .main-header .container {
    background: #435bab url("../images/TopTop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.header-wrapper {
  overflow: visible;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .header-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    padding-top: 80px;
  }
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  overflow: visible;
}
.logo-container {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 108px;
  width: 240px;
  transition: all 0.15s;
  z-index: 1;
}
@media only screen and (min-width: 1200px) {
  .logo-container {
    width: 295px;
  }
}
@media screen and (max-width: 1070px) {
  .logo-container {
    top: -5px;
  }
}
@media only screen and (max-width: 991px) {
  .logo-container {
    width: 180px;
  }
}
@media only screen and (max-width: 479px) {
  .logo-container {
    width: 140px;
    top: -10px;
  }
}
.logo {
  display: inline-block;
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 46.77966102%;
  border-radius: 12px;
}
.logo:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
}
.logo > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.logo img {
  height: auto !important;
  max-height: none;
}
.logo img {
  transition: width 0.15s;
}
@media only screen and (min-width: 992px) {
  .main-header.sticky .header-wrapper {
    padding-top: 24px;
  }
  .main-header.sticky .logo-container {
    top: -12px;
    width: 150px;
  }
}
@media only screen and (max-width: 479px) {
  .main-header.sticky > .container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .main-header.sticky .logo-container {
    top: 0;
    width: 100px;
  }
}
.nav_toggle.toggle-ocmenu {
  cursor: pointer;
  height: auto;
  position: absolute;
  top: 50%;
  right: 24px;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
.nav_toggle.toggle-ocmenu .label {
  display: block;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0.5em;
  line-height: 1;
  text-align: center;
}
.nav_toggle.toggle-ocmenu .bar {
  display: block;
  position: relative;
  vertical-align: middle;
  height: 28px;
  width: 40px;
  margin: 0;
  cursor: pointer;
  transition: all 0.5s 0s;
}
@media only screen and (max-width: 479px) {
  .nav_toggle.toggle-ocmenu .bar {
    width: 38px;
    height: 26px;
  }
}
.nav_toggle.toggle-ocmenu .bar:before,
.nav_toggle.toggle-ocmenu .bar:after,
.nav_toggle.toggle-ocmenu .bar span {
  position: absolute;
  display: block;
  background-color: #ffffff;
  content: '';
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.3s;
}
.nav_toggle.toggle-ocmenu .bar:before .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.nav_toggle.toggle-ocmenu .bar:after .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.nav_toggle.toggle-ocmenu .bar span .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.nav_toggle.toggle-ocmenu .bar:before .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.nav_toggle.toggle-ocmenu .bar:after .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.nav_toggle.toggle-ocmenu .bar span .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
.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: -2px;
  transition: all 0.3s 0.3s;
  width: 100%;
}
.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: 992px) {
  .nav_toggle.toggle-ocmenu {
    display: none;
  }
}
.ocmenu-open .nav_toggle.toggle-ocmenu:not(.inside) .label {
  color: #ffffff !important;
}
.ocmenu-open .nav_toggle.toggle-ocmenu:not(.inside) .bar {
  transform: rotate(135deg);
  transition: all 0.5s 0.3s;
}
.ocmenu-open .nav_toggle.toggle-ocmenu:not(.inside) .bar:before {
  background-color: #ffffff !important;
  top: 50%;
  margin-top: -2px;
  transform: rotate(90deg);
  transition: all 0.3s, transform 0.3s 0.3s;
  width: 100%;
}
.ocmenu-open .nav_toggle.toggle-ocmenu:not(.inside) .bar span {
  opacity: 0;
  transition: all 0.3s, opacity 0.3s 0s;
}
.ocmenu-open .nav_toggle.toggle-ocmenu:not(.inside) .bar:after {
  background-color: #ffffff !important;
  bottom: 50%;
  margin-bottom: -2px;
  transform: rotate(0deg);
  transition: all 0.3s, transform 0.3s 0.3s;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .nav_toggle.toggle-dropdown {
    display: none;
  }
}
.nav_toggle.toggle-dropdown a > span {
  position: relative;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			headings.less  
*/
h1,
h2,
h3,
h4 {
  letter-spacing: 0.025em;
  font-family: 'Open sans', sans-serif;
}
h1 {
  color: #1e3378;
  line-height: 1.3;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  h1 {
    /*px*/ font-size: 46px;
    /*rem*/ font-size: 2.875rem;
  }
}
h2 {
  color: #1e3378;
  line-height: 1.2;
}
@media only screen and (max-width: 479px) {
  h2 {
    /*px*/ font-size: 32px;
    /*rem*/ font-size: 2rem;
  }
}
h3,
h4,
h5,
h6 {
  color: #000;
  line-height: 1.3;
  margin-bottom: 0.75em;
}
.rex-header h1 {
  margin-bottom: 0.5em;
}
.rex-header h2 {
  margin-bottom: 0.8em;
  font-weight: 300;
  color: #1e3378;
}
.template-2-columns h1 {
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			image-ratios.less  
*/
.special_srcset_ratio_2_3 .img-landscape .rc {
  /* 0.6666 */
  padding-bottom: 66.66666667% !important;
}
.special_srcset_ratio_2_3 .img-portrait .rc {
  /* 0.6666 */
  padding-bottom: 66.66666667% !important;
}
.special_srcset_ratio_3_4 .img-landscape .rc {
  /* 0.75 */
  padding-bottom: 75% !important;
}
.special_srcset_ratio_3_4 .img-portrait .rc {
  /* 1.333333 */
  padding-bottom: 133.33333333% !important;
}
.special_srcset_ratio_4_3 .img-landscape .rc {
  /* 1.333333 */
  padding-bottom: 133.33333333% !important;
}
.special_srcset_ratio_4_3 .img-portrait .rc {
  /* 1.333333 */
  padding-bottom: 133.33333333% !important;
}
.special_srcset_ratio_1_1 .img-landscape .rc,
.special_srcset_ratio_1_1 .img-portrait .rc {
  padding-bottom: 100% !important;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			text-elements.less  
*/
figcaption {
  font-style: normal;
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
  color: #000;
  padding: 1em 8px 0.5em;
  margin: 0;
}
blockquote {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-family: 'Open sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;
  /*px*/ padding: 10px 10px 10px 20px;
  /*rem*/ padding: 0.625rem 0.625rem 0.625rem 1.25rem;
  margin: 0 auto;
}
.rex-editor {
  line-height: 1.5;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  font-weight: 300;
}
.rex-editor a {
  color: #009ec2;
  text-decoration: underline;
}
.rex-editor a:hover,
.rex-editor a:focus {
  color: #004b5c;
  text-decoration-hover: underline;
}
.rex-editor p {
  word-break: keep-all;
  hyphens: auto;
  margin-bottom: 1.25em;
}
.rex-editor ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /*px*/ margin: 32px 0 40px;
  /*rem*/ margin: 2rem 0 2.5rem;
}
.rex-editor ul li {
  margin-left: 0;
}
.rex-editor ul > li {
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
  list-style-type: disc;
  margin-left: 1.5em;
}
.rex-editor ul > li:last-child {
  margin-bottom: 0;
}
.rex-editor p:last-of-type {
  margin-bottom: 0 !important;
}
.rex-editor p + table {
  margin-top: 1.5em;
}
.rex-editor table td {
  /*px*/ padding: 5px 0;
  /*rem*/ padding: 0.3125rem 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			buttons.less  
*/
.btn {
  position: relative;
  background-color: #1e3378;
  border-radius: 12px;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  height: 32px;
  text-transform: uppercase;
}
.btn:before {
  content: "";
  display: inline-block;
  height: calc(100% + 1px);
  vertical-align: middle;
}
.btn:hover,
.btn:focus {
  color: #d9d9d9;
  background-color: #2d4db5;
}
.btn:active,
.btn.is-active {
  background-color: transparent;
  box-shadow: none;
  color: #999999;
  border-bottom-color: #999999;
}
.btn-read-more {
  text-transform: uppercase;
  color: #d8252a;
  display: inline;
  margin-left: 0.4em;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.btn-read-more:hover,
.btn-read-more:focus {
  background-color: transparent;
  color: #d8252a;
}
.back-to-top {
  position: fixed;
  display: block;
  cursor: pointer;
  right: 3vmin;
  bottom: 3vh;
  left: auto;
  top: auto;
  width: 40px;
  height: 32px;
  background-color: rgba(0, 158, 194, 0.5);
  padding: 0 12px;
  border-radius: 1px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  line-height: 26px;
  transition: all 0.2s;
  text-align: center;
}
.back-to-top:hover,
.back-to-top:focus {
  background-color: #009ec2;
}
@media only screen and (max-width: 768px) {
  .back-to-top {
    right: 16px;
  }
}
.back-to-top svg {
  fill: #ffffff;
}
.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 {
  display: inline-block;
  /* icon primary color */
  color: #111111;
  height: 1em;
  width: 1em;
}
.icon use {
  /* 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 {
  fill: currentColor;
  stroke: none;
}
.icon.icon-outline {
  stroke: currentColor;
}
.icon use {
  stroke: none;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			menu_dropdown.less  
*/
.dropdownmenu {
  position: relative;
  background-color: #0258A9;
}
@media only screen and (min-width: 992px) {
  .dropdownmenu {
    display: none;
  }
}
.dropdownmenu .container {
  transition: background-color 0.4s;
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
.nav_scroll {
  overflow: auto;
}
.nav_toggle.toggle-dropdown {
  display: block;
  width: 40px;
  cursor: pointer;
  margin: 0 0 0 auto;
}
.nav_toggle.toggle-dropdown .label {
  display: block;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0.5em;
  line-height: 1;
  text-align: center;
}
.nav_toggle.toggle-dropdown .bar {
  display: block;
  position: relative;
  vertical-align: middle;
  height: 28px;
  width: 40px;
  margin: 0;
  cursor: pointer;
  transition: all 0.5s 0s;
}
@media only screen and (max-width: 479px) {
  .nav_toggle.toggle-dropdown .bar {
    width: 38px;
    height: 26px;
  }
}
.nav_toggle.toggle-dropdown .bar:before,
.nav_toggle.toggle-dropdown .bar:after,
.nav_toggle.toggle-dropdown .bar span {
  position: absolute;
  display: block;
  background-color: #ffffff;
  content: '';
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.3s;
}
.nav_toggle.toggle-dropdown .bar:before .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.nav_toggle.toggle-dropdown .bar:after .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.nav_toggle.toggle-dropdown .bar span .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.nav_toggle.toggle-dropdown .bar:before .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.nav_toggle.toggle-dropdown .bar:after .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.nav_toggle.toggle-dropdown .bar span .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
.nav_toggle.toggle-dropdown .bar:before {
  top: 0;
  transition: all 0.3s 0.3s, transform 0.3s 0s;
  width: 100%;
}
.nav_toggle.toggle-dropdown .bar span {
  top: 50%;
  margin-top: -2px;
  transition: all 0.3s 0.3s;
  width: 100%;
}
.nav_toggle.toggle-dropdown .bar:after {
  top: auto;
  bottom: 0;
  transition: all 0.3s 0.3s, transform 0.3s 0s;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .nav_toggle.toggle-dropdown {
    display: none;
  }
}
#nav-dropdown {
  display: none;
  margin: 24px 0;
  border-top: none;
}
#nav-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
}
#nav-dropdown li li {
  margin-left: 0;
}
#nav-dropdown li > a {
  display: block;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ padding: 10px 0;
  /*rem*/ padding: 0.625rem 0;
  height: auto;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #ffffff;
  background-color: transparent;
  font-weight: 700;
}
#nav-dropdown > li {
  border-bottom: none;
}
#nav-dropdown > li:last-child {
  border: none;
}
#nav-dropdown.level-first > li > a {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
#nav-dropdown li.current > a,
#nav-dropdown li.active > a {
  font-weight: 700;
  color: #009ec2;
}
#nav-dropdown li.has-sub > a > span:first-child {
  float: right;
  padding: 2px 8px;
  position: relative;
  height: 100%;
}
#nav-dropdown li.has-sub > a > span:first-child .icon {
  margin-top: -3px;
}
#nav-dropdown li.has-sub > ul {
  margin: 2px 0 8px 12px;
}
#nav-dropdown li.has-sub.open a > span:first-child {
  transform: rotate(180deg) translateY(3px);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			navigation.less  
*/
.mainmenu {
  background-color: transparent;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .mainmenu {
    display: none;
  }
}
.mainmenu ul,
.mainmenu li {
  list-style-type: none;
  margin: 0;
}
.mainmenu li {
  display: inline-block;
  line-height: 1;
}
.mainmenu li > a {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 20px;
  background-color: transparent;
}
.mainmenu li > a:hover {
  color: #009ec2;
}
.mainmenu li > a:active {
  color: #009ec2;
}
.mainmenu li:last-child > a {
  padding-right: 0;
}
.mainmenu li:first-child > a {
  padding-left: 0;
}
.mainmenu li.active > a,
.mainmenu li.current > a {
  color: #009ec2;
  font-weight: 700;
}
.hide-in-nav {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.mainmenu li.has-sub > ul {
  display: none;
}
.mainmenu li.has-sub.active,
.mainmenu li.has-sub.current {
  position: relative;
}
.mainmenu li.has-sub.active:after,
.mainmenu li.has-sub.current:after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  bottom: -72px;
  left: -9999em;
  right: -9999em;
  height: 40px;
}
.mainmenu li.has-sub.active > ul,
.mainmenu li.has-sub.current > ul {
  display: block;
  position: absolute;
  right: 0;
  left: -9999em;
  bottom: -60px;
  z-index: 1;
  text-align: right;
}
.mainmenu li.has-sub.active > ul li > a,
.mainmenu li.has-sub.current > ul li > a {
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			offCanvas.less  
*/
.ocmenu {
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  background-color: rgba(0, 158, 194, 0.95);
  will-change: transform;
}
.ocmenu-fixed {
  transition: transform 0.3s linear;
}
.ocmenu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  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;
}
/* Turn off blocker */
.ocmenu-blocker-off .ocmenu-overlay {
  display: none;
}
/* orientation dependent */
.ocmenu-vertical {
  width: 70vw;
  max-width: 420px;
  height: 100%;
  top: 0;
  z-index: 100;
  /* 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: 80vh;
  max-height: 800px;
  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: -80vh;
}
.ocmenu-open .ocmenu-top {
  transform: translate3d(0, 80vh, 0);
}
.ocmenu-bottom {
  bottom: -80vh;
}
.ocmenu-open .ocmenu-bottom {
  transform: translate3d(0, -80vh, 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.3s linear;
}
.ocmenu-open body {
  overflow: hidden;
}
.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(70vw, 0, 0);
}
@media screen and (min-width: 420px) {
  .ocmenu-open.ocmenu-push-to-right .ocmenu-pusher,
  .ocmenu-open.ocmenu-push-to-right .ocmenu-fixed {
    transform: translate3d(420px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-right.ocmenu-reveal .ocmenu-overlay {
  transform: translate3d(70vw, 0, 0);
}
@media screen and (min-width: 420px) {
  .ocmenu-open.ocmenu-push-to-right.ocmenu-reveal .ocmenu-overlay {
    transform: translate3d(420px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-left .ocmenu-pusher,
.ocmenu-open.ocmenu-push-to-left .ocmenu-fixed {
  transform: translate3d(-70vw, 0, 0);
}
@media screen and (min-width: 420px) {
  .ocmenu-open.ocmenu-push-to-left .ocmenu-pusher,
  .ocmenu-open.ocmenu-push-to-left .ocmenu-fixed {
    transform: translate3d(-420px, 0, 0);
  }
}
.ocmenu-open.ocmenu-push-to-left.ocmenu-reveal .ocmenu-overlay {
  transform: translate3d(-70vw, 0, 0);
}
@media screen and (min-width: 420px) {
  .ocmenu-open.ocmenu-push-to-left.ocmenu-reveal .ocmenu-overlay {
    transform: translate3d(-420px, 0, 0);
  }
}
.ocmenu-open.fall-down .ocmenu-panel {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s 0.2s;
}
/* otherwise the menu will disappear immediately with reveal effect */
.ocmenu-closing.ocmenu-reveal .ocmenu {
  transition-delay: 0.3s;
}
.ocmenu-closing.ocmenu-reveal .ocmenu-overlay {
  transition: none;
}
.ocmenu-closing body,
.ocmenu-closing #base {
  overflow: hidden;
}
/* close btn inside */
.nav_toggle.inside {
  position: absolute;
  display: block;
  background-color: transparent;
  top: 20px;
  left: auto;
  right: 16px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transform: none;
  transition: transform 0.8s;
}
.nav_toggle.inside:before,
.nav_toggle.inside:after {
  content: "";
  display: block;
  width: 36px;
  background-color: #ffffff;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.5px;
  transition: transform 0.8s;
  transform-origin: center center;
}
.nav_toggle.inside:before {
  transform: rotate(45deg);
}
.nav_toggle.inside:after {
  transform: rotate(-45deg);
}
.nav_toggle.inside:hover:before,
.nav_toggle.inside:focus:before {
  transform: rotate(360deg);
}
.nav_toggle.inside:hover:after,
.nav_toggle.inside:focus:after {
  transform: rotate(360deg);
}
.nav_toggle.inside:hover:before,
.nav_toggle.inside:focus:before,
.nav_toggle.inside:hover:after,
.nav_toggle.inside:focus:after {
  background-color: #ffffff;
}
.nav_toggle.inside:active {
  box-shadow: 1px 1px 4px 0 #000000;
}
/* ocmenu inner */
.ocmenu-panel {
  /*px*/ padding: 20px 20px 25px 20px;
  /*rem*/ padding: 1.25rem 1.25rem 1.5625rem 1.25rem;
  color: #ffffff;
  text-align: center;
  background-color: transparent;
  height: 100%;
  width: 100%;
  display: table;
}
.fall-down .ocmenu-panel {
  transform: translate3d(0, -100%, 0);
  transition: transform 0s 0.5s;
}
.ocmenu-list {
  list-style-type: none;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  /* current and active */
}
.ocmenu-list li {
  position: relative;
  list-style-type: none;
  margin-left: 0;
  overflow: hidden;
  border-bottom: none;
}
.ocmenu-list.ocmenu-level-1 li > a {
  display: block;
  font-family: 'Open sans', sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  text-decoration: none;
  /*px*/ padding: 15px 0 15px 0;
  /*rem*/ padding: 0.9375rem 0 0.9375rem 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}
.ocmenu-list.ocmenu-level-1 li > a:hover,
.ocmenu-list.ocmenu-level-1 li > a:focus {
  color: #F9E144;
  text-decoration: none;
}
.ocmenu-list .dropdown-trigger {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  font-size: 20px;
}
.ocmenu-list .dropdown-trigger [class^="icon-"],
.ocmenu-list .dropdown-trigger [class*=" icon-"] {
  vertical-align: baseline;
  transition: transform 0.2s;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
}
.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 {
  color: #F9E144;
  text-decoration: none;
  border-bottom: none;
  font-weight: 700;
}
.ocmenu-list li.ocmenu-current > a.ocmenu-active,
.ocmenu-list li.active > a.ocmenu-active {
  border-bottom: none;
  color: #F9E144;
  font-weight: 700;
}
.ocmenu-list li.ocmenu-current .dropdown-wrapper,
.ocmenu-list li.active .dropdown-wrapper {
  display: block;
}
.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-"] {
  transform: rotate(90deg);
}
.ocmenu-list li.ocmenu-current.ocmenu-has-children > a {
  border-bottom: none !important;
}
.ocmenu-list li[class*="ocmenu-root"] {
  border-bottom: 0;
}
.ocmenu-list li[class*="ocmenu-root"].ocmenu-active > a {
  color: #F9E144;
}
.ocmenu-list li[class*="ocmenu-root"] a {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.ocmenu-list li.ocmenu-root-1 {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
ul.ocmenu-level-1 li > a {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
@media only screen and (max-width: 479px) {
  ul.ocmenu-level-1 li > a {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
  }
}
ul.ocmenu-sub {
  /*px*/ margin: 8px 0 5px 18px;
  /*rem*/ margin: 0.5rem 0 0.3125rem 1.125rem;
}
ul.ocmenu-sub li > a {
  display: inline-block;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
ul.ocmenu-sub li.ocmenu-active > a {
  font-weight: 700;
}
/*
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;
}
.viewmode-grid .rex-module-inner,
.viewmode-masonry .rex-module-inner {
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (max-width: 479px) {
  .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: 16px;
  margin-right: 16px;
}
@media only screen and (max-width: 479px) {
  .viewmode-grid .rex-item-container,
  .viewmode-masonry .rex-item-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.rex-listing.viewmode-grid .rex-item {
  margin-bottom: 48px;
}
.rex-listing.title-alt span.name {
  display: none !important;
}
.rex-listing.title-articlename span.title-alt {
  display: none !important;
}
span.name,
span.title-alt {
  display: block;
}
.rex-listing.viewmode-list .rex-module-inner .rex-item {
  float: none;
}
.rex-listing.viewmode-list .rex-module-inner > article {
  /*px*/ margin-bottom: 64px;
  /*rem*/ margin-bottom: 4rem;
}
.rex-listing.viewmode-list .rex-module-inner > article:last-child {
  margin-bottom: 0;
}
.rex-listing.viewmode-list .rex-image figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.rex-listing.viewmode-list .rex-header a {
  text-decoration: none;
}
.rex-listing.viewmode-list .rex-header a:hover h2 {
  text-decoration: underline;
  color: #000000;
}
.rex-listing.viewmode-list .rex-header h2 {
  color: #000000;
  font-weight: 700;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  letter-spacing: 0.06em;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.rex-listing.viewmode-list .rex-header .rex-description {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  color: #aaaaaa;
  line-height: 1.2;
  margin-bottom: 10px;
}
.rex-listing.viewmode-fullcontent .rex-module-inner > .rex-item {
  float: none;
  display: flex;
  flex-flow: row nowrap;
}
@media only screen and (max-width: 479px) {
  .rex-listing.viewmode-fullcontent .rex-module-inner > .rex-item {
    flex-flow: column;
  }
}
.rex-listing.viewmode-fullcontent .rex-module-inner > article {
  margin-bottom: 2em;
}
.article-content {
  padding-top: 0.75em;
  flex: 1 1 auto;
}
@media only screen and (max-width: 479px) {
  .article-content {
    padding-top: 0;
  }
}
.arrow {
  padding-right: 16px;
}
.arrow .icon {
  color: #d8252a;
  /*px*/ font-size: 56px;
  /*rem*/ font-size: 3.5rem;
}
@media only screen and (max-width: 479px) {
  .arrow .icon {
    font-size: 32px;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			article-lists.less  
*/
/* don´t remove floats in slider mode */
.viewmode-slider[class*="rex-grid"] > div,
.viewmode-slider[class*="rex-grid"] > article {
  clear: none !important;
}
.rex-gallery.viewmode-slider.rex-grid-4,
.rex-gallery.viewmode-slider.rex-grid-5 {
  margin: 0 96px !important;
}
.rex-gallery.viewmode-slider.rex-grid-4 img,
.rex-gallery.viewmode-slider.rex-grid-5 img {
  border-radius: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
}
.rex-gallery.viewmode-slider.rex-grid-4 .rex-module-inner,
.rex-gallery.viewmode-slider.rex-grid-5 .rex-module-inner {
  margin: 0 -16px;
}
.rex-gallery.viewmode-slider.rex-grid-4 .rex-item-container,
.rex-gallery.viewmode-slider.rex-grid-5 .rex-item-container {
  margin: 16px 16px 0;
}
.rex-gallery.viewmode-slider.rex-grid-4 .rex-image .rc,
.rex-gallery.viewmode-slider.rex-grid-5 .rex-image .rc {
  overflow: visible;
  background-color: transparent;
}
.rex-gallery.viewmode-slider.rex-grid-4 .flickity-button .arrow,
.rex-gallery.viewmode-slider.rex-grid-5 .flickity-button .arrow {
  fill: #b3b3b3;
}
.rex-gallery.viewmode-slider.rex-grid-4 .flickity-button.next,
.rex-gallery.viewmode-slider.rex-grid-5 .flickity-button.next {
  right: -96px;
}
.rex-gallery.viewmode-slider.rex-grid-4 .flickity-button.previous,
.rex-gallery.viewmode-slider.rex-grid-5 .flickity-button.previous {
  left: -96px;
}
.rex-gallery.viewmode-grid .rex-item {
  margin-bottom: 32px;
}
.rex-gallery.top-facts {
  padding-left: 40px;
  padding-right: 40px;
}
.rex-gallery.top-facts .flickity-prev-next-button.previous {
  left: -44px;
}
@media only screen and (min-width: 769px) {
  .rex-gallery.top-facts .flickity-prev-next-button.previous {
    left: -64px;
  }
}
.rex-gallery.top-facts .flickity-prev-next-button.next {
  right: -44px;
}
@media only screen and (min-width: 769px) {
  .rex-gallery.top-facts .flickity-prev-next-button.next {
    right: -64px;
  }
}
.rex-gallery.top-facts .rex-header {
  background-color: #009ec2;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  padding: 4px 16px 4px 16px;
  color: #ffffff;
}
.rex-gallery.top-facts .rex-header h3 {
  margin: 0;
  color: #ffffff;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 1.1;
}
.rex-gallery.top-facts .rex-header em {
  letter-spacing: 0.025em;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
}
.rex-gallery.top-facts .rex-header .icon {
  /*px*/ font-size: 62px;
  /*rem*/ font-size: 3.875rem;
  /*px*/ height: 62px;
  /*rem*/ height: 3.875rem;
  color: #ffffff;
  margin-right: 0.3em;
}
.rex-gallery.top-facts .rex-header span {
  color: #ac0033;
  text-transform: uppercase;
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
  font-weight: 800;
  display: inline-block;
  line-height: 0.8;
  margin: -0.25em 0.2em 0 0;
}
.rex-gallery.top-facts .rex-module-inner {
  margin: 0 -10.66666667px;
}
.rex-gallery.top-facts .rex-module-inner:not(.flickity-enabled) {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
}
.rex-gallery.top-facts .rex-module-inner:not(.flickity-enabled) > article {
  display: none;
}
.rex-gallery.top-facts .rex-module-inner:not(.flickity-enabled) > article:first-child,
.rex-gallery.top-facts .rex-module-inner:not(.flickity-enabled) > article:nth-child(2),
.rex-gallery.top-facts .rex-module-inner:not(.flickity-enabled) > article:nth-child(3) {
  display: block;
}
.rex-gallery.top-facts .flickity-enabled .rex-item {
  float: none;
}
.rex-gallery.top-facts .rex-item {
  min-height: 100%;
  display: flex;
}
.rex-gallery.top-facts .rex-item-container {
  min-height: 100%;
  display: flex;
  flex-flow: column;
  margin: 10.66666667px;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.rex-gallery.top-facts .rex-editor {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 2px solid #009ec2;
  padding: 24px;
  flex: 1 0 auto;
}
.top-flash .rex-header span,
.top-dates .rex-header span,
.top-news .rex-header span {
  margin: -0.25em 0.2em 0 0;
}
.top-flash .rex-header em,
.top-dates .rex-header em,
.top-news .rex-header em {
  /*px*/ font-size: 40px !important;
  /*rem*/ font-size: 2.5rem !important;
  margin-top: 0.3em;
}
.top-lausch .rex-header h3,
.top-spotlight .rex-header h3,
.top-traumschiff .rex-header h3,
.top-sky .rex-header h3,
.top-time .rex-header h3,
.top-globetrotter .rex-header h3 {
  flex-flow: row wrap !important;
}
.top-lausch .rex-header em,
.top-spotlight .rex-header em,
.top-traumschiff .rex-header em,
.top-sky .rex-header em,
.top-time .rex-header em,
.top-globetrotter .rex-header em {
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  letter-spacing: 0.025em;
  display: inline-block;
  width: 100%;
  text-align: right;
  flex: 1 0 auto;
  margin-top: -1.1em;
}
.top-lausch .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.top-spotlight .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.top-traumschiff .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.top-sky .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.top-time .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
.top-globetrotter .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.top-lausch .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.top-spotlight .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.top-traumschiff .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.top-sky .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.top-time .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
.top-globetrotter .rex-header em .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
.rex-gallery.rex-gallery-nav {
  height: 80px;
  overflow: hidden;
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.rex-gallery.rex-gallery-nav:before,
.rex-gallery.rex-gallery-nav:after {
  display: table;
  content: " ";
}
.rex-gallery.rex-gallery-nav:after {
  clear: both;
}
.rex-gallery.rex-gallery-nav .cssload-container {
  display: none;
}
.rex-gallery.rex-gallery-nav .rex-item-container {
  background-color: #f8f8f8;
}
.rex-gallery.rex-gallery-nav figure img {
  width: 115px;
  height: 85px;
}
@media only screen and (max-width: 479px) {
  .rex-gallery.rex-gallery-nav figure img {
    width: 76.66666667px;
    height: 56.66666667px;
  }
}
.rex-gallery.rex-gallery-nav .rex-item {
  margin-right: 15px;
  display: inline-block;
  float: left;
  width: 115px;
  height: 85px;
}
@media only screen and (max-width: 479px) {
  .rex-gallery.rex-gallery-nav .rex-item {
    width: 76.66666667px;
    height: 56.66666667px;
  }
}
.rex-gallery.rex-gallery-nav .rex-item.is-nav-selected {
  opacity: 0.5;
}
.rex-gallery.rex-gallery-nav .rex-item:last-child {
  margin-right: 0;
}
.rex-gallery.rex-gallery-nav .rex-image figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			single-image.less  
*/
.rex-module.rex-image .separate {
  width: 100%;
  margin: 0;
}
.rex-module.rex-image .separate .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.rex-module.rex-image .separate .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
.rex-module.rex-image .center > div {
  margin: 0 auto;
}
.rex-module.rex-text-img figure {
  margin: 0;
}
.rex-module.rex-text-img .rex-item-container {
  display: flex;
  margin: 0 -16px;
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img .rex-item-container {
    flex-flow: row wrap;
    margin: 0;
  }
}
.rex-module.rex-text-img .no-image {
  display: none;
}
.rex-module.rex-text-img .rex-image .image.float,
.rex-module.rex-text-img .rex-editor .image.float,
.rex-module.rex-text-img .rex-image .not-valid,
.rex-module.rex-text-img .rex-editor .not-valid {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img .rex-image .image.float,
  .rex-module.rex-text-img .rex-editor .image.float,
  .rex-module.rex-text-img .rex-image .not-valid,
  .rex-module.rex-text-img .rex-editor .not-valid {
    margin-left: 0;
    margin-right: 0;
  }
}
.rex-module.rex-text-img .rex-image > div,
.rex-module.rex-text-img .rex-editor > div {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img .rex-image > div,
  .rex-module.rex-text-img .rex-editor > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img .rex-image,
  .rex-module.rex-text-img .rex-editor {
    width: 100% !important;
  }
  .rex-module.rex-text-img .rex-image .rex-gallery.viewmode-slider.rex-grid-1 figcaption,
  .rex-module.rex-text-img .rex-editor .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
  }
  .rex-module.rex-text-img .rex-image .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots,
  .rex-module.rex-text-img .rex-editor .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6% !important;
  }
}
.rex-module.rex-text-img.float-right .rex-image {
  width: 33.333332%;
}
.rex-module.rex-text-img.float-right .rex-editor {
  width: 66.666667%;
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img.float-right .rex-editor {
    margin-bottom: 32px;
  }
}
.rex-module.rex-text-img.float-left .rex-image {
  width: 66.666667%;
}
@media only screen and (max-width: 991px) {
  .rex-module.rex-text-img.float-left .rex-image {
    margin-bottom: 16px;
  }
}
.rex-module.rex-text-img.float-left .rex-editor {
  width: 33.333332%;
  order: 1;
}
.rex-module.rex-text-img.no-float .rex-item-container {
  display: block;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			modules-base.less  
*/
.rex-wrapper {
  display: block;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  margin: 0;
}
.rex-wrapper:before,
.rex-wrapper:after {
  display: table;
  content: " ";
}
.rex-wrapper:after {
  clear: both;
}
.rex-module {
  margin-bottom: 1.5em;
}
.css-module-wrapper.center .rex-module {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.css-module-wrapper.center .rex-module h1,
.css-module-wrapper.center .rex-module h2 {
  text-align: center;
}
.col-6-4 {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -16px;
}
@media only screen and (min-width: 1200px) {
  .col-6-4 {
    margin: 0 -48px;
  }
}
@media only screen and (max-width: 768px) {
  .col-6-4 {
    flex-flow: column;
  }
}
.col-6-4 h2 {
  font-weight: 300;
  margin-bottom: 0.5em;
}
.col-6-4 .col-inner {
  margin: 0 16px;
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  .col-6-4 .col-inner {
    margin: 0 48px;
  }
}
.col-6-4 > div:first-child {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .col-6-4 > div:first-child {
    width: 100%;
    margin-bottom: 2em;
  }
  .col-6-4 > div:first-child .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .col-6-4 > div:first-child .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.col-6-4 > div:last-child {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .col-6-4 > div:last-child {
    width: 100%;
  }
  .col-6-4 > div:last-child .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .col-6-4 > div:last-child .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.col-6-4 .rex-editor {
  margin-bottom: 2em;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .col-6-4 .rex-editor {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 -24px 1em;
  }
  .col-6-4 .rex-editor p {
    margin: 0 24px 1.5em;
  }
}
@media only screen and (min-width: 1200px) {
  .col-6-4 .rex-editor,
  .col-6-4 .yform {
    padding-left: 42px;
  }
}
.fb-page {
  width: 100%;
}
.fb-page > span,
.fb-page iframe {
  width: 100% !important;
}
@media only screen and (min-width: 769px) {
  .fb-page {
    height: 100%;
  }
  .fb-page > span,
  .fb-page iframe {
    height: 100% !important;
  }
}
.top-events-slider .rex-listing.rex-grid-1 .rex-module-inner > article {
  display: none;
}
.top-events-slider .rex-listing.rex-grid-1 .rex-module-inner > article:first-child {
  display: block;
}
.top-events-slider .rex-listing.rex-grid-1 .rex-item-container {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -8px;
}
@media only screen and (max-width: 768px) {
  .top-events-slider .rex-listing.rex-grid-1 .rex-item-container {
    flex-flow: wrap;
  }
}
.top-events-slider .rex-listing.rex-grid-1 .rex-image {
  width: 60%;
  order: 1;
  margin: 0 8px;
}
@media only screen and (max-width: 768px) {
  .top-events-slider .rex-listing.rex-grid-1 .rex-image {
    width: 100%;
    order: 0;
  }
  .top-events-slider .rex-listing.rex-grid-1 .rex-image .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .top-events-slider .rex-listing.rex-grid-1 .rex-image .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.top-events-slider .rex-listing.rex-grid-1 .rex-image .rc {
  border-radius: 15px;
}
.top-events-slider .rex-listing.rex-grid-1 .rex-header {
  margin: 0 8px;
  width: 40%;
  border-radius: 15px;
  padding: 16px 24px 64px 24px;
  background-color: #f3f3f3;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  color: #000;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .top-events-slider .rex-listing.rex-grid-1 .rex-header {
    width: 100%;
    margin-top: 16px;
    padding-bottom: 16px;
  }
  .top-events-slider .rex-listing.rex-grid-1 .rex-header .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
  .top-events-slider .rex-listing.rex-grid-1 .rex-header .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
    bottom: 6%;
  }
}
.top-events-slider .rex-listing.rex-grid-1 .rex-header h3 {
  font-weight: 600;
  color: #000;
}
.top-events-slider .rex-listing.rex-grid-1 .rex-description {
  margin: 0;
  display: inline;
}
.top-events-slider .flickity-page-dots {
  width: auto;
  bottom: 20px;
  left: calc(20% - 0px);
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .top-events-slider .flickity-page-dots {
    bottom: -32px;
    left: 50%;
  }
}
.rex-header .top-events {
  /*px*/ font-size: 46px;
  /*rem*/ font-size: 2.875rem;
  letter-spacing: 0;
  margin-bottom: 0.25em;
  font-weight: 800;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  color: #000;
  line-height: 1;
  white-space: nowrap;
}
.rex-header .top-events .icon {
  /*px*/ font-size: 62px;
  /*rem*/ font-size: 3.875rem;
  margin-right: 0.2em;
  color: #d8252a;
}
@media only screen and (max-width: 1199px) {
  .rex-header .top-events .icon {
    /*px*/ font-size: 56px;
    /*rem*/ font-size: 3.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .rex-header .top-events .icon {
    /*px*/ font-size: 48px;
    /*rem*/ font-size: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .rex-header .top-events {
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
  }
}
@media only screen and (max-width: 991px) {
  .rex-header .top-events {
    /*px*/ font-size: 36px;
    /*rem*/ font-size: 2.25rem;
  }
}
.rex-custom {
  padding-top: 32px;
}
@media only screen and (max-width: 768px) {
  .rex-custom .rex-item + .rex-item {
    margin-top: 5em;
  }
}
.rex-custom .rex-item-container {
  border-radius: 19px;
  padding: 120px 32px 32px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .rex-custom .rex-item-container {
    padding: 120px 24px 24px;
  }
}
.rex-custom .rex-header {
  position: absolute;
  left: 32px;
  width: 160px;
  height: 160px;
  top: -60px;
}
.rex-custom .rex-editor {
  font-weight: 400;
}
.rex-custom figure img {
  border-radius: 50%;
}
.rex-custom header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0.25em;
}
.rex-custom header .icon {
  /*px*/ font-size: 56px;
  /*rem*/ font-size: 3.5rem;
  margin-right: 0.3em;
}
@media only screen and (max-width: 479px) {
  .rex-custom header .icon {
    font-size: 32px;
  }
}
.rex-custom header h3 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-weight: 800;
  color: #000;
  letter-spacing: 0;
  margin-bottom: 0.35em;
}
.rex-item.kuss .rex-editor,
.rex-item.kuss header h3,
.rex-item.kuss .icon {
  color: #ffffff;
}
.rex-item.kuss .rex-item-container {
  background-color: #ac0033;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA2CAMAAABN0h93AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAKdUExURUdwTPb57/b58Pf58Pb57/b57/////////b57/b57/f57/////b57/b57/b57/b57/////b68vf57///8/b57/r68f////b57/f78Pb57/b68Pf68Pb57/j/8v////j77/b57/b58Pb57/j/8vb58Pf58Pb57/f57/////j77/b57/b58Pb68Pf57/b57/b57/b57///8vb57/b57/f57/b57/b67/j78P//9f//9Pb58fb67/f67/b67/b58Pb57///+Pb57/b57/b57/b67/X57/b58P//9fb58P//8fn59Pb57/f/7/b58Pj58vb58Pf57/b57/r68Pf57/f78P////f68Pb57/b57/b57///7/b57/b57/b68vf57/b57/b68Pb68Pf57/b67/f57/b68P////f77/f77///9fj68fj78ff57/b58Pf57/j/8fb57/b68Pb57/f68Pf/8Pf57/f67/b58P////b68vb58Pb58Pb68Pn57/f67/b57/b57/b57/n57/b67/////j78Pf68Pb/9vn58/j78fj/8fb68Pf67/j78v//8vj78fb57/b/9vb57/b68Pf68Pb68Pb67/f57/b68vf78Pb58f////b57/b58Pf57/b68Pb58Pr68Pb/9vf58Pb57/f67/b57/f57/b58Pf78Pf67/f57/b57/f58Pb58Pf68Pb57/f57/f68Pf57/n58vf67/b57/f57/f68Pf68P////b68Pf57/b68Pr68P////j78ff67/b67///8/b58P//8Pb68Pr68fb57/j67/f/7/f/8Pb68Pb57/b68Pf/8Pn58/b57/j78fb58Pf67/j68f//8Pj/8ff77/b58ff58Pb58Pb68ff57/b579g+m30AAADedFJOUwD874z++gIB/fuCA/f19PIEPMYW+TgF6Eb2emvVKgxQ5O6XKN+I8+INU8eqzGDx2OsUlsrE8HVwHBhe0KHUW/gHuuqy0eCrG70TL9cgryuPY8s0YUgOVNaQ7RC03DvhyX6c4HOBeA9CQBpuS4S+hiXaz+ZmI2WjWAg+3bydMKeUuLUxcgpSTR8tTSefpU8VSuket31q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");
  background-repeat: no-repeat;
  background-position: 200px 40px;
}
.rex-item.zitrone .rex-item-container {
  background-color: #ffe88a;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: 200px 40px;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			slider.less  
*/
.rex-gallery.viewmode-slider {
  position: relative;
  margin-bottom: 1em;
}
.rex-gallery.viewmode-slider:after {
  content: "flickity";
  display: none;
}
.rex-gallery.viewmode-slider.flickity-enabled .rex-item > div {
  margin: 0 16px;
}
.rex-gallery.viewmode-slider.setSize-false .rex-module-inner {
  position: relative;
  display: block;
  overflow: hidden;
  overflow: visible;
  padding-bottom: 50%;
}
.rex-gallery.viewmode-slider.setSize-false .rex-module-inner:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
}
.rex-gallery.viewmode-slider.setSize-false .rex-module-inner > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.rex-gallery.viewmode-slider.setSize-false .rex-module-inner img {
  height: auto !important;
  max-height: none;
}
.rex-gallery.viewmode-slider.setSize-false .flickity-page-dots {
  top: auto;
  height: auto;
}
a.lightbox {
  display: block;
  cursor: pointer;
}
.rex-gallery.viewmode-slider.rex-grid-1 .rex-item > div {
  margin: 0;
}
.full-width .rex-gallery.viewmode-slider.rex-grid-1 figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.full-width .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
.rex-listing.viewmode-slider:after {
  content: "flickity";
  display: none;
}
.rex-listing.viewmode-slider.flickity-enabled {
  height: auto;
  overflow: visible;
  padding-bottom: 0;
}
.rex-listing.viewmode-slider.flickity-enabled .rex-item > div {
  margin: 0 16px;
}
@media only screen and (max-width: 991px) {
  .rex-listing.viewmode-slider {
    margin-right: 0;
  }
}
.flickity-prev-next-button {
  width: 50px;
  height: 50px;
  background-color: transparent;
  transform: translateY(-50%);
}
.flickity-prev-next-button .flickity-button-icon {
  width: 35px;
  height: 35px;
}
.flickity-prev-next-button .arrow {
  fill: #b3b3b3;
}
.flickity-prev-next-button:hover {
  background-color: transparent;
}
.flickity-prev-next-button:hover .arrow {
  fill: #b3b3b3;
}
.flickity-prev-next-button.previous {
  left: 2%;
}
.flickity-prev-next-button.next {
  right: 2%;
}
.flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #474747;
  border: none;
  margin: 0 4px;
}
.flickity-page-dots .dot:hover {
  background: rgba(71, 71, 71, 0.5);
}
.flickity-page-dots .dot.is-selected {
  background: #009ec2;
}
/* ========================================================== */
/* = Responsive Media Queries                                = */
/* ========================================================== */
/* min-width: 1440px */
/* max-width: 1439px */
/* min-width: 1200px */
/* max-width: 1199px */
/* min-width: 992px */
/* max-width: 991px */
@media only screen and (max-width: 991px) {
  html {
    font-size: 15px;
  }
}
/* min-width: 768px */
/* max-width: 767px */
/* max-width: 479px */
@media only screen and (max-width: 479px) {
  html {
    font-size: 14px;
  }
}
/*# sourceMappingURL=main.css.map */