@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
*/
.screen-reader {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}
.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;
}
/*! 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: #4c4c4c;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/* ========================================================================== *\
   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;
}
/* ========================================================================== *\
   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: 'Roboto Slab', serif;
  font-weight: 400;
  color: #4c4c4c;
}
h1,
.h1 {
  /*px*/ font-size: 42px;
  /*rem*/ font-size: 2.625rem;
}
h2,
.h2 {
  /*px*/ font-size: 42px;
  /*rem*/ font-size: 2.625rem;
}
h3,
.h3 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
}
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 -> 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 -> 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 -> Blockquotes ($base-blockquotes)
\* ========================================================================== */
blockquote {
  color: #777777;
  font-family: Georgia, serif;
  font-style: italic;
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*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 -> Tables ($base-tables)
\* ========================================================================== */
table {
  width: 100%;
  empty-cells: show;
}
th,
tfoot td {
  text-align: left;
}
th,
td {
  overflow: visible;
}
/* ========================================================================== *\
   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 {
  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: 400;
  line-height: 1.5;
  display: inline-block;
  margin: 0;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #65aaba;
  border: 0 none;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /**
   * States
   */
}
.btn:hover {
  background-color: rgba(5, 5, 5, 0);
}
.btn:active,
.btn.is-active {
  background-color: rgba(0, 0, 0, 0);
  /*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.25) inset;
  /*rem*/ box-shadow: 0 0 0.5rem rgba(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.50;
  box-shadow: none;
  text-shadow: none;
}
/**
 * Shapes
 */
.btn-round,
input[type="button"].btn-round,
input[type="submit"].btn-round {
  /*px*/ border-radius: 0;
  /*rem*/ border-radius: 0;
}
/**
 * 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: #65aaba;
  background-color: transparent;
}
.btn-primary:hover {
  background-color: rgba(10, 10, 10, 0);
}
.btn-primary:active,
.btn-primary.is-active {
  background-color: rgba(0, 0, 0, 0);
}
/**
 * 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,
.checkbox-group 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";
}
/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.fb_stars_backend div.left{
        float:left;
		vertical-align: bottom;
}
.fb_stars_backend div.right{
        float:right;
		vertical-align: top;
}

.fb_stars_{
	display:inline-block;
	height: 19px;
	display:table-cell;
	vertical-align:middle;
}


.fb_stars  a  { 
	-webkit-box-shadow: none!important;
	box-shadow:none!important;
}


/*._590f{margin-bottom:-1px;margin-top:-3px}*/
._27ny ._5wfv{color:#898f9c}
._4iae {display:inline-block;line-height:0;position:relative;float:left;}
._4iae._4iaf{cursor:pointer}
._4iag ._5xoz{padding-right:2px}
._4iah ._5xoz{padding-right:2px}
._4iai ._5xoz{padding-left:0px;padding-right:0px}
._4iaj ._5xoz{padding-left:0px;padding-right:0px}
._4iak ._5xoz{padding-left:0px;padding-right:0px}
._4iae ._5xoz._5xo-{padding-left:0}
._4iae ._5xoz._4ial{padding-right:0}
._6a{display:table-cell;	height:16px !important;}
._rating_text{
	display:table-cell;
	vertical-align:middle;
	line-height: 19px;
	}
._fb_clip{left:0;position:absolute;top:0}
.fsm{font-size:11px}
.fwn{font-weight:normal}
.fcg{color:gray}
.fbs_rt{top:-4px}

.fb_star_img{
	-webkit-box-shadow: none!important;
	box-shadow:none!important;
	width: 19px !important;
	height: 19px !important;
}



/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			proj_mixins.less  
*/
.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;
}
time,
.category {
  font-size: 14px;
  font-family: 'Roboto', sans serif;
  text-transform: uppercase;
}
hr {
  /*px*/ margin: 38px 0 38px;
  /*rem*/ margin: 2.375rem 0 2.375rem;
  border-color: #aaaaaa;
}
[class*="spacer-"]:before,
[class*="spacer-"]:after {
  display: table;
  content: " ";
}
[class*="spacer-"]:after {
  clear: both;
}
.spacer-base {
  /*px*/ height: 25px;
  /*rem*/ height: 1.5625rem;
}
.spacer-small {
  /*px*/ height: 20px;
  /*rem*/ height: 1.25rem;
}
.spacer-medium {
  /*px*/ height: 38px;
  /*rem*/ height: 2.375rem;
}
.spacer-large {
  /*px*/ height: 52px;
  /*rem*/ height: 3.25rem;
}
.spacer-x-large {
  /*px*/ height: 82px;
  /*rem*/ height: 5.125rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			styles.less  
*/
body {
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
a {
  text-decoration: none;
  border-bottom: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
figure {
  margin-bottom: 0;
  position: relative;
}
#base {
  overflow-y: auto;
  overflow-x: hidden;
}
.content {
  padding-top: 100px;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #ffffff;
}
@media only screen and (max-width: 479px) {
  .content {
    padding-top: 77px;
  }
}
.container {
  padding-left: 45px;
  padding-right: 45px;
  max-width: 1100px;
}
@media screen and (min-width: 1145px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container > h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.site-startarticle .rex-editor {
  max-width: 590px;
}
#intro .section-inner {
  padding-top: 0;
}
.rex-template-5:not(.art-blog) .content > .container {
  /*px*/ padding-top: 52px;
  /*rem*/ padding-top: 3.25rem;
}
.rex-template-5:not(.art-blog) .rex-module {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left;
}
.one-page-element {
  position: relative;
  width: 300%;
  margin-left: -100%;
}
.one-page-element > h2 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.section-inner {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  /*px*/ padding: 82px 0;
  /*rem*/ padding: 5.125rem 0;
}
.section-inner > .container {
  margin-left: auto;
  margin-right: auto;
}
.container > section:first-child .section-inner {
  padding-top: 0;
}
#ap {
  display: none;
  position: fixed;
  right: 0;
  left: auto;
  top: 50%;
  width: 150px;
  background-color: #ffffff;
  padding: 35px 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  #ap {
    position: static;
    margin: 0 auto;
    padding: 25px 20px;
    margin-bottom: 35px;
  }
}
#ap p {
  margin: 0;
  text-align: center;
}
#ap a {
  color: #65aaba;
  text-decoration: underline;
}
.site-startarticle #ap {
  display: block;
}
.fb_stars {
  position: absolute;
  right: 0;
  top: 150px;
  left: auto;
  background-color: #ffffff;
  padding: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}
