@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
*/
.flex-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.full-width-modern,
.rex-footer {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.font-smoothing,
.rex-listing.viewmode-grid .btn-read-more {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.no-select,
.logo,
#nav-dropdown li > a {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}
.rc {
  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,
.nav_toggle.toggle-dropdown svg,
.gallery_sp .rc img,
.rex-module.rex-image .img-landscape .rc img {
  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 {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ========================================================================== *\
   Base -> Reset ($base-reset)
\* ========================================================================== */
/**
 * `border-box`... ALL THE THINGS!
 *
 * @link http://cbrac.co/RQrDL5
 */
html {
  box-sizing: border-box;
}
/**
 * Inheriting the `box-sizing` property is a better practice.
 *
 * @link http://cbrac.co/1tqPFsy
 */
*,
*:before,
*:after {
  box-sizing: inherit;
}
/**
 * Remove margins, paddings, and borders from HTML elements.
 *
 * @link http://cbrac.co/1Ev9etR
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
}
/**
 * Remove default border for <iframe> elements.
 *
 * @link http://cbrac.co/1CVyNTj
 */
iframe {
  border: 0;
}
/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 *
 * It is okay to use `!important` here because we always want this rule to take
 * precedence.
 *
 * @link http://cbrac.co/1Evazku
 */
[tabindex="-1"]:focus {
  outline: none !important;
}
/*@import "./cardinal/base/root.less";*/
/* ========================================================================== *\
   Base -> Anchors ($base-anchors)
\* ========================================================================== */
a {
  text-decoration: underline;
  color: #666666;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/* ========================================================================== *\
   Base -> Headings ($base-headings)
\* ========================================================================== */
/**
 * NOTE: Use the `text-rendering` property with caution.
 *
 * @link http://cbrac.co/SJt8p1
 * @link http://cbrac.co/1Fjv7IR
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito', sans-serif;
  font-weight: normal;
  color: #000000;
}
h1,
.h1 {
  /*px*/ font-size: 33px;
  /*rem*/ font-size: 2.0625rem;
}
h2,
.h2 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
h3,
.h3 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
h4,
.h4 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
h5,
.h5 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
h6,
.h6 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
/* ========================================================================== *\
   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: 21px;
  /*rem*/ margin-left: 1.3125rem;
}
/**
 * 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 */
  }
}
/* ========================================================================== *\
   Utilities -> Visually Hidden ($utilities-visually-hidden)
\* ========================================================================== */
/**
 * Hide only visually, but have it available for screenreaders.
 *
 * @link http://cbrac.co/TUcUgH
 */
.vh,
.rex-listing.title-hide:not(.viewmode-fullcontent) .rex-header {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
/**
 * Extends the `.vh` class to allow the element to be focusable when navigated
 * to via the keyboard.
 *
 * @link http://cbrac.co/RR8gO6
 */
.vh.focusable:active,
.vh.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}
/* ========================================================================== *\
   Objects -> Lists ($objects-lists)
\* ========================================================================== */
/**
 * Bare Lists
 *
 * Use to remove default list styles from <ol> and <ul> elements.
 */
.list-bare {
  list-style: none;
}
.list-bare li {
  margin-left: 0;
}
/**
 * Reset Lists
 *
 * Use to remove all list styles from <ol> and <ul> elements.
 */
.list-reset,
.doormat ul,
.doormat li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-reset li {
  margin-left: 0;
}
/**
 * Inline Lists
 *
 * Create inline-style list items with <ol> and <ul> elements.
 */
.list-inline {
  list-style: none;
  padding: 0;
}
.list-inline li {
  display: inline;
  margin-left: 0;
}
/**
 * Delimited lists
 * Hat tip to @csswizardry for the technique.
 *
 * @link http://cbrac.co/1RvOzMU
 */
.list-inline-delimited > li + li:before {
  content: ",\00A0";
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			styles.less  
*/
* {
  box-sizing: border-box;
}
body,
html {
  height: 100%;
}
body {
  background-color: #f8f7f5;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}
a {
  text-decoration: none;
}
a .icon {
  color: #666666;
}
a:hover,
a:hover .icon {
  color: #c21924;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
figure {
  margin-bottom: 0;
  position: relative;
}
#base {
  background-color: #f8f7f5;
  overflow: hidden;
}
.content {
  padding-top: 174px;
}
@media only screen and (min-width: 992px) {
  .content {
    padding-top: 194px;
  }
}
@media only screen and (max-width: 768px) {
  .content {
    padding-top: 167px;
  }
}
@media screen and (max-width: 479px), screen and (max-height: 600px) {
  .content {
    padding-top: 94px;
  }
}
main.container {
  position: relative;
  z-index: 1;
}
main.container:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22421%22%20height%3D%22422%22%20viewBox%3D%220%200%20421%20422%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FEFEFE%22%20d%3D%22M100.056%2C0.931%20C154.252721%2C0.931%20198.289407%2C44.4292278%20199.164721%2C98.4168352%20L199.178%2C100.056%20L199.178%2C322.4%20C199.178%2C377.141383%20154.799361%2C421.524%20100.056%2C421.524%20C45.3144289%2C421.524%200.931%2C377.140173%200.931%2C322.4%20C0.931%2C268.201001%2044.4285428%2C224.164588%2098.4168147%2C223.289279%20L100.056%2C223.276%20L137.138%2C223.276%20L137.138%2C267.414%20L100.056%2C267.414%20C69.6877548%2C267.414%2045.069%2C292.030989%2045.069%2C322.4%20C45.069%2C352.763518%2069.6912618%2C377.386%20100.056%2C377.386%20C130.118074%2C377.386%20154.54706%2C353.255472%20155.032633%2C323.309223%20L155.04%2C322.4%20L155.04%2C100.056%20C155.04%2C69.6883652%20130.422621%2C45.069%20100.056%2C45.069%20C69.6903721%2C45.069%2045.069%2C69.6903721%2045.069%2C100.056%20C45.069%2C130.118074%2069.198548%2C154.54608%2099.1467176%2C155.031634%20L100.056%2C155.039%20L137.138%2C155.039%20L137.138%2C199.177%20L100.056%2C199.177%20C45.3126169%2C199.177%200.931%2C154.799361%200.931%2C100.056%20C0.931%2C45.3136279%2045.3136279%2C0.931%20100.056%2C0.931%20Z%20M321.806%2C0.931%20C376.548372%2C0.931%20420.931%2C45.3136279%20420.931%2C100.056%20C420.931%2C154.251928%20377.432577%2C198.288411%20323.445159%2C199.163721%20L321.806%2C199.177%20L284.724%2C199.177%20L284.724%2C155.039%20L321.806%2C155.039%20C352.173524%2C155.039%20376.793%2C130.421731%20376.793%2C100.056%20C376.793%2C69.6903721%20352.171628%2C45.069%20321.806%2C45.069%20C291.743045%2C45.069%20267.314923%2C69.1984398%20266.829366%2C99.1467143%20L266.822%2C100.056%20L266.822%2C322.4%20C266.822%2C352.765524%20291.440269%2C377.386%20321.806%2C377.386%20C352.170738%2C377.386%20376.793%2C352.763518%20376.793%2C322.4%20C376.793%2C292.334679%20352.664158%2C267.906915%20322.715304%2C267.421366%20L321.806%2C267.414%20L284.724%2C267.414%20L284.724%2C223.276%20L321.806%2C223.276%20C376.550281%2C223.276%20420.931%2C267.653536%20420.931%2C322.4%20C420.931%2C377.140173%20376.547571%2C421.524%20321.806%2C421.524%20C267.610072%2C421.524%20223.572609%2C378.024597%20222.69728%2C324.0391%20L222.684%2C322.4%20L222.684%2C100.056%20C222.684%2C45.312418%20267.061838%2C0.931%20321.806%2C0.931%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  width: 420px;
  height: 421px;
  position: absolute;
  top: 40vh;
  left: -258px;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  main.container:after {
    display: none;
  }
}
.container {
  margin: 0 auto;
  max-width: 1008px;
  width: 100%;
  padding-left: var(--padding-base);
  padding-right: var(--padding-base);
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 48px;
  right: 0;
  background-color: #ffffff;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
}
.modal-inner {
  height: calc(100% - 1px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-flow: row wrap;
}
.modal-inner .rex-editor {
  padding: 16px;
}
.the-info {
  width: 100%;
}
.the-info .modal-inner {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .the-info .modal-inner {
    width: 66.66667%;
  }
}
.the-imprint {
  right: 0;
}
@media only screen and (min-width: 992px) {
  .the-imprint {
    left: 66.66667%;
  }
}
@media screen and (max-height: 420px) and (orientation: landscape) {
  .the-imprint {
    left: 50%;
  }
}
.col-1-2 {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .col-1-2 {
    width: 50%;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			colors.less  
*/
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			custom-properties.less  
*/
:root {
  --grid-gutter-width: 40px;
  --padding-base: 24px;
}
@media only screen and (max-width: 991px) {
  :root {
    --padding-base: 64px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --padding-base: 32px;
  }
}
@media only screen and (max-width: 479px) {
  :root {
    --padding-base: 16px;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			onts.less  
*/
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-v11-latin-300.eot");
  src: url("../fonts/nunito-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v11-latin-300.woff2") format("woff2"), url("../fonts/nunito-v11-latin-300.woff") format("woff"), url("../fonts/nunito-v11-latin-300.ttf") format("truetype"), url("../fonts/nunito-v11-latin-300.svg#Nunito") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-v11-latin-300italic.eot");
  src: url("../fonts/nunito-v11-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v11-latin-300italic.woff2") format("woff2"), url("../fonts/nunito-v11-latin-300italic.woff") format("woff"), url("../fonts/nunito-v11-latin-300italic.ttf") format("truetype"), url("../fonts/nunito-v11-latin-300italic.svg#Nunito") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-v11-latin-700.eot");
  src: url("../fonts/nunito-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v11-latin-700.woff2") format("woff2"), url("../fonts/nunito-v11-latin-700.woff") format("woff"), url("../fonts/nunito-v11-latin-700.ttf") format("truetype"), url("../fonts/nunito-v11-latin-700.svg#Nunito") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			mixins.less  
*/
img.lazyload:not([src]) {
  visibility: hidden;
}
.font-normal {
  font-family: 'Nunito', sans-serif;
}
.font-special {
  font-family: 'ak-mono', sans-serif;
}
hr {
  margin: 1.5em 0;
  border-color: #666666;
}
.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: 'Nunito', sans-serif;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  line-height: 1.3125;
  /* 1 */
  /*overflow-y: scroll;              /* 2 */
  height: 100%;
  /* 3 */
  background-color: #f8f7f5;
  color: #000000;
}
/**
 * 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: 21px;
  /*rem*/ margin-bottom: 1.3125rem;
}
/**
 * Add word wrapping and basic hyphenation to common elements.
 */
caption,
p,
table,
td,
textarea,
th {
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
/**
 * NOTE: Do not remove :focus styles! It’s an accessibility no-no.
 *
 * @link http://cbrac.co/1cNYD2l
 */
:focus {
  outline: 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			footer.less  
*/
.rex-footer {
  padding-top: 4em;
  z-index: 1;
}
.rex-footer a:hover,
.rex-footer a:focus {
  color: #116973;
}
.rex-footer .container,
.rex-footer .row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.rex-footer .cell p:last-child {
  margin-bottom: 0;
}
.footer-top {
  margin-bottom: 4em;
}
@media only screen and (min-width: 992px) {
  .footer-top {
    margin-bottom: 96px;
  }
}
.footer-kontakt {
  width: 100%;
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 769px) {
  .footer-kontakt {
    width: 25%;
    margin-bottom: 0;
  }
}
.footer-kontakt a {
  text-decoration: underline;
}
.footer-kontakt a:hover,
.footer-kontakt a:focus {
  color: #c21924;
}
.footer-kontakt p {
  margin-bottom: 0.75em;
}
.footer-kontakt > div {
  padding-right: 32px;
}
.footer-map {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .footer-map {
    width: 75%;
  }
}
.template-kontakt .footer-map {
  width: 100%;
}
.footer-bot {
  background-color: #cfe1e3;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #666666;
}
.footer-bot .cell {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .footer-bot .cell {
    width: 50%;
  }
}
@media screen and (max-width: 540px) {
  .footer-bot .cell {
    width: 100% !important;
    margin-bottom: 1.25em !important;
  }
}
.doormat p {
  line-height: 1.5;
}
.doormat > div:last-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 991px) {
  .doormat > div:first-child {
    margin-bottom: 0.75em;
  }
}
.doormat > div:nth-child(2) {
  width: 33.333332%;
}
@media only screen and (max-width: 991px) {
  .doormat > div:nth-child(2) {
    width: 50%;
    margin-bottom: 2em;
    order: 1;
  }
}
.doormat > div:nth-child(3) {
  width: 16.666667%;
}
@media only screen and (max-width: 991px) {
  .doormat > div:nth-child(3) {
    width: 50%;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .doormat > div:last-child {
    order: 4;
  }
}
.doormat ul {
  margin-top: 0.12em;
}
.doormat li {
  margin: 0 0 0.25em;
}
#map_canvas {
  width: 100%;
  height: 0;
  padding-bottom: 52.77777778%;
  background-size: cover;
}
#map_canvas.nomap {
  position: relative;
  text-align: center;
}
#map_canvas.nomap a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background-color: #116973;
  padding: 0.5em;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			grid.less  
*/
.rex-module.viewmode-grid .rex-module-inner {
  display: flex;
  flex-flow: wrap;
  align-items: stretch;
}
@media screen and (max-width: 600px) {
  .rex-module.viewmode-grid .rex-module-inner {
    align-items: flex-start;
  }
}
.viewmode-grid .rex-module-inner,
.viewmode-masonry .rex-module-inner {
  margin-left: calc(0px - var(--grid-gutter-width)/2);
  margin-right: calc(0px - var(--grid-gutter-width)/2);
}
@media only screen and (max-width: 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: calc(var(--grid-gutter-width)/2);
  margin-right: calc(var(--grid-gutter-width)/2);
}
@media only screen and (max-width: 479px) {
  .viewmode-grid .rex-item-container,
  .viewmode-masonry .rex-item-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.rex-grid-6 .rex-item {
  width: 16.66666667%;
}
.rex-grid-5 .rex-item {
  width: 20%;
}
@media only screen and (max-width: 1300px) {
  .rex-grid-5 .rex-item {
    width: 25%;
  }
}
@media only screen and (max-width: 1100px) {
  .rex-grid-5 .rex-item {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 880px) {
  .rex-grid-5 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 578px) {
  .rex-grid-5 .rex-item {
    width: 100%;
  }
}
.rex-grid-4 .rex-item {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .rex-grid-4 .rex-item {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-4 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .rex-grid-4 .rex-item {
    width: 100%;
  }
}
.rex-grid-3 .rex-item {
  width: 33.33333333%;
}
@media only screen and (max-width: 1100px) {
  .rex-grid-3 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .rex-grid-3 .rex-item {
    width: 100%;
  }
}
.rex-grid-2 .rex-item {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .rex-grid-2 .rex-item {
    width: 100%;
  }
}
.rex-grid-1 .rex-item {
  width: 100%;
}
/* row container */
/* column container */
/* Push adds left padding */
/* Pull adds right padding */
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			header.less  
*/
.main-header .container {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  transition: padding 0.2s ease-out;
}
@media only screen and (min-width: 992px) {
  .main-header .container {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 479px), screen and (max-height: 600px) {
  .main-header .container {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
.header-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(248, 247, 245, 0.95);
  border-bottom: none;
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: visible;
}
@media only screen and (max-width: 1199px) {
  .nav-container {
    right: 24px;
  }
}
.logo-container {
  position: relative;
  width: 420px;
}
@media only screen and (min-width: 992px) {
  .logo-container {
    width: 460px;
  }
}
@media only screen and (max-width: 768px) {
  .logo-container {
    width: 360px;
  }
}
@media only screen and (max-width: 479px) {
  .logo-container {
    width: 260px;
  }
}
@media only screen and (max-width: 370px) {
  .logo-container {
    width: 220px;
  }
}
@media screen and (max-width: 720px) and (orientation: landscape) {
  .logo-container {
    width: 240px;
  }
}
.logo {
  display: block;
  position: relative;
  color: #000000;
  height: 0;
  width: 100%;
  padding-bottom: 11.84834123%;
  border-bottom: none;
}
.logo:hover,
.logo:focus {
  border-bottom: none;
}
.logo .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.meta-container {
  display: none;
}
.main-header.sticky .header-wrapper {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
.main-header.sticky .header-wrapper > .container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.nav_toggle.toggle-dropdown {
  height: 19px;
  width: 30px;
  position: absolute;
  top: 50%;
  right: 32px;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
}
.nav_toggle.toggle-dropdown .label {
  color: #666666;
  float: left;
  font-size: 18px;
  line-height: 26px;
}
.nav_toggle.toggle-dropdown .bar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 19px;
  width: 30px;
  margin: 0;
  cursor: pointer;
}
.nav_toggle.toggle-dropdown .bar:before,
.nav_toggle.toggle-dropdown .bar:after,
.nav_toggle.toggle-dropdown .bar span {
  position: absolute;
  display: block;
  background-color: #666666;
  content: '';
  height: 3px;
  left: 0;
  top: 0;
  width: 100%;
}
.nav_toggle.toggle-dropdown .bar:before {
  top: 0;
  width: 100%;
}
.nav_toggle.toggle-dropdown .bar span {
  top: 50%;
  margin-top: -1.5px;
  width: 100%;
}
.nav_toggle.toggle-dropdown .bar:after {
  top: auto;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .nav_toggle.toggle-dropdown {
    right: 64px;
  }
}
@media only screen and (max-width: 768px) {
  .nav_toggle.toggle-dropdown {
    right: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .nav_toggle.toggle-dropdown {
    right: 16px;
  }
}
.nav-container > .nav_toggle.toggle-dropdown .label {
  color: #666666 !important;
}
.nav-container > .nav_toggle.toggle-dropdown .bar {
  transform: rotate(135deg);
}
.nav-container > .nav_toggle.toggle-dropdown .bar:before {
  background-color: #666666 !important;
  top: 50%;
  margin-top: -1.5px;
  transform: rotate(90deg);
  width: 100%;
}
.nav-container > .nav_toggle.toggle-dropdown .bar span {
  opacity: 0;
}
.nav-container > .nav_toggle.toggle-dropdown .bar:after {
  background-color: #666666 !important;
  bottom: 50%;
  margin-bottom: -1.5px;
  transform: rotate(0deg);
  width: 100%;
}
.nav_dropdown .nav_toggle.toggle-dropdown {
  transform: none;
  top: 32px;
}
.nav_dropdown .nav_toggle.toggle-dropdown .label {
  color: #666666 !important;
}
.nav_dropdown .nav_toggle.toggle-dropdown .bar {
  transform: rotate(135deg);
}
.nav_dropdown .nav_toggle.toggle-dropdown .bar:before {
  background-color: #666666 !important;
  top: 50%;
  margin-top: -1.5px;
  transform: rotate(90deg);
  width: 100%;
}
.nav_dropdown .nav_toggle.toggle-dropdown .bar span {
  opacity: 0;
}
.nav_dropdown .nav_toggle.toggle-dropdown .bar:after {
  background-color: #666666 !important;
  bottom: 50%;
  margin-bottom: -1.5px;
  transform: rotate(0deg);
  width: 100%;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			headings.less  
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}
h1 {
  line-height: 1.25;
  margin-bottom: 0;
}
h2,
h3 {
  font-weight: 700;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
/*
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_2_5 .img-landscape .rc {
  /* 0.416 */
  padding-bottom: 41.66666667% !important;
}
.special_srcset_ratio_2_5 .img-portrait .rc {
  /* 0.416 */
  padding-bottom: 41.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_2 .img-landscape .rc,
.special_srcset_ratio_1_2 .img-portrait .rc {
  padding-bottom: 50% !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  
*/
figure {
  margin: 0;
}
.rex-editor {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  line-height: 1.4;
}
.rex-editor.hyphens p,
.rex-editor.hyphens ul {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.rex-editor a {
  color: #666666;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 #666666;
}
.rex-editor a:hover,
.rex-editor a:focus {
  color: #c21924;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 #c21924;
}
.rex-editor p,
.rex-editor ul {
  margin-bottom: 1.25em;
}
.rex-editor ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rex-editor ul li {
  margin-left: 0;
}
.rex-editor ul > li {
  margin-bottom: 0.5em;
  list-style-type: none;
  margin-left: 0;
}
.rex-editor ul > li:last-child {
  margin-bottom: 0;
}
.rex-editor p:last-of-type {
  margin-bottom: 0 !important;
}
.rex-editor p:last-of-type + ul,
.rex-editor p:last-of-type + table {
  margin-top: 1em !important;
}
.rex-editor p + table,
.rex-editor p + h2,
.rex-editor p + h3 {
  margin-top: 1.5em;
}
.rex-editor table td {
  /*px*/ padding: 5px 0;
  /*rem*/ padding: 0.3125rem 0;
}
.text-small {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.two-columns .rex-editor {
  display: flex;
  flex-flow: row wrap;
}
.two-columns .rex-editor > div:nth-of-type(even) {
  margin-top: 2em;
}
@media only screen and (min-width: 769px) {
  .two-columns .rex-editor > div:nth-of-type(odd) {
    width: 41.6667%;
    padding-right: 32px;
  }
  .two-columns .rex-editor > div:nth-of-type(even) {
    width: 58.333332%;
    margin-top: 0;
  }
}
.consent_manager-background {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.75em;
  z-index: 999999;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.consent_manager-wrapper {
  background: #fff;
  position: relative;
  font-size: 14px;
  width: 100%;
  max-width: 60em;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
}
.consent_manager-wrapper-inner {
  padding: 1em;
  position: relative;
}
.consent_manager-hidden {
  display: none;
}
.consent_manager-detail {
  margin-bottom: 1em;
}
.consent_manager-headline {
  font-weight: bold;
  font-size: 1.2em;
}
.consent_manager-headline span {
  font-weight: normal;
}
.consent_manager-show-details {
  padding: 0 0 1em 0;
}
.consent_manager-show-details a {
  color: #999;
  text-decoration: none;
}
.consent_manager-show-details a:hover {
  color: #444;
  text-decoration: none;
}
.consent_manager-buttons button {
  transition: 200ms ease all;
  background-color: rgba(194, 25, 36, 0.65);
  border: none;
  color: #fff;
  padding: 0.5em 2em;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0 0.5em 0.5em;
  display: block;
}
@media screen and (max-width: 34.9em) {
  .consent_manager-buttons button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.consent_manager-buttons button:hover {
  background: #444;
  border-color: #444;
  color: #fff;
  text-decoration: none;
}
.consent_manager-sitelinks {
  margin-left: -1em;
  margin-right: -1em;
}
.consent_manager-sitelinks a {
  display: inline-block;
  margin: 0.5em 1em;
  color: #999;
  text-decoration: none;
}
.consent_manager-sitelinks a:hover {
  color: #444;
  text-decoration: none;
}
.consent_manager-save-and-close {
  color: #999;
}
.consent_manager-save-and-close:hover {
  color: #444;
}
.consent_manager-close-box {
  position: absolute;
  right: 0.75em;
  top: 0.75em;
  display: block;
  border-radius: 50% !important;
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #666;
  text-indent: -999px;
  padding: 0;
  border: 0;
}
.consent_manager-close-box:hover {
  background-color: #444;
  color: #fff;
}
.consent_manager-close-box::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 3px;
  left: 13px;
  top: 7px;
  bottom: 7px;
  transform: rotate(45deg);
}
.consent_manager-close-box::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 3px;
  left: 13px;
  top: 7px;
  bottom: 7px;
  transform: rotate(-45deg);
}
.consent_manager-cookiegroups {
  padding: 1em 0;
}
.consent_manager-cookiegroup + .consent_manager-cookiegroup-title {
  margin-top: 1em;
}
.consent_manager-cookiegroup-title {
  background-color: #d4d4d4;
  padding: 5px 10px;
}
.consent_manager-cookie {
  margin-top: 0.5em;
  border-left: 2px solid #999;
  padding: 0.5em 0.5em 0.5em 1em;
  background: #f9f9f9;
}
.consent_manager-cookie span {
  display: block;
}
.consent_manager-show-details .icon-info-circled:before {
  color: #fff;
  background-color: #666;
  content: "i";
  font-family: "Serif";
  font-weight: bold;
  display: inline-block;
  border-radius: 50% !important;
  line-height: 1em;
  width: 1em;
  height: 1em;
  text-align: center;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
a.consent_manager-close,
#consent_manager-toggle-details {
  cursor: pointer;
}
.consent_manager-cookiegroup-checkbox {
  margin: 0 2em 0.5em 0;
}
.consent_manager-cookiegroups label {
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
  cursor: pointer;
}
.consent_manager-cookiegroups label > input[type="checkbox"] {
  display: none;
}
.consent_manager-cookiegroups label > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 20% !important;
  border-style: solid;
  border-width: 1px;
  margin-right: 5px;
}
.consent_manager-cookiegroups label > input[type="checkbox"]:checked + *::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20height='20'%20width='20'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-opacity='0.8'%20stroke-width='3'%20d='M1.73%2012.91l6.37%206.37L22.79%204.59'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: -1px -4px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.consent_manager-cookiegroups label > input[type="checkbox"]:disabled + *::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20height='20'%20width='20'%3E%3Cpath%20fill='none'%20stroke='gray'%20stroke-opacity='1.0'%20stroke-width='3'%20d='M1.73%2012.91l6.37%206.37L22.79%204.59'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0px -4px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.consent_manager-cookiegroups label > input[type="checkbox"]:checked + * {
  color: #000;
}
.consent_manager-cookiegroups label > input[type="checkbox"]:disabled + * {
  color: #999;
  cursor: default;
}
@media screen and (min-width: 35em) {
  .consent_manager-cookiegroups {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 1em;
  }
  .consent_manager-cookiegroup-checkbox {
    margin: 0 2em 0 0;
  }
  .consent_manager-show-details {
    text-align: right;
    padding: 1em 1em 1em 0;
  }
  .consent_manager-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .consent_manager-sitelinks {
    text-align: right;
    padding-right: 1.5em;
  }
  .consent_manager-sitelinks a {
    margin: 0.5em 1em;
  }
  .consent_manager-save-selection,
  .consent_manager-accept-all {
    display: inline-block;
    margin: 0 0 0 0.5em;
  }
}
@media screen and (min-width: 50em) {
  .consent_manager-wrapper-inner {
    padding: 2em;
  }
  .consent_manager-buttons-sitelinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  a.consent_manager-close-box {
    right: 1.5em;
    top: 1.5em;
  }
}
.consent_manager-cookiegroup-description {
  margin-top: 0.5em;
}
/*
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: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%);
  background-color: #ffffff;
  transition: opacity 0.1s;
  width: auto;
  height: auto;
  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.15);
}
.dropdownmenu .container {
  background: none;
  padding: 4em 0 0 0;
  max-width: 420px;
}
@media screen and (max-height: 660px) {
  .dropdownmenu .container {
    height: 100vh;
  }
}
@media screen and (max-width: 420px) {
  .dropdownmenu {
    width: 100%;
  }
}
@media screen and (max-width: 1040px) and (min-width: 421px) {
  .dropdownmenu {
    right: 16px;
  }
}
.nav_scroll {
  height: 100%;
  overflow: auto;
  padding: 1em 98px 3em;
}
@media screen and (max-width: 420px) {
  .nav_scroll {
    padding-left: 0;
    padding-right: 0;
  }
}
html.nav_dropdown .dropdownmenu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
html.nav_dropdown .main-header {
  bottom: 0;
  background-color: rgba(248, 247, 245, 0.8);
}
html.nav_dropdown .logo-container {
  opacity: 0.2;
}
#nav-dropdown {
  margin: 0 auto;
  border-top: none;
  max-width: 240px;
}
#nav-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#nav-dropdown li li {
  margin-left: 0;
}
#nav-dropdown li > a {
  display: block;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ padding: 10px 0;
  /*rem*/ padding: 0.625rem 0;
  height: auto;
  text-transform: uppercase;
  color: #666666;
  background-color: transparent;
  font-weight: 700;
}
#nav-dropdown li > a:hover,
#nav-dropdown li > a:focus {
  color: #c21924 !important;
}
#nav-dropdown > li {
  border-bottom: none;
}
#nav-dropdown > li:last-child {
  border: none;
}
#nav-dropdown.level-1 > li > a {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
#nav-dropdown ul.level-2 > li > a {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  color: #666666;
  font-weight: 400;
  text-transform: none;
}
#nav-dropdown li.current > a,
#nav-dropdown li.active > a {
  font-weight: 700;
  color: #c21924 !important;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			accordion.less  
*/
.rex-accordion .rex-item {
  overflow: hidden;
  float: none;
}
.rex-accordion .rex-item .tab-label {
  display: block;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  padding: 0 0 1.25em;
  font-weight: bold;
  cursor: pointer;
}
.rex-accordion .rex-item .tab-label:before {
  display: inline;
  content: "+";
  margin-right: 0.3em;
}
.rex-accordion .rex-item .rex-editor {
  max-height: 0;
}
.rex-accordion .rex-item .rex-editor p,
.rex-accordion .rex-item .rex-editor ul {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.rex-accordion .rex-item .rex-editor ul {
  margin-top: 0;
}
.rex-accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.rex-accordion input:checked + .tab-label:before {
  content: "-";
  margin-right: 0.47em;
}
.rex-accordion input:checked ~ .rex-editor {
  max-height: 9999em;
  margin-bottom: 2em;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			article-lists.less  
*/
.rex-listing figure img,
.rex-gallery figure img {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
}
.rex-listing figure,
.rex-gallery figure {
  margin: 0;
}
.rex-listing.viewmode-grid a:hover,
.rex-listing.viewmode-grid a:focus {
  color: #116973;
}
.rex-listing.viewmode-grid a:hover h3,
.rex-listing.viewmode-grid a:focus h3 {
  color: #116973;
}
.rex-listing.viewmode-grid a:hover .btn-read-more,
.rex-listing.viewmode-grid a:focus .btn-read-more {
  color: #cfe1e3;
}
.rex-listing.viewmode-grid h3 {
  font-weight: normal;
  color: #666666;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  margin-bottom: 0.5em;
}
.rex-listing.viewmode-grid .rex-item {
  margin-bottom: 40px;
}
.rex-listing.viewmode-grid .rex-item-container {
  position: relative;
  height: 100%;
  padding-bottom: 37px;
  background-color: #ffffff;
  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.15);
}
.rex-listing.viewmode-grid .rex-header {
  padding-top: 16px;
}
.rex-listing.viewmode-grid .rex-description,
.rex-listing.viewmode-grid .rex-header {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 480px) {
  .rex-listing.viewmode-grid .rex-description,
  .rex-listing.viewmode-grid .rex-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.rex-listing.viewmode-grid .rex-description {
  line-height: 1.5;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.rex-listing.viewmode-grid .rex-description p {
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.rex-listing.viewmode-grid .btn-read-more {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  right: 0;
  display: block;
  background-color: #116973;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 0.5em 24px;
}
.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-grid.rex-download .rex-header,
.rex-listing.viewmode-grid.rex-download .rex-description,
.rex-listing.viewmode-grid.rex-download .btn-read-more {
  padding-left: 16px;
  padding-right: 16px;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at
File: 			gallery.less  
*/
.gallery_sp .rex-gallery.viewmode-grid .rex-module-inner,
.gallery_sp .rex-gallery.viewmode-grid .rex-item-container {
  margin: 0;
}
@media only screen and (max-width: 479px) {
  .gallery_5_4 .rex-module-inner .rex-item {
    width: 100% !important;
  }
}
.gallery_5_4 .rex-module-inner > div:nth-of-type(odd) {
  width: 58.333332%;
}
.gallery_5_4 .rex-module-inner > div:nth-of-type(odd) figure > div {
  padding-bottom: 71.42857143% !important;
}
.gallery_5_4 .rex-module-inner > div:nth-of-type(even) {
  width: 41.6667%;
}
.gallery_5_4 .rex-module-inner > div:nth-of-type(even) figure > div {
  padding-bottom: 100% !important;
}
.gallery_4_5 .rex-module-inner > div:nth-of-type(even) {
  width: 58.333332%;
}
.gallery_4_5 .rex-module-inner > div:nth-of-type(even) figure > div {
  padding-bottom: 71.42857143% !important;
}
.gallery_4_5 .rex-module-inner > div:nth-of-type(odd) {
  width: 41.6667%;
}
.gallery_4_5 .rex-module-inner > div:nth-of-type(odd) figure > div {
  padding-bottom: 100% !important;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			single-image.less  
*/
.rex-image figcaption {
  display: none;
}
.rex-image.show-caption figcaption,
.show-caption .rex-image figcaption {
  display: block;
}
.rex-image .rc {
  background-color: #f4f4f4;
}
.rex-module.rex-image .separate {
  width: 100%;
  margin: 0;
}
.rex-module.rex-image .center {
  margin: 0 auto;
}
.rex-module.rex-image .center .rc {
  background-color: transparent;
}
.site-startarticle .image.center {
  max-width: 520px;
}
.rex-module.rex-text-img {
  max-width: 900px;
}
.rex-module.rex-text-img figure {
  margin: 0;
}
.rex-module.rex-text-img .rex-item-container {
  display: flex;
  margin: 0 -20px;
}
@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: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .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: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .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: 768px) {
  .rex-module.rex-text-img .rex-image,
  .rex-module.rex-text-img .rex-editor {
    width: 100% !important;
  }
}
.rex-module.rex-text-img.float-right .rex-image {
  width: 60%;
}
.rex-module.rex-text-img.float-right .rex-editor {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img.float-right .rex-editor {
    margin-bottom: 24px;
  }
}
.rex-module.rex-text-img.float-left .rex-image {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-text-img.float-left .rex-image {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 769px) {
  .rex-module.rex-text-img.float-left .rex-image {
    padding-right: 20px;
  }
}
.rex-module.rex-text-img.float-left .rex-editor {
  width: 60%;
  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-module {
  margin-bottom: 2.5em;
}
main.container > div:last-child {
  margin-bottom: 0;
}
.rex-module.rex-header {
  margin-bottom: 1.5em;
}
.rex-module.rex-header h1,
.rex-module.rex-header h2,
.rex-module.rex-header h3 {
  margin: 0;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			single-image.less  
*/
.rex-module.rex-image figcaption {
  display: none;
}
.rex-module.rex-image.descr figcaption {
  display: block;
}
.rex-module.rex-image .separate {
  width: 100%;
  margin: 0;
}
.rex-module.rex-image .center > div {
  margin: 0 auto;
}
.rex-module.rex-image .image.right {
  margin-left: auto;
}
.rex-module.rex-image .img-landscape .rc {
  /* 0.416 */
  padding-bottom: 41.66666667% !important;
}
@media only screen and (max-width: 768px) {
  .rex-module.rex-image .img-landscape .rc {
    padding-bottom: 52% !important;
  }
}
@media only screen and (max-width: 479px) {
  .rex-module.rex-image .img-landscape .rc {
    padding-bottom: 58% !important;
  }
}
/* ========================================================== */
/* = 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 */
@media only screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}
/* max-width: 479px */
@media only screen and (max-width: 479px) {
  html {
    font-size: 13px;
  }
}
/*# sourceMappingURL=main.css.map */