.fb_stars:before,
.fb_stars:after {
  display: table;
  content: " ";
}
.fb_stars:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .fb_stars {
    position: static;
    width: 200px;
    margin: 0 auto 25px auto;
  }
}
.fb_stars a:hover ._rating_text {
  text-decoration: underline;
}
._rating_text {
  color: #3695EC;
  font-size: 17px;
  font-family: Helvetica, sans-serif;
}
.rating {
  float: left;
  margin-left: 10px;
}
._4iae {
  float: none;
}
.facebook-badge {
  float: left;
  width: 45px;
  height: 45px;
}
.facebook-badge svg {
  width: 45px;
  height: 45px;
  padding: 4px;
  border-radius: 50%;
  background-color: #3c5b9b;
}
.cssload-container {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			onts.less  
*/
@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.eot");
  src: url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.woff") format("woff"), url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.svg#Roboto Slab") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto Slab";
    src: url("../fonts/Roboto Slab Regular/roboto-slab-v6-latin-ext_latin-regular.svg#Roboto Slab") format("svg");
  }
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.eot");
  src: url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.woff") format("woff"), url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto Regular/roboto-v16-latin-ext_latin-regular.svg#Roboto") format("svg");
  }
}
@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.eot");
  src: url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.woff") format("woff"), url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.ttf") format("truetype"), url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.svg#Roboto Slab") format("svg");
  font-weight: 700;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto Slab";
    src: url("../fonts/Roboto Slab 700/roboto-slab-v6-latin-ext_latin-700.svg#Roboto Slab") format("svg");
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			proj_variables.less  
*/
/* Phone Mini */
/* Phone */
/* Small Tablet */
/* Desktop, Big Tablet */
/* Wide Desktop */
/* Desktop HD */
/* ========================================================================== *\
   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: 'Roboto Slab', 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: #777777;
}
/**
 * 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: 			forms.less  
*/
input[type="text"],
input[type="email"] {
  border: none;
  border-bottom: 1px solid #aaaaaa;
  height: 39px;
  font-family: Arial, sans-serif;
  color: #aaaaaa;
  font-size: 13px;
  border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus {
  color: #777777;
  border-bottom-color: #777777;
}
#newsletter .control-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
#newsletter .form-control {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  #newsletter .form-control {
    width: 75%;
  }
}
#newsletter .btn {
  margin-top: 0.75em;
}
.checkbox-group {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
  width: 60%;
}
.checkbox-group label {
  font-size: 13px;
  font-family: Helvetica;
}
.checkbox-group input[type="checkbox"] {
  margin: 3px 5px 0 0;
}
.checkbox-group ul {
  margin: 0;
}
.checkbox-group li {
  margin-bottom: 0.5em;
  line-height: 1.35;
  display: flex;
  align-items: flex-start;
}
.mce_inline_error {
  font-family: Helvetica;
  color: #b70e0e;
  font-weight: bold;
}
.mce_inline_error ::-webkit-input-placeholder {
  color: #b70e0e;
}
.mce_inline_error :-moz-placeholder {
  /* Firefox 18- */
  color: #b70e0e;
}
.mce_inline_error ::-moz-placeholder {
  /* Firefox 19+ */
  color: #b70e0e;
}
.mce_inline_error input::-ms-input-placeholder {
  color: #b70e0e;
}
.mce_inline_error [placeholder]:focus::-webkit-input-placeholder {
  color: #b70e0e;
}
input.mce_inline_error {
  border-bottom-color: #b70e0e;
}
input.mce_inline_error + label {
  color: #b70e0e;
}
.mc-response {
  font-weight: bold;
}
.yform .alert {
  font-family: 'Roboto', 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: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  /* Safari iOS needs this */
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
input::-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.4s 0.4s ease;
  opacity: 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			footer.less  
*/
footer {
  /*px*/ margin-top: 82px;
  /*rem*/ margin-top: 5.125rem;
}
#kontakt {
  /*px*/ padding-top: 82px;
  /*rem*/ padding-top: 5.125rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
#kontakt .container {
  margin: 0 auto;
}
@media screen and (max-width: 1140px) {
  #kontakt .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #kontakt .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#kontakt a {
  text-decoration: none;
  color: #777777;
  letter-spacing: 0.05em;
}
#kontakt a:hover,
#kontakt a:focus {
  color: #608079;
}
.footer-top {
  display: block;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  margin: 0;
  margin: 0 -15px;
}
.footer-top:before,
.footer-top:after {
  display: table;
  content: " ";
}
.footer-top:after {
  clear: both;
}
.footer-top h4 {
  /*px*/ margin-bottom: 25px;
  /*rem*/ margin-bottom: 1.5625rem;
}
.footer-left,
.footer-mid,
.footer-right {
  display: block;
  float: left;
  width: 33.33333333%;
}
.footer-container {
  margin: 0 15px;
}
@media only screen and (max-width: 767px) {
  .footer-container {
    margin: 0;
  }
}
.footer-mid p + h4 {
  /*px*/ margin-top: 52px;
  /*rem*/ margin-top: 3.25rem;
}
.footer-mid p {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .footer-left,
  .footer-mid {
    display: block;
    float: left;
    width: 50%;
  }
  .footer-right {
    clear: left;
    float: none;
    width: 100%;
    text-align: left;
  }
  .footer-right {
    /*px*/ padding-top: 52px;
    /*rem*/ padding-top: 3.25rem;
  }
  .footer-right h4 {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
  }
}
@media only screen and (max-width: 479px) {
  .footer-left,
  .footer-mid,
  .footer-right {
    float: none;
    width: 100%;
  }
  .footer-mid {
    /*px*/ padding-top: 52px;
    /*rem*/ padding-top: 3.25rem;
  }
}
.footer-bot {
  display: block;
  /*px*/ padding: 20px 0 52px 0;
  /*rem*/ padding: 1.25rem 0 3.25rem 0;
  margin: 0;
  border-top: 1px solid #aaaaaa;
  font-size: 12px;
}
.footer-bot:before,
.footer-bot:after {
  display: table;
  content: " ";
}
.footer-bot:after {
  clear: both;
}
.footer-bot > div {
  display: block;
  float: left;
  width: 50%;
}
.footer-bot > div:first-child a {
  margin-right: 15px;
}
@media only screen and (max-width: 479px) {
  .footer-bot > div:first-child a {
    display: block;
    margin: 0 0 7px 0;
  }
}
.footer-bot > div:last-child {
  text-align: right;
}
.footer-bot > div:last-child a {
  margin-left: 5px;
}
/**
 * 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 > div:nth-child(6n + 1),
.rex-grid-6 > article:nth-child(6n + 1) {
  clear: left;
}
.rex-grid-6 .rex-item {
  width: 16.66666667%;
}
.rex-grid-5 > div:nth-child(5n + 1),
.rex-grid-5 > article:nth-child(5n + 1) {
  clear: left;
}
.rex-grid-5 .rex-item {
  width: 20%;
}
.rex-grid-4 > div:nth-child(4n + 1),
.rex-grid-4 > article:nth-child(4n + 1) {
  clear: left;
}
.rex-grid-4 .rex-item {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .rex-grid-4 > div:nth-child(n),
  .rex-grid-4 > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 > div:nth-child(3n + 1),
  .rex-grid-4 > article:nth-child(3n + 1) {
    clear: left;
  }
  .rex-grid-4 .rex-item {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 767px) {
  .rex-grid-4 > div:nth-child(n),
  .rex-grid-4 > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 > div:nth-child(2n + 1),
  .rex-grid-4 > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-4 .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .rex-grid-4 > div:nth-child(n),
  .rex-grid-4 > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-4 .rex-item {
    width: 100%;
    float: none;
  }
}
.rex-grid-3 > div:nth-child(3n + 1),
.rex-grid-3 > article:nth-child(3n + 1) {
  clear: left;
}
.rex-grid-3 .rex-item {
  width: 33.33333333%;
}
@media only screen and (max-width: 479px) {
  .rex-grid-3 > div:nth-child(n),
  .rex-grid-3 > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-3 .rex-item {
    width: 100%;
    float: none;
  }
}
.rex-grid-2 > div:nth-child(2n + 1),
.rex-grid-2 > article:nth-child(2n + 1) {
  clear: left;
}
.rex-grid-2 .rex-item {
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .rex-grid-2 > div:nth-child(n),
  .rex-grid-2 > article:nth-child(n) {
    clear: none;
  }
  .rex-grid-2 > div:nth-child(2n + 1),
  .rex-grid-2 > article:nth-child(2n + 1) {
    clear: left;
  }
  .rex-grid-2 .rex-item {
    width: 100%;
    float: none;
  }
}
.rex-grid-1 > div:nth-child(1n + 1),
.rex-grid-1 > article:nth-child(1n + 1) {
  clear: left;
}
.rex-grid-1 .rex-item {
  width: 100%;
}
[class*="rex-grid"]:before,
[class*="rex-grid"]:after {
  display: table;
  content: " ";
}
[class*="rex-grid"]:after {
  clear: both;
}
[class*="rex-grid"] .rex-item {
  float: left;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			header.less  
*/
.main-header {
  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: none;
  height: 100px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  will-change: transform;
}
@media only screen and (max-width: 991px) {
  .main-header {
    background-color: #ffffff;
    height: auto;
  }
}
.main-header .container {
  position: relative;
  height: 100%;
  margin: 0 auto;
  max-width: 1100px;
}
@media only screen and (max-width: 991px) {
  .main-header .container {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-header .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: hidden;
}
.logo-container {
  position: absolute;
  left: 45px;
  width: 362px;
  height: auto;
  transition: all 0.5s;
}
@media only screen and (max-width: 991px) {
  .logo-container {
    position: static;
    transform: none;
  }
}
.nav-container {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: 45px;
}
@media only screen and (max-width: 991px) {
  .nav-container {
    position: static;
    display: block;
    transform: none;
  }
  .nav-container .mainmenu {
    display: none;
  }
  .nav-container .dropdownmenu {
    display: block;
  }
}
.fullWidthWrapper {
  position: relative;
  width: 300%;
  margin-left: -100%;
}
@media screen and (min-width: 1120px) {
  .logo-container {
    left: 0;
  }
  .nav-container {
    right: 0;
  }
}
.logo {
  display: inline-block;
  background-color: transparent;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #777777;
  height: auto;
}
.logo img {
  width: 362px;
  height: 100px;
}
@media only screen and (max-width: 479px) {
  .logo img {
    width: 280px;
    height: 77px;
  }
}
.main-header.sticky {
  height: 65px;
}
.main-header.sticky .logo-container,
.main-header.sticky .logo img {
  height: 65px;
  width: 235px;
  transition: all 0.3s;
}
.nav_toggle.toggle-ocmenu {
  cursor: pointer;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  z-index: 110;
}
.nav_toggle.toggle-ocmenu:before,
.nav_toggle.toggle-ocmenu:after {
  display: table;
  content: " ";
}
.nav_toggle.toggle-ocmenu:after {
  clear: both;
}
.nav_toggle.toggle-ocmenu .label {
  color: #8ECBBB;
  float: left;
  font-size: 18px;
  line-height: 26px;
}
.nav_toggle.toggle-ocmenu .bar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 21px;
  width: 32px;
  margin: 0;
  cursor: pointer;
  transition: all 0.5s 0s;
}
.nav_toggle.toggle-ocmenu .bar:before,
.nav_toggle.toggle-ocmenu .bar:after,
.nav_toggle.toggle-ocmenu .bar span {
  position: absolute;
  display: block;
  background-color: #8ECBBB;
  content: '';
  height: 3px;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.3s;
}
.nav_toggle.toggle-ocmenu .bar:before {
  top: 0;
  transition: all 0.3s 0.3s, transform 0.3s 0s;
  width: 70%;
}
.nav_toggle.toggle-ocmenu .bar span {
  top: 50%;
  margin-top: -1.5px;
  transition: all 0.3s 0.3s;
  width: 85%;
}
.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: #8ECBBB !important;
}
@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,
h5,
h6 {
  font-weight: 400;
}
h1 {
  color: #4c4c4c;
  line-height: 1.4;
}
h2 {
  color: #4c4c4c;
}
@media only screen and (max-width: 479px) {
  h2 {
    /*px*/ font-size: 32px;
    /*rem*/ font-size: 2rem;
  }
}
h3,
h4,
h5,
h6 {
  color: #4c4c4c;
  line-height: 1.3;
}
.rex-module.rex-header {
  text-align: center;
}
.rex-module.rex-header h1,
.rex-module.rex-header h2 {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			text-elements.less  
*/
figcaption {
  font-style: normal;
  font-family: 'Roboto', sans serif;
  font-size: 14px;
  text-transform: uppercase;
}
blockquote {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-family: Georgia, 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 {
  position: relative;
  line-height: 1.65;
}
.rex-editor a {
  color: #4c4c4c;
  text-decoration: underline;
}
.rex-editor a:hover,
.rex-editor a:focus {
  color: #000000;
  text-decoration-hover: underline;
}
.rex-editor p {
  word-break: keep-all;
  hyphens: auto;
}
.rex-editor ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /*px*/ margin: 25px 0 38px;
  /*rem*/ margin: 1.5625rem 0 2.375rem;
}
.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;
}
.rex-editor .text-primary {
  color: #608079;
}
.rex-editor .text-large,
.rex-editor .text-primary {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.site-startarticle .rex-editor {
  text-align: center;
}
.site-startarticle .rex-editor ul {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
  text-align: left;
}
.site-startarticle .rex-editor ul li {
  margin-left: 2em;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			buttons.less  
*/
.btn {
  position: relative;
  background-color: transparent;
  /*px*/ border-radius: 0;
  /*rem*/ border-radius: 0;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  height: 36px;
  border-bottom: 2px solid #65aaba;
}
.btn:before {
  content: "";
  display: inline-block;
  height: calc(100% + 1px);
  vertical-align: middle;
}
.btn:hover,
.btn:focus {
  color: #418291;
  background-color: transparent;
}
.btn:active,
.btn.is-active {
  background-color: transparent;
  box-shadow: none;
  color: #1a3339;
  border-bottom-color: #1a3339;
}
.back-to-top {
  position: fixed;
  display: block;
  cursor: pointer;
  right: 3vw;
  bottom: 3vh;
  left: auto;
  top: auto;
  width: 45px;
  height: 32px;
  background-color: rgba(96, 128, 121, 0.85);
  padding: 0 12px;
  border-radius: 3px;
  z-index: 10;
  transform: translateY(300%);
  opacity: 1;
  line-height: 26px;
  transition: transform 0.2s, opacity 0.2s;
  text-align: center;
}
.back-to-top:hover,
.back-to-top:focus {
  background-color: #b4dacd;
}
@media only screen and (max-width: 767px) {
  .back-to-top {
    right: 15px;
  }
}
.back-to-top svg {
  fill: #ffffff;
  width: 20px;
  height: 16px;
}
.show-top .back-to-top {
  transform: translateY(0);
}
.nav_dropdown .show-top {
  opacity: 0;
}
.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: 			colors.less  
*/
#blog .section-inner {
  background-color: #f5f5f5;
}
.rex-image .rc {
  background-color: #f8f8f8;
}
.hilite-row_1 .row_1,
.hilite-row_2 .row_2,
#blog.blog-overview .section-inner {
  background-color: #d6ebe4;
}
.hilite-row_1 .row_1 .rex-image .rc,
.hilite-row_2 .row_2 .rex-image .rc,
.blog-overview .rex-image .rc {
  background-color: #ddeee9;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			icons.less  
*/
.longtext-close {
  display: inline-block;
  background-size: 100% auto;
  text-indent: -9999em;
  width: 16px;
  height: 16px;
  margin: -1px 0 0 15px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%236F6F6E%22%20d%3D%22M.354.354l19.292%2019.293M19.646.354L.354%2019.647%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}
.facebook,
.twitter,
.instagram,
.pinterest {
  display: inline-block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-indent: -9999em;
  width: 35px;
  height: 35px;
  margin: 0;
  vertical-align: middle;
}
.facebook {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctitle%2F%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M256%20490.666c-129.603%200-234.667-105.064-234.667-234.667S126.397%2021.332%20256%2021.332s234.667%20105.064%20234.667%20234.667S385.603%20490.666%20256%20490.666zm0-21.332c117.821%200%20213.333-95.512%20213.333-213.334S373.821%2042.667%20256%2042.667%2042.667%20138.18%2042.667%20256%20138.179%20469.333%20256%20469.333zm-35.495-77.897V255.992h-27.526v-44.897h27.526v-27.15c0-36.621%2010.95-63.029%2051.047-63.029h47.702v44.805h-33.589c-16.82%200-20.654%2011.178-20.654%2022.882v22.494h51.764l-7.065%2044.897h-44.699v135.444h-44.505z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.twitter {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctitle%2F%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M256%20490.666c-129.603%200-234.667-105.064-234.667-234.667S126.397%2021.332%20256%2021.332s234.667%20105.064%20234.667%20234.667S385.603%20490.666%20256%20490.666zm0-21.332c117.821%200%20213.333-95.512%20213.333-213.334S373.821%2042.667%20256%2042.667%2042.667%20138.18%2042.667%20256%20138.179%20469.333%20256%20469.333zm86.452-303.785c-9.457-10.751-22.932-17.602-37.844-17.85-28.633-.476-51.849%2023.719-51.849%2054.039%200%204.303.458%208.5%201.343%2012.528-43.091-2.795-81.296-25.233-106.867-59.058-4.463%208.105-7.02%2017.578-7.02%2027.726%200%2019.21%209.154%2036.259%2023.066%2046.326-8.499-.375-16.494-2.948-23.484-7.169-.005.231-.005.462-.005.696%200%2026.827%2017.872%2049.333%2041.591%2054.575a48.8%2048.8%200%200%201-23.415.788c6.597%2022.001%2025.744%2038.055%2048.434%2038.586-17.744%2014.73-40.1%2023.502-64.393%2023.452a98.7%2098.7%200%200%201-12.368-.8c22.946%2015.744%2050.198%2024.911%2079.478%2024.918%2095.367.025%20147.519-82.968%20147.519-154.953%200-2.362-.052-4.711-.151-7.048%2010.13-7.548%2018.92-17.012%2025.87-27.819a98.966%2098.966%200%200%201-29.777%208.143c10.704-6.588%2018.926-17.131%2022.796-29.774-10.019%206.076-21.115%2010.433-32.925%2012.695z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.instagram {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctitle%2F%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M256%2040c119.1%200%20216%2096.9%20216%20216s-96.888%20216-216%20216S40%20375.1%2040%20256%20136.9%2040%20256%2040zm0-24C123.448%2016%2016%20123.448%2016%20256c0%20132.564%20107.448%20240%20240%20240%20132.528%200%20240-107.436%20240-240%200-132.552-107.46-240-240-240z%22%2F%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M166.444%20143.692h179.112c16.992%200%2030.912%2013.908%2030.912%2030.924v179.1c0%2017.016-13.92%2030.924-30.912%2030.924H166.444c-17.004%200-30.924-13.908-30.924-30.924v-179.1c0-17.016%2013.92-30.924%2030.924-30.924zm144.612%2026.772c-5.976%200-10.848%204.884-10.848%2010.848v25.968c0%205.964%204.872%2010.836%2010.848%2010.836h27.24c5.952%200%2010.824-4.872%2010.824-10.836v-25.968c0-5.964-4.872-10.848-10.824-10.848h-27.24zm38.184%2075.12h-21.216a70.18%2070.18%200%200%201%203.096%2020.688c0%2040.08-33.54%2072.564-74.88%2072.564-41.364%200-74.916-32.484-74.916-72.564%200-7.2%201.092-14.136%203.096-20.688h-22.128v101.784c0%205.268%204.296%209.588%209.576%209.588h167.796c5.256%200%209.564-4.308%209.564-9.588V245.584h.012zm-93-28.824c-26.748%200-48.408%2020.988-48.408%2046.884%200%2025.908%2021.66%2046.908%2048.408%2046.908%2026.712%200%2048.372-21%2048.372-46.908%200-25.896-21.66-46.884-48.372-46.884z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.pinterest {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctitle%2F%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M256%2016C123.625%2016%2016%20123.625%2016%20256s107.625%20240%20240%20240%20240-107.625%20240-240S388.375%2016%20256%2016zm0%20447.938c-21.469%200-42.094-3.281-61.594-9.281%208.438-13.781%2021.188-36.469%2025.875-54.469%202.531-9.75%2012.938-49.406%2012.938-49.406%206.75%2012.938%2026.625%2023.906%2047.625%2023.906%2062.719%200%20107.906-57.656%20107.906-129.375%200-68.719-56.063-120.094-128.156-120.094-89.719%200-137.344%2060.281-137.344%20125.813%200%2030.469%2016.219%2068.438%2042.188%2080.531%203.938%201.875%206%201.031%206.938-2.813.656-2.906%204.219-16.969%205.813-23.625.469-2.063.281-3.938-1.406-6-8.625-10.406-15.469-29.625-15.469-47.438%200-45.844%2034.688-90.281%2093.844-90.281%2051.094%200%2086.813%2034.781%2086.813%2084.563%200%2056.25-28.406%2095.25-65.344%2095.25-20.438%200-35.719-16.875-30.75-37.594%205.906-24.75%2017.25-51.375%2017.25-69.188%200-15.938-8.531-29.25-26.344-29.25-20.906%200-37.594%2021.563-37.594%2050.531%200%2018.375%206.188%2030.844%206.188%2030.844s-20.625%2087.094-24.375%20103.313c-4.219%2018-2.531%2043.219-.75%2059.625C102.908%20419.312%2048.064%20344.125%2048.064%20256c0-114.844%2093.094-207.938%20207.938-207.938S463.94%20141.156%20463.94%20256s-93.094%20207.938-207.938%20207.938z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			navigation.less  
*/
.mainmenu {
  background-color: transparent;
}
.mainmenu ul,
.mainmenu li {
  list-style-type: none;
  margin: 0;
}
.mainmenu li {
  display: inline-block;
  line-height: 1;
}
.mainmenu li > a {
  color: #777777;
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  padding: 0 20px;
  background-color: transparent;
}
.mainmenu li > a:hover,
.mainmenu li > a:focus {
  color: #608079;
}
.mainmenu li > a:active {
  color: #608079;
}
.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: #608079;
  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: 14px;
  /*rem*/ font-size: 0.875rem;
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			offCanvas.less  
*/
.ocmenu {
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  background-color: #d6ebe4;
  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.35);
  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: 15px;
  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: #8ECBBB;
  text-align: left;
  background-color: #d6ebe4;
  height: 100%;
  width: 100%;
}
.fall-down .ocmenu-panel {
  transform: translate3d(0, -100%, 0);
  transition: transform 0s 0.5s;
}
.ocmenu-list {
  list-style-type: none;
  margin: 0;
  /* current and active */
}
.ocmenu-list li {
  position: relative;
  list-style-type: none;
  margin-left: 0;
  overflow: hidden;
  border-bottom: 1px solid #b1dbd0;
}
.ocmenu-list li > a {
  display: block;
  font-family: 'Roboto', sans serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7dc3b0;
  text-decoration: none;
  /*px*/ padding: 15px 0 15px 0;
  /*rem*/ padding: 0.9375rem 0 0.9375rem 0;
  line-height: 1;
}
.ocmenu-list li > a:hover,
.ocmenu-list li > a:focus {
  color: #459580;
  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: #397d6b;
  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
}
.ocmenu-list li.ocmenu-current > a.ocmenu-active,
.ocmenu-list li.active > a.ocmenu-active {
  border-bottom: none;
  color: #ffffff;
  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: #397d6b;
}
.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: 			modules-base.less  
*/
.rex-module {
  max-width: 970px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.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-primary {
  float: left;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .rex-primary {
    width: 100%;
    float: none;
  }
}
.rex-secondary {
  float: right;
  width: 40%;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .rex-secondary {
    width: 100%;
    float: none;
    /*px*/ margin-top: 52px;
    /*rem*/ margin-top: 3.25rem;
    padding-left: 0;
  }
}
.template-default .rex-module.rex-header h1,
.template-default .rex-module.rex-header h2 {
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
  /*px*/ margin-bottom: 35px;
  /*rem*/ margin-bottom: 2.1875rem;
}
.template-default .rex-module.rex-header h2 {
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
}
.template-default .rex-editor {
  max-width: 770px;
}
.rex-module.rex-gallery.viewmode-grid {
  max-width: 990px;
}
.css-module-wrapper.module-full-width {
  position: relative;
  width: 300%;
  margin-left: -100%;
}
.css-module-wrapper.module-full-width .rex-gallery.rex-grid-1.viewmode-slider {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
@media only screen and (max-width: 767px) {
  .css-module-wrapper.module-full-width .rex-gallery.rex-grid-1.viewmode-slider {
    /*px*/ margin-bottom: 38px;
    /*rem*/ margin-bottom: 2.375rem;
  }
}
.css-module-wrapper.module-full-width > .css-module {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}
.css-module-wrapper.module-full-width > .css-module > .rex-module {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
#store .section-inner.row_1 {
  padding: 0;
}
#store .section-inner.row_2 {
  /*px*/ padding-top: 52px;
  /*rem*/ padding-top: 3.25rem;
}
#store .section-inner.row_2 .container > article {
  margin-left: -15px;
  margin-right: -15px;
}
#store .section-inner.row_2 .rex-editor ul {
  max-width: 100%;
}
#store .rex-blog.rex-teaser .rex-item {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #store .rex-blog.rex-teaser .rex-item {
    /*px*/ margin-bottom: 38px;
    /*rem*/ margin-bottom: 2.375rem;
  }
}
#store footer {
  text-align: center;
  /*px*/ margin-top: 82px;
  /*rem*/ margin-top: 5.125rem;
}
@media only screen and (max-width: 767px) {
  #store footer {
    /*px*/ margin-top: 52px;
    /*rem*/ margin-top: 3.25rem;
  }
}
#store footer a {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog {
  max-width: 1140px;
  position: relative;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-image figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-info {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-info h4 {
  /*px*/ margin-bottom: 0;
  /*rem*/ margin-bottom: 0;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-info h4 > a {
  color: #777777;
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-info h4 > a:hover {
  color: #4c4c4c;
}
@media only screen and (max-width: 767px) {
  .rex-module.rex-gallery.viewmode-grid.rex-blog > div:nth-child(3n+1) {
    clear: none;
  }
  .rex-module.rex-gallery.viewmode-grid.rex-blog .rex-item {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .rex-module.rex-gallery.viewmode-grid.rex-blog .rex-item {
    width: 100%;
    float: none;
  }
}
.rex-module.rex-gallery.viewmode-grid.rex-blog .rex-item-container {
  margin-left: 20px;
  margin-right: 20px;
}
.art-blog h1,
.art-blog h2,
.art-blog h3,
.art-blog h4 {
  color: #777777;
}
.art-blog h1 {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
.art-blog #blog {
  position: relative;
  width: 300%;
  margin-left: -100%;
}
.art-blog #blog .rex-module-wrapper {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (max-width: 479px) {
  .art-blog #blog .rex-module-wrapper {
    margin: 0;
  }
}
.art-blog #blog .rex-module.viewmode-grid .rex-item {
  /*px*/ margin-bottom: 38px;
  /*rem*/ margin-bottom: 2.375rem;
}
@media only screen and (max-width: 479px) {
  .art-blog #blog .rex-module.viewmode-grid .rex-item-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.art-blog #blog .section-inner {
  /*px*/ padding-top: 82px;
  /*rem*/ padding-top: 5.125rem;
}
@media only screen and (max-width: 767px) {
  .art-blog #blog .section-inner {
    /*px*/ padding-top: 52px;
    /*rem*/ padding-top: 3.25rem;
  }
}
.art-blog #blog .section-inner .container > .rex-header h1 {
  display: inline-block;
  position: relative;
  /*px*/ margin-bottom: 38px;
  /*rem*/ margin-bottom: 2.375rem;
  color: #4c4c4c;
  /*px*/ font-size: 42px;
  /*rem*/ font-size: 2.625rem;
}
.art-blog #blog .section-inner .container > .rex-header h1:after {
  content: "";
  background-color: #65aaba;
  height: 3px;
  width: 65%;
  position: absolute;
  top: auto;
  bottom: -20px;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
.line-1,
.line-2 {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 100%;
  background-color: #aaaaaa;
  left: 33.3333333%;
}
@media only screen and (max-width: 767px) {
  .line-1,
  .line-2 {
    left: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .line-1,
  .line-2 {
    display: none;
  }
}
.line-2 {
  left: 66.6666667%;
}
@media only screen and (max-width: 767px) {
  .line-2 {
    display: none;
  }
}
.blog-categories {
  margin: 0 auto;
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
  max-width: 590px;
}
.blog-categories ul,
.blog-categories li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  text-align: center;
}
.blog-categories ul li,
.blog-categories li li {
  margin-left: 0;
}
.blog-categories li {
  display: inline-block;
  margin: 0 10px !important;
}
.blog-categories li > a {
  line-height: 2;
}
.blog-categories li > a.active {
  color: #65aaba;
}
.rex-blog-detail .rex-secondary {
  max-width: 250px;
}
@media only screen and (max-width: 767px) {
  .rex-blog-detail .rex-secondary {
    max-width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .rex-blog-detail .rex-secondary {
    max-width: 100%;
  }
}
.rex-blog-detail .rex-secondary .rex-header {
  margin: 0;
}
.rex-blog-detail .blog-categories {
  margin: 0 0 0 auto;
}
.rex-blog-detail .blog-categories ul {
  text-align: left;
  margin: 0;
}
.rex-blog-detail .blog-categories li {
  display: list-item;
  text-align: left;
  margin: 0 !important;
  border-bottom: 1px solid #aaaaaa;
}
.rex-blog-detail .blog-categories li > a {
  display: block;
  padding: 5px 0;
}
.rex-blog-detail .rex-module.rex-blog {
  max-width: 1100px;
}
.rex-blog-detail footer {
  /*px*/ margin-top: 0;
  /*rem*/ margin-top: 0;
}
.rex-blog-detail .blog-social {
  text-align: center;
  /*px*/ padding: 52px 0;
  /*rem*/ padding: 3.25rem 0;
}
.rex-blog-detail .blog-social a {
  margin: 0 3px;
}
.rex-blog-detail h1 {
  margin-bottom: 0;
  max-width: 60%;
  line-height: 1.2;
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
}
@media only screen and (max-width: 767px) {
  .rex-blog-detail h1 {
    max-width: 100%;
  }
}
.rex-blog-detail .rex-header {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
.rex-blog-detail .rex-image .rc {
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.2);
}
.rex-blog-detail .rex-image figure {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
@media only screen and (max-width: 767px) {
  .rex-blog-detail .rex-image figure {
    /*px*/ margin-bottom: 25px;
    /*rem*/ margin-bottom: 1.5625rem;
  }
}
.rex-blog-detail .rex-image figcaption {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
.rex-blog-detail .rex-primary .blog-prev-next {
  border-top: 1px solid #aaaaaa;
  /*px*/ padding: 20px 0 0;
  /*rem*/ padding: 1.25rem 0 0;
  display: block;
  margin: 0;
}
.rex-blog-detail .rex-primary .blog-prev-next:before,
.rex-blog-detail .rex-primary .blog-prev-next:after {
  display: table;
  content: " ";
}
.rex-blog-detail .rex-primary .blog-prev-next:after {
  clear: both;
}
.rex-blog-detail .rex-primary .blog-prev-next a {
  font-family: 'Roboto', sans serif;
  font-size: 14px;
}
.blog-next,
.blog-prev {
  display: block;
  float: left;
  width: 50%;
}
.blog-next a,
.blog-prev a {
  display: inline-block;
}
.blog-next span,
.blog-prev span {
  display: inline-block;
  vertical-align: middle;
}
.blog-prev span:before,
.blog-next span:after {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  text-indent: -9999em;
  width: 14px;
  height: 14px;
  margin: 0;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%234c4c4c%22%20d%3D%22M256%201024a25.715%2025.715%200%200%201-18.125-7.475c-9.984-9.984-9.984-26.214%200-36.198L680.55%20537.652%20237.875%2094.977c-9.984-9.984-9.984-26.214%200-36.198s26.214-9.984%2036.198%200l460.8%20460.8c9.984%209.984%209.984%2026.214%200%2036.198l-460.8%20460.8c-5.018%205.018-11.571%207.475-18.125%207.475z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.blog-prev span:before {
  transform: rotate(180deg);
  margin-right: 5px;
}
.blog-next {
  text-align: right;
}
.blog-next span:after {
  margin-left: 5px;
}
/*
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:not(.masonry-grid) {
  margin-left: -10px;
  margin-right: -10px;
}
.viewmode-grid:not(.masonry-grid):before,
.viewmode-grid:not(.masonry-grid):after {
  display: table;
  content: " ";
}
.viewmode-grid:not(.masonry-grid):after {
  clear: both;
}
.viewmode-grid:not(.masonry-grid) .rex-item-container {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (max-width: 479px) {
  .viewmode-grid:not(.masonry-grid) .rex-item-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.viewmode-grid .rex-item {
  margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
  .viewmode-grid .rex-item {
    margin-bottom: 20px;
  }
}
.rex-listing.show-fulltitle span.name {
  display: none !important;
}
.rex-listing.show-articlename span.fullTitle {
  display: none !important;
}
.rex-listing.viewmode-grid .rex-item a:hover {
  color: #4c4c4c;
}
.rex-listing.viewmode-grid .rex-item a:hover .rex-image {
  opacity: 0.5;
}
.rex-listing.viewmode-grid .rex-item-container {
  position: relative;
}
.rex-listing.viewmode-grid .rex-item-container:after {
  content: "";
  display: block;
}
@media screen and (max-width: 479px) {
  .rex-listing.viewmode-grid .rex-item-container:after {
    padding-bottom: 0;
  }
}
.rex-listing.viewmode-grid .rex-item-container figcaption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
@media screen and (max-width: 479px) {
  .rex-listing.viewmode-grid .img-portrait {
    width: 100%;
  }
}
.rex-listing.viewmode-grid .rex-image {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s 0.1s;
}
@media screen and (max-width: 479px) {
  .rex-listing.viewmode-grid .rex-image {
    position: static;
  }
}
.rex-listing.viewmode-grid .rex-image figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
.rex-listing.viewmode-grid .rex-image figure > div {
  padding: 0 !important;
  width: 100%;
  height: 100%;
}
.rex-listing.viewmode-grid .rex-image figure > div img {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 479px) {
  .rex-listing.viewmode-grid .rex-image figure > div img {
    position: static;
    transform: none;
  }
}
.rex-listing.viewmode-grid .rex-header {
  position: absolute;
  top: 100%;
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
  width: 100%;
  text-align: center;
}
.rex-listing.viewmode-grid .rex-header h2 {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  margin-bottom: 0;
  font-weight: 700;
  color: #4c4c4c;
  transition: color 0.2s;
  letter-spacing: 0.05em;
}
.rex-listing.viewmode-grid .rex-header h2 span {
  display: block;
}
@media screen and (max-width: 479px) {
  .rex-listing.viewmode-grid .rex-header {
    position: static;
  }
}
.rex-listing.viewmode-grid .rex-header .rex-description,
.rex-listing.viewmode-grid .rex-header .project-data-customized {
  margin: 0;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.rex-listing.rex-grid-1 .rex-header {
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
}
.rex-listing.rex-grid-1 .rex-header .rex-teaser {
  /*px*/ margin-bottom: 25px;
  /*rem*/ margin-bottom: 1.5625rem;
}
.rex-listing.rex-grid-1 .rex-header > a {
  padding: 0;
  height: auto;
  display: inline-block;
  /*px*/ margin-bottom: 25px;
  /*rem*/ margin-bottom: 1.5625rem;
}
.rex-listing.rex-grid-1 .rex-header h2,
.rex-listing.rex-grid-1 .rex-header time,
.rex-listing.rex-grid-1 .rex-header .project-data-customized {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.rex-listing.rex-grid-1 .rex-header .description {
  /*px*/ margin: 20px 0 0 0;
  /*rem*/ margin: 1.25rem 0 0 0;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.rex-listing.viewmode-list > article {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
.rex-listing.viewmode-list > article:last-child {
  margin-bottom: 0;
}
.rex-listing.viewmode-list .rex-item-container {
  display: block;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  margin: 0;
}
.rex-listing.viewmode-list .rex-item-container:before,
.rex-listing.viewmode-list .rex-item-container:after {
  display: table;
  content: " ";
}
.rex-listing.viewmode-list .rex-item-container:after {
  clear: both;
}
.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.1em;
  /*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;
}
/*
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-grid:not(.team) .rex-image {
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.2);
}
.rex-gallery.viewmode-list .rex-item {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
}
.rex-gallery.rex-gallery-nav {
  height: 80px;
  overflow: hidden;
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.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;
}
.rex-gallery.viewmode-grid.team {
  /*px*/ margin-bottom: 82px;
  /*rem*/ margin-bottom: 5.125rem;
}
.rex-gallery.viewmode-grid.team .rex-item.last-item.item-1 {
  float: none;
  margin: 0 auto;
}
.rex-gallery.viewmode-grid.team .rex-item.item-1 .rex-longtext {
  margin-left: -50%;
}
.rex-gallery.viewmode-grid.team .rex-item.item-1.last-item .rex-longtext {
  margin-left: -100%;
}
.rex-gallery.viewmode-grid.team .rc {
  box-shadow: none;
}
.rex-gallery.viewmode-grid.team .rex-item-container {
  background-color: #d6ebe4;
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.2);
}
.rex-gallery.viewmode-grid.team .rex-item-container:before,
.rex-gallery.viewmode-grid.team .rex-item-container:after {
  display: table;
  content: " ";
}
.rex-gallery.viewmode-grid.team .rex-item-container:after {
  clear: both;
}
.rex-gallery.viewmode-grid.team .rex-image,
.rex-gallery.viewmode-grid.team .rex-info {
  display: block;
  float: left;
  width: 50%;
}
@media only screen and (max-width: 359px) {
  .rex-gallery.viewmode-grid.team .rex-image,
  .rex-gallery.viewmode-grid.team .rex-info {
    float: none;
    width: 100%;
  }
}
.rex-gallery.viewmode-grid.team .rex-image figcaption {
  position: absolute;
  bottom: 12px;
  left: 18px;
  top: auto;
  color: #ffffff;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  z-index: 10;
  font-family: 'Roboto Slab', serif;
  line-height: 1.2;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.rex-gallery.viewmode-grid.team .rex-info {
  overflow: hidden;
}
.rex-gallery.viewmode-grid.team .rex-info > div {
  padding-bottom: 100%;
}
@media only screen and (max-width: 359px) {
  .rex-gallery.viewmode-grid.team .rex-info > div {
    padding-bottom: 0;
  }
  .rex-gallery.viewmode-grid.team .rex-info > div:after {
    display: none;
  }
}
.rex-gallery.viewmode-grid.team .rex-info blockquote {
  padding: 0 15px;
  border: none;
  color: #608079;
  font-family: 'Roboto Slab', serif;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  line-height: 1.75;
}
@media only screen and (max-width: 991px) {
  .rex-gallery.viewmode-grid.team .rex-info blockquote {
    line-height: 1.55;
  }
}
@media only screen and (max-width: 479px) {
  .rex-gallery.viewmode-grid.team .rex-info blockquote {
    font-size: 14px;
    line-height: 1.45;
  }
}
@media only screen and (max-width: 359px) {
  .rex-gallery.viewmode-grid.team .rex-info blockquote {
    position: static;
    transform: none;
    padding: 15px;
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
    line-height: 1.55;
  }
}
.rex-gallery.viewmode-grid.team .rex-info blockquote p {
  display: inline;
}
.rex-gallery.viewmode-grid.team .rex-info blockquote a {
  color: rgba(96, 128, 121, 0.6);
  border-bottom: 1px solid rgba(96, 128, 121, 0.6);
}
.rex-gallery.viewmode-grid.team .rex-info blockquote a:hover {
  color: #608079;
  border-bottom-color: #608079;
}
@media only screen and (max-width: 767px) {
  .rex-gallery.viewmode-grid.team .rex-item {
    width: 100%;
    float: none;
  }
}
.rex-longtext {
  display: none;
  position: relative;
  width: 300%;
  margin-left: -150%;
}
.rex-longtext.show {
  display: block;
}
@media only screen and (max-width: 767px) {
  .rex-longtext {
    width: 100%;
    margin-left: 0 !important;
  }
}
.longtext-wrapper.container {
  width: 100vw;
  max-width: 970px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .longtext-wrapper.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.longtext-wrapper.container > div {
  /*px*/ padding: 38px 0 25px 0;
  /*rem*/ padding: 2.375rem 0 1.5625rem 0;
}
.longtext-wrapper.container .rex-editor {
  max-width: 100%;
  text-align: left;
  display: block;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  margin: 0;
}
.longtext-wrapper.container .rex-editor:before,
.longtext-wrapper.container .rex-editor:after {
  display: table;
  content: " ";
}
.longtext-wrapper.container .rex-editor:after {
  clear: both;
}
.longtext-wrapper.container .rex-editor p {
  display: block;
  float: left;
  width: 50%;
  padding: 0 15px;
}
@media only screen and (max-width: 479px) {
  .longtext-wrapper.container .rex-editor p {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.longtext-wrapper.container h4 {
  text-align: center;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
}
#beratung .longtext-wrapper.container .rex-editor p {
  float: none;
  width: 100%;
}
/*
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 figcaption {
  display: none;
}
.rex-module.rex-image .center > div {
  margin: 0 auto;
}
.module-full-width .rex-module.rex-image .rc {
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 991px) {
  .module-full-width .rex-module.rex-image .rc {
    padding-bottom: 48% !important;
  }
}
/*
Title:			boilerplate
Author:			Philipp Hofstätter (http://www.webdesignwien.co.at)
File: 			slider.less  
*/
.rex-gallery.viewmode-slider {
  position: relative;
  overflow: hidden;
}
.rex-gallery.viewmode-slider .flickity-viewport {
  position: absolute;
  width: 100%;
}
.rex-gallery.viewmode-slider .flickity-viewport .rex-item,
.rex-gallery.viewmode-slider .flickity-viewport .rex-item-container,
.rex-gallery.viewmode-slider .flickity-viewport .rex-image,
.rex-gallery.viewmode-slider .flickity-viewport figure {
  height: 100%;
}
.rex-gallery.viewmode-slider:after {
  content: "flickity";
  display: none;
}
.rex-gallery.viewmode-slider.flickity-enabled .rex-item > div {
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .rex-gallery.viewmode-slider .rex-item {
    float: none;
    width: 100%;
  }
}
a.lightbox {
  display: block;
}
.rex-gallery.viewmode-slider.rex-grid-1 {
  padding-bottom: 35.6%;
  height: 0;
}
.rex-gallery.viewmode-slider.rex-grid-1 .rex-item > div {
  margin: 0;
}
.module-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;
}
.module-full-width .rex-gallery.viewmode-slider.rex-grid-1 .flickity-page-dots {
  bottom: 6%;
}
@media only screen and (max-width: 991px) {
  .module-full-width .rc {
    padding-bottom: 42% !important;
  }
  .module-full-width .rex-gallery.viewmode-slider {
    padding-bottom: 50%;
  }
  .module-full-width .rex-gallery figure img,
  .module-full-width .rex-image figure img {
    width: 125%;
    max-width: 125%;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .module-full-width .rex-gallery.viewmode-slider {
    padding-bottom: 62%;
  }
  .module-full-width .rc {
    padding-bottom: 50% !important;
  }
  .module-full-width .rex-gallery figure img,
  .module-full-width .rex-image figure img {
    width: 140%;
    max-width: 140%;
  }
}
#beratung .rex-gallery.viewmode-slider {
  padding-bottom: 56%;
}
@media screen and (max-width: 1145px) {
  #beratung .rex-gallery.viewmode-slider {
    padding-bottom: 62%;
  }
  #beratung .rex-gallery.viewmode-slider .flickity-page-dots {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  #beratung .rex-gallery.viewmode-slider {
    padding-bottom: 65%;
  }
}
#beratung .rex-gallery.viewmode-slider figcaption {
  display: none;
}
#beratung .flickity-prev-next-button.next {
  right: -10px;
}
#beratung .flickity-prev-next-button.previous {
  left: -10px;
}
.rex-listing.viewmode-slider {
  /*px*/ margin-bottom: 52px;
  /*rem*/ margin-bottom: 3.25rem;
  overflow: hidden;
  height: 0;
}
.rex-listing.viewmode-slider:before,
.rex-listing.viewmode-slider:after {
  display: table;
  content: " ";
}
.rex-listing.viewmode-slider:after {
  clear: both;
}
.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 10px;
}
.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;
}
@media only screen and (max-width: 991px) {
  .rex-listing.viewmode-slider {
    margin-right: 0;
  }
}
.rex-gallery.viewmode-list {
  max-width: 800px;
}
.flickity-prev-next-button {
  width: 55px;
  height: 75px;
  background-color: transparent;
  transform: translateY(-50%);
}
@media only screen and (max-width: 479px) {
  .flickity-prev-next-button {
    display: none;
  }
}
.flickity-prev-next-button svg {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 75px;
}
.flickity-prev-next-button .arrow {
  fill: #8ECBBB;
}
.flickity-prev-next-button:hover {
  background-color: transparent;
}
.flickity-prev-next-button:hover .arrow {
  fill: #8ECBBB;
}
.flickity-prev-next-button.previous {
  left: 2%;
}
.flickity-prev-next-button.next {
  right: 2%;
}
.flickity-page-dots {
  bottom: 20px;
}
.flickity-page-dots .dot {
  width: 13px;
  height: 13px;
  opacity: 1;
  background: #777777;
  border: none;
  margin: 0 6px;
}
@media only screen and (max-width: 479px) {
  .flickity-page-dots .dot {
    width: 11px;
    height: 11px;
  }
}
.flickity-page-dots .dot:hover {
  background: rgba(96, 128, 121, 0.25);
}
.flickity-page-dots .dot.is-selected {
  background: #8ECBBB;
}
/* ========================================================== */
/* = 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 */