@charset "UTF-8";
/*-----------------------------------------------------------------------------
   Master Stylesheet.

   Project:       Immostreet
   Version:       1.0.0
   Contributors:  Sebastian Prein <basti@gridonic.ch>
                  Dennis Schenk <dennis@gridonic.ch>
                  Beat Temperli <beat@gridonic.ch>
                  Alexander Muischneek <alex@gridonic.ch>
                  Julien Fierz <julien@gridonic.ch>
                  Raphael Nussbaum <raphael@gridonic.ch>
                  Marcel A. Weder <marcel.weder@homegate.ch>
   URL:           https://www.immostreet.ch/
   -------------------------------------------------------------------------- */
/*
    Colors

    The following colors are the defined project colors. You can use them via
    Sass by the global underscore (`_(…)`) helper function, e.g.
    `_("color", "black")`.

    *Notice:* Do not create new ones, try to use them and adjust them via [color
    manipulating functions](http://sass-lang.com/documentation/Sass/Script/Functions.html).

    **IMPORTANT:** Always use the semantic colors, not the actual color name!

    markup:
    <div class="styleguide-demo">
        <span class="color" style="background-color: #e43e33", title="brand-primary"></span>
        <span class="color" style="background-color: #06a20d", title="brand-success"></span>
        <span class="color" style="background-color: #0b6ba1", title="brand-info"></span>
        <span class="color" style="background-color: #fac135", title="brand-warning"></span>
        <span class="color" style="background-color: #d8d8d8", title="brand-silent"></span>
        <span class="color" style="background-color: #f4f4f4", title="background-primary"></span>
        <span class="color" style="background-color: #fff", title="background-secondary"></span>
        <span class="color" style="background-color: #a2c8de", title="background-wicket"></span>
        <span class="color" style="background-color: #000", title="headline-primary"></span>
        <span class="color" style="background-color: #fff", title="text-primary-inverted"></span>
        <span class="color" style="background-color: #000", title="text-primary"></span>
        <span class="color" style="background-color: #898989", title="text-silent"></span>
        <span class="color" style="background-color: #898989", title="label-primary"></span>
        <span class="color" style="background-color: #c2c2c2", title="input-placeholder"></span>
        <span class="color" style="background-color: #555", title="action-primary"></span>
        <span class="color" style="background-color: #fff", title="action-secondary"></span>
        <br>
        <br>
        <br>
        <!--
            Plain colors below, avoid using them directly!
        -->
        <span class="color" style="background-color: #000", title="black"></span>
        <span class="color" style="background-color: #06a20d", title="japanese-laurel"></span>
        <span class="color" style="background-color: #e43e33", title="cinnabar"></span>
        <span class="color" style="background-color: #fff", title="white"></span>
        <span class="color" style="background-color: #f4f4f4", title="white-smoke"></span>
        <span class="color" style="background-color: #fac135", title="saffron"></span>
        <span class="color" style="background-color: #c2c2c2", title="silver"></span>
        <span class="color" style="background-color: #d8d8d8", title="alto"></span>
        <span class="color" style="background-color: #898989", title="gunsmoke"></span>
        <span class="color" style="background-color: #555", title="davys-grey"></span>
        <span class="color" style="background-color: #a2c8de", title="pale-cerulean"></span>
    </div>

    Styleguide 1.3
*/
/* line 4, src/sass/meta/_placeholders.scss */
.button-default, .button-group.-melt > .button, .button-link, .button-neutral, .button-outline, .button-plain, .button-primary, .button-secondary, .button-hg, .form-switch > .description, .tag-list > .term {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: transparent;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: inherit;
  margin: 0;
  min-height: 36px;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none; }
  /* line 21, src/sass/meta/_placeholders.scss */
  .-stretch.button-default, .button-group.-melt > .-stretch.button, .-stretch.button-link, .-stretch.button-neutral, .-stretch.button-outline, .-stretch.button-plain, .-stretch.button-primary, .-stretch.button-secondary, .-stretch.button-hg, .form-switch > .-stretch.description, .tag-list > .-stretch.term {
    width: 100%; }
  /* line 25, src/sass/meta/_placeholders.scss */
  .-center.button-default, .button-group.-melt > .-center.button, .-center.button-link, .-center.button-neutral, .-center.button-outline, .-center.button-plain, .-center.button-primary, .-center.button-secondary, .-center.button-hg, .form-switch > .-center.description, .tag-list > .-center.term {
    text-align: center; }
  /* line 29, src/sass/meta/_placeholders.scss */
  .-big.button-default, .button-group.-melt > .-big.button, .-big.button-link, .-big.button-neutral, .-big.button-outline, .-big.button-plain, .-big.button-primary, .-big.button-secondary, .-big.button-hg, .form-switch > .-big.description, .tag-list > .-big.term {
    height: 48px;
    font-size: 16px; }
  /* line 34, src/sass/meta/_placeholders.scss */
  .-btnsmaller .-big.button-default, .-btnsmaller .button-group.-melt > .-big.button, .-btnsmaller .-big.button-link, .-btnsmaller .-big.button-neutral, .-btnsmaller .-big.button-outline, .-btnsmaller .-big.button-plain, .-btnsmaller .-big.button-primary, .-btnsmaller .-big.button-secondary, .-btnsmaller .-big.button-hg, .-btnsmaller .form-switch > .-big.description, .-btnsmaller .tag-list > .-big.term {
    height: 36px;
    font-size: 14px; }
  /* line 39, src/sass/meta/_placeholders.scss */
  .button-default:disabled, .button-group.-melt > .button:disabled, .button-link:disabled, .button-neutral:disabled, .button-outline:disabled, .button-plain:disabled, .button-primary:disabled, .button-secondary:disabled, .button-hg:disabled, .form-switch > .description:disabled, .tag-list > .term:disabled, .-disabled.button-default, .button-group.-melt > .-disabled.button, .-disabled.button-link, .-disabled.button-neutral, .-disabled.button-outline, .-disabled.button-plain, .-disabled.button-primary, .-disabled.button-secondary, .-disabled.button-hg, .form-switch > .-disabled.description, .tag-list > .-disabled.term {
    cursor: not-allowed; }
  /* line 44, src/sass/meta/_placeholders.scss */
  .-loading.button-default:after, .button-group.-melt > .-loading.button:after, .-loading.button-link:after, .-loading.button-neutral:after, .-loading.button-outline:after, .-loading.button-plain:after, .-loading.button-primary:after, .-loading.button-secondary:after, .-loading.button-hg:after, .form-switch > .-loading.description:after, .tag-list > .-loading.term:after {
    margin-left: 0.75rem; }

/* line 52, src/sass/meta/_placeholders.scss */
.-big.form-input, .-big.form-select {
  height: 48px;
  line-height: 48px;
  padding: 0 0.75rem;
  font-size: 16px; }

/* line 59, src/sass/meta/_placeholders.scss */
.-btnsmaller .-big.form-input, .-btnsmaller .-big.form-select {
  height: 36px;
  line-height: 36px;
  padding: 0 0.75rem;
  font-size: 14px; }

/* line 67, src/sass/meta/_placeholders.scss */
.detail-map > .map, .map-box {
  min-height: 200px;
  max-height: 300px;
  background-color: #c2c2c2;
  position: relative;
  overflow: hidden; }
  /* line 74, src/sass/meta/_placeholders.scss */
  .detail-map > .map > .jsmap, .map-box > .jsmap {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
  /* line 83, src/sass/meta/_placeholders.scss */
  .detail-map > .map > .staticmap, .map-box > .staticmap {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
  /* line 92, src/sass/meta/_placeholders.scss */
  .detail-map > .map > .link, .map-box > .link {
    position: absolute;
    z-index: 1;
    right: 0.5em;
    top: 0.5em;
    color: #000;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.25em 0.5em; }

/* line 103, src/sass/meta/_placeholders.scss */
.form-error, .form-label {
  display: block;
  font-size: 0.75rem; }

/* line 108, src/sass/meta/_placeholders.scss */
.background-wrapper, .post-content {
  position: relative; }
  /* line 111, src/sass/meta/_placeholders.scss */
  .background-wrapper::before, .post-content::before {
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    z-index: -100; }

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
/* line 13, node_modules/normalize.css/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 27, node_modules/normalize.css/normalize.css */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
/* line 35, node_modules/normalize.css/normalize.css */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 49, node_modules/normalize.css/normalize.css */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 62, node_modules/normalize.css/normalize.css */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
/* line 72, node_modules/normalize.css/normalize.css */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 81, node_modules/normalize.css/normalize.css */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 92, node_modules/normalize.css/normalize.css */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 105, node_modules/normalize.css/normalize.css */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 115, node_modules/normalize.css/normalize.css */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 125, node_modules/normalize.css/normalize.css */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 135, node_modules/normalize.css/normalize.css */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 144, node_modules/normalize.css/normalize.css */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 154, node_modules/normalize.css/normalize.css */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 165, node_modules/normalize.css/normalize.css */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
/* line 173, node_modules/normalize.css/normalize.css */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
/* line 182, node_modules/normalize.css/normalize.css */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 191, node_modules/normalize.css/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 199, node_modules/normalize.css/normalize.css */
sub {
  bottom: -0.25em; }

/* line 203, node_modules/normalize.css/normalize.css */
sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 214, node_modules/normalize.css/normalize.css */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
/* line 223, node_modules/normalize.css/normalize.css */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 232, node_modules/normalize.css/normalize.css */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
/* line 240, node_modules/normalize.css/normalize.css */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 252, node_modules/normalize.css/normalize.css */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 268, node_modules/normalize.css/normalize.css */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 278, node_modules/normalize.css/normalize.css */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 289, node_modules/normalize.css/normalize.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 300, node_modules/normalize.css/normalize.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 312, node_modules/normalize.css/normalize.css */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 323, node_modules/normalize.css/normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 336, node_modules/normalize.css/normalize.css */
legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 350, node_modules/normalize.css/normalize.css */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, node_modules/normalize.css/normalize.css */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, node_modules/normalize.css/normalize.css */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, node_modules/normalize.css/normalize.css */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, node_modules/normalize.css/normalize.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 397, node_modules/normalize.css/normalize.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 407, node_modules/normalize.css/normalize.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 420, node_modules/normalize.css/normalize.css */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
/* line 429, node_modules/normalize.css/normalize.css */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 440, node_modules/normalize.css/normalize.css */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
/* line 448, node_modules/normalize.css/normalize.css */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 459, node_modules/normalize.css/normalize.css */
[hidden] {
  display: none; }

@media (min-width: 20rem) {
  /* line 32, node_modules/include-media-export/dist/_include-media-export.scss */
  body::after {
    content: '{"small":{"value": "20rem", "active": true}, "medium":{"value": "48rem", "active": false}, "large":{"value": "64rem", "active": false}, "huge":{"value": "90rem", "active": false}}';
    display: block;
    height: 0;
    overflow: hidden;
    width: 0; } }

@media (min-width: 48rem) {
  /* line 32, node_modules/include-media-export/dist/_include-media-export.scss */
  body::after {
    content: '{"small":{"value": "20rem", "active": true}, "medium":{"value": "48rem", "active": true}, "large":{"value": "64rem", "active": false}, "huge":{"value": "90rem", "active": false}}';
    display: block;
    height: 0;
    overflow: hidden;
    width: 0; } }

@media (min-width: 64rem) {
  /* line 32, node_modules/include-media-export/dist/_include-media-export.scss */
  body::after {
    content: '{"small":{"value": "20rem", "active": true}, "medium":{"value": "48rem", "active": true}, "large":{"value": "64rem", "active": true}, "huge":{"value": "90rem", "active": false}}';
    display: block;
    height: 0;
    overflow: hidden;
    width: 0; } }

@media (min-width: 90rem) {
  /* line 32, node_modules/include-media-export/dist/_include-media-export.scss */
  body::after {
    content: '{"small":{"value": "20rem", "active": true}, "medium":{"value": "48rem", "active": true}, "large":{"value": "64rem", "active": true}, "huge":{"value": "90rem", "active": true}}';
    display: block;
    height: 0;
    overflow: hidden;
    width: 0; } }

/* Slider */
/* line 3, node_modules/slick-carousel/slick/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* line 17, node_modules/slick-carousel/slick/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  /* line 24, node_modules/slick-carousel/slick/slick.scss */
  .slick-list:focus {
    outline: none; }
  /* line 28, node_modules/slick-carousel/slick/slick.scss */
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

/* line 33, node_modules/slick-carousel/slick/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* line 42, node_modules/slick-carousel/slick/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  /* line 48, node_modules/slick-carousel/slick/slick.scss */
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  /* line 54, node_modules/slick-carousel/slick/slick.scss */
  .slick-track:after {
    clear: both; }
  /* line 58, node_modules/slick-carousel/slick/slick.scss */
  .slick-loading .slick-track {
    visibility: hidden; }

/* line 62, node_modules/slick-carousel/slick/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  /* line 66, node_modules/slick-carousel/slick/slick.scss */
  [dir="rtl"] .slick-slide {
    float: right; }
  /* line 69, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide img {
    display: block; }
  /* line 72, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide.slick-loading img {
    display: none; }
  /* line 78, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide.dragging img {
    pointer-events: none; }
  /* line 82, node_modules/slick-carousel/slick/slick.scss */
  .slick-initialized .slick-slide {
    display: block; }
  /* line 86, node_modules/slick-carousel/slick/slick.scss */
  .slick-loading .slick-slide {
    visibility: hidden; }
  /* line 90, node_modules/slick-carousel/slick/slick.scss */
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* line 96, node_modules/slick-carousel/slick/slick.scss */
.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* line 45, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
/* line 63, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
     transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  /* line 81, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    /* line 85, node_modules/slick-carousel/slick/slick-theme.scss */
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  /* line 89, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  /* line 92, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-prev:before,
  .slick-next:before {
    font-family: "immostreeticons";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* line 103, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev {
  left: -25px; }
  /* line 105, node_modules/slick-carousel/slick/slick-theme.scss */
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  /* line 109, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-prev:before {
    content: "d"; }
    /* line 111, node_modules/slick-carousel/slick/slick-theme.scss */
    [dir="rtl"] .slick-prev:before {
      content: "f"; }

/* line 117, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-next {
  right: -25px; }
  /* line 119, node_modules/slick-carousel/slick/slick-theme.scss */
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  /* line 123, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-next:before {
    content: "f"; }
    /* line 125, node_modules/slick-carousel/slick/slick-theme.scss */
    [dir="rtl"] .slick-next:before {
      content: "d"; }

/* Dots */
/* line 133, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

/* line 137, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  /* line 146, node_modules/slick-carousel/slick/slick-theme.scss */
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    /* line 154, node_modules/slick-carousel/slick/slick-theme.scss */
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      /* line 166, node_modules/slick-carousel/slick/slick-theme.scss */
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        /* line 168, node_modules/slick-carousel/slick/slick-theme.scss */
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      /* line 172, node_modules/slick-carousel/slick/slick-theme.scss */
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "t";
        width: 20px;
        height: 20px;
        font-family: "immostreeticons";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    /* line 189, node_modules/slick-carousel/slick/slick-theme.scss */
    .slick-dots li.slick-active button:before {
      color: #fff;
      opacity: 0.75; }

/* Magnific Popup CSS */
/* line 34, node_modules/magnific-popup/src/css/main.scss */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

/* line 48, node_modules/magnific-popup/src/css/main.scss */
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

/* line 60, node_modules/magnific-popup/src/css/main.scss */
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* line 73, node_modules/magnific-popup/src/css/main.scss */
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

/* line 84, node_modules/magnific-popup/src/css/main.scss */
.mfp-align-top .mfp-container:before {
  display: none; }

/* line 91, node_modules/magnific-popup/src/css/main.scss */
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

/* line 101, node_modules/magnific-popup/src/css/main.scss */
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

/* line 108, node_modules/magnific-popup/src/css/main.scss */
.mfp-ajax-cur {
  cursor: progress; }

/* line 112, node_modules/magnific-popup/src/css/main.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

/* line 118, node_modules/magnific-popup/src/css/main.scss */
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

/* line 125, node_modules/magnific-popup/src/css/main.scss */
.mfp-auto-cursor .mfp-content {
  cursor: auto; }

/* line 130, node_modules/magnific-popup/src/css/main.scss */
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

/* line 141, node_modules/magnific-popup/src/css/main.scss */
.mfp-loading.mfp-figure {
  display: none; }

/* line 160, node_modules/magnific-popup/src/css/main.scss */
.mfp-hide {
  display: none !important; }

/* line 171, node_modules/magnific-popup/src/css/main.scss */
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  /* line 181, node_modules/magnific-popup/src/css/main.scss */
  .mfp-preloader a {
    color: #CCC; }
    /* line 183, node_modules/magnific-popup/src/css/main.scss */
    .mfp-preloader a:hover {
      color: #FFF; }

/* line 191, node_modules/magnific-popup/src/css/main.scss */
.mfp-s-ready .mfp-preloader {
  display: none; }

/* line 198, node_modules/magnific-popup/src/css/main.scss */
.mfp-s-error .mfp-content {
  display: none; }

/* line 205, node_modules/magnific-popup/src/css/main.scss */
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  touch-action: manipulation; }

/* line 219, node_modules/magnific-popup/src/css/main.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* line 227, node_modules/magnific-popup/src/css/main.scss */
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  /* line 245, node_modules/magnific-popup/src/css/main.scss */
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  /* line 250, node_modules/magnific-popup/src/css/main.scss */
  .mfp-close:active {
    top: 1px; }

/* line 255, node_modules/magnific-popup/src/css/main.scss */
.mfp-close-btn-in .mfp-close {
  color: #333; }

/* line 261, node_modules/magnific-popup/src/css/main.scss */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

/* line 271, node_modules/magnific-popup/src/css/main.scss */
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

/* line 283, node_modules/magnific-popup/src/css/main.scss */
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  /* line 293, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow:active {
    margin-top: -54px; }
  /* line 296, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  /* line 300, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  /* line 314, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  /* line 321, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

/* line 329, node_modules/magnific-popup/src/css/main.scss */
.mfp-arrow-left {
  left: 0; }
  /* line 331, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  /* line 335, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

/* line 341, node_modules/magnific-popup/src/css/main.scss */
.mfp-arrow-right {
  right: 0; }
  /* line 343, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  /* line 347, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

/* line 357, node_modules/magnific-popup/src/css/main.scss */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  /* line 360, node_modules/magnific-popup/src/css/main.scss */
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  /* line 365, node_modules/magnific-popup/src/css/main.scss */
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

/* line 369, node_modules/magnific-popup/src/css/main.scss */
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  /* line 374, node_modules/magnific-popup/src/css/main.scss */
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
/* line 394, node_modules/magnific-popup/src/css/main.scss */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
/* line 407, node_modules/magnific-popup/src/css/main.scss */
.mfp-figure {
  line-height: 0; }
  /* line 409, node_modules/magnific-popup/src/css/main.scss */
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  /* line 423, node_modules/magnific-popup/src/css/main.scss */
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  /* line 429, node_modules/magnific-popup/src/css/main.scss */
  .mfp-figure figure {
    margin: 0; }

/* line 433, node_modules/magnific-popup/src/css/main.scss */
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

/* line 441, node_modules/magnific-popup/src/css/main.scss */
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

/* line 450, node_modules/magnific-popup/src/css/main.scss */
.mfp-image-holder .mfp-content {
  max-width: 100%; }

/* line 457, node_modules/magnific-popup/src/css/main.scss */
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  /* line 470, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  /* line 475, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  /* line 481, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  /* line 485, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  /* line 490, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    /* line 498, node_modules/magnific-popup/src/css/main.scss */
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  /* line 502, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  /* line 506, node_modules/magnific-popup/src/css/main.scss */
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  /* line 526, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
       transform: scale(0.75); }
  /* line 530, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -o-transform-origin: 0;
       transform-origin: 0; }
  /* line 534, node_modules/magnific-popup/src/css/main.scss */
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -o-transform-origin: 100%;
       transform-origin: 100%; }
  /* line 538, node_modules/magnific-popup/src/css/main.scss */
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
/* line 6, node_modules/nouislider/src/nouislider.css */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 18, node_modules/nouislider/src/nouislider.css */
.noUi-target {
  position: relative;
  direction: ltr; }

/* line 22, node_modules/nouislider/src/nouislider.css */
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

/* line 28, node_modules/nouislider/src/nouislider.css */
.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

/* line 35, node_modules/nouislider/src/nouislider.css */
.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

/* line 40, node_modules/nouislider/src/nouislider.css */
.noUi-handle {
  position: relative;
  z-index: 1; }

/* line 44, node_modules/nouislider/src/nouislider.css */
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

/* line 49, node_modules/nouislider/src/nouislider.css */
.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
/* line 56, node_modules/nouislider/src/nouislider.css */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
/* line 64, node_modules/nouislider/src/nouislider.css */
.noUi-horizontal {
  height: 18px; }

/* line 67, node_modules/nouislider/src/nouislider.css */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

/* line 73, node_modules/nouislider/src/nouislider.css */
.noUi-vertical {
  width: 18px; }

/* line 76, node_modules/nouislider/src/nouislider.css */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
/* line 85, node_modules/nouislider/src/nouislider.css */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

/* line 91, node_modules/nouislider/src/nouislider.css */
.noUi-connect {
  background: #3FB8AF;
  -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
          box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  -o-transition: background 450ms;
  transition: background 450ms; }

/* Handles and cursors;
 */
/* line 100, node_modules/nouislider/src/nouislider.css */
.noUi-draggable {
  cursor: w-resize; }

/* line 103, node_modules/nouislider/src/nouislider.css */
.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

/* line 106, node_modules/nouislider/src/nouislider.css */
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF,
 inset 0 1px 7px #EBEBEB,
 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF,
 inset 0 1px 7px #EBEBEB,
 0 3px 6px -3px #BBB; }

/* line 115, node_modules/nouislider/src/nouislider.css */
.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF,
 inset 0 1px 7px #DDD,
 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF,
 inset 0 1px 7px #DDD,
 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
/* line 123, node_modules/nouislider/src/nouislider.css */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

/* line 134, node_modules/nouislider/src/nouislider.css */
.noUi-handle:after {
  left: 17px; }

/* line 137, node_modules/nouislider/src/nouislider.css */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

/* line 144, node_modules/nouislider/src/nouislider.css */
.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
/* line 151, node_modules/nouislider/src/nouislider.css */
[disabled] .noUi-connect {
  background: #B8B8B8; }

/* line 154, node_modules/nouislider/src/nouislider.css */
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
/* line 5, node_modules/nouislider/src/nouislider.pips.css */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 10, node_modules/nouislider/src/nouislider.pips.css */
.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
/* line 18, node_modules/nouislider/src/nouislider.pips.css */
.noUi-value {
  position: absolute;
  text-align: center; }

/* line 22, node_modules/nouislider/src/nouislider.pips.css */
.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
/* line 30, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker {
  position: absolute;
  background: #CCC; }

/* line 34, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-sub {
  background: #AAA; }

/* line 37, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
/* line 44, node_modules/nouislider/src/nouislider.pips.css */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

/* line 51, node_modules/nouislider/src/nouislider.pips.css */
.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

/* line 56, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

/* line 61, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

/* line 64, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
/* line 71, node_modules/nouislider/src/nouislider.pips.css */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

/* line 77, node_modules/nouislider/src/nouislider.pips.css */
.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px; }

/* line 83, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

/* line 88, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

/* line 91, node_modules/nouislider/src/nouislider.pips.css */
.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

/* line 1, node_modules/nouislider/src/nouislider.tooltips.css */
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center; }

/* line 11, node_modules/nouislider/src/nouislider.tooltips.css */
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

/* line 17, node_modules/nouislider/src/nouislider.tooltips.css */
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
     transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
/* line 34, node_modules/pikaday/scss/pikaday.scss */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 44, node_modules/pikaday/scss/pikaday.scss */
  .pika-single.is-hidden {
    display: none; }
  /* line 48, node_modules/pikaday/scss/pikaday.scss */
  .pika-single.is-bound {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

/* line 56, node_modules/pikaday/scss/pikaday.scss */
.pika-single {
  *zoom: 1; }
  /* line 59, node_modules/pikaday/scss/pikaday.scss */
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  /* line 65, node_modules/pikaday/scss/pikaday.scss */
  .pika-single:after {
    clear: both; }

/* line 68, node_modules/pikaday/scss/pikaday.scss */
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

/* line 74, node_modules/pikaday/scss/pikaday.scss */
.pika-title {
  position: relative;
  text-align: center; }
  /* line 78, node_modules/pikaday/scss/pikaday.scss */
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

/* line 90, node_modules/pikaday/scss/pikaday.scss */
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff; }

/* line 105, node_modules/pikaday/scss/pikaday.scss */
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 75% 75%;
          background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }
  /* line 126, node_modules/pikaday/scss/pikaday.scss */
  .pika-prev:hover,
  .pika-next:hover {
    opacity: 1; }
  /* line 130, node_modules/pikaday/scss/pikaday.scss */
  .pika-prev.is-disabled,
  .pika-next.is-disabled {
    cursor: default;
    opacity: .2; }

/* line 136, node_modules/pikaday/scss/pikaday.scss */
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

/* line 143, node_modules/pikaday/scss/pikaday.scss */
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

/* line 150, node_modules/pikaday/scss/pikaday.scss */
.pika-select {
  display: inline-block;
  *display: inline; }

/* line 155, node_modules/pikaday/scss/pikaday.scss */
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  /* line 161, node_modules/pikaday/scss/pikaday.scss */
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  /* line 167, node_modules/pikaday/scss/pikaday.scss */
  .pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  /* line 175, node_modules/pikaday/scss/pikaday.scss */
  .pika-table abbr {
    border-bottom: none;
    cursor: help; }

/* line 181, node_modules/pikaday/scss/pikaday.scss */
.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }
  /* line 197, node_modules/pikaday/scss/pikaday.scss */
  .is-today .pika-button {
    color: #33aaff;
    font-weight: bold; }
  /* line 202, node_modules/pikaday/scss/pikaday.scss */
  .is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
            box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px; }
  /* line 210, node_modules/pikaday/scss/pikaday.scss */
  .is-disabled .pika-button,
  .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3; }
  /* line 218, node_modules/pikaday/scss/pikaday.scss */
  .pika-button:hover {
    color: #fff;
    background: #ff8000;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px; }

/* line 226, node_modules/pikaday/scss/pikaday.scss */
.pika-week {
  font-size: 11px;
  color: #999; }

/* line 231, node_modules/pikaday/scss/pikaday.scss */
.is-inrange .pika-button {
  background: #D5E9F7; }

/* line 235, node_modules/pikaday/scss/pikaday.scss */
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

/* line 242, node_modules/pikaday/scss/pikaday.scss */
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

/*!
 * Quill Editor v1.1.10
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
/* line 7, node_modules/quill/dist/quill.snow.css */
.ql-container {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative; }

/* line 15, node_modules/quill/dist/quill.snow.css */
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden; }

/* line 18, node_modules/quill/dist/quill.snow.css */
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%; }

/* line 25, node_modules/quill/dist/quill.snow.css */
.ql-clipboard p {
  margin: 0;
  padding: 0; }

/* line 29, node_modules/quill/dist/quill.snow.css */
.ql-editor {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* line 43, node_modules/quill/dist/quill.snow.css */
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

/* line 58, node_modules/quill/dist/quill.snow.css */
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em; }

/* line 62, node_modules/quill/dist/quill.snow.css */
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none; }

/* line 66, node_modules/quill/dist/quill.snow.css */
.ql-editor ul > li::before {
  content: '\25CF'; }

/* line 69, node_modules/quill/dist/quill.snow.css */
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none; }

/* line 73, node_modules/quill/dist/quill.snow.css */
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all; }

/* line 79, node_modules/quill/dist/quill.snow.css */
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611'; }

/* line 82, node_modules/quill/dist/quill.snow.css */
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610'; }

/* line 85, node_modules/quill/dist/quill.snow.css */
.ql-editor li::before {
  display: inline-block;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em; }

/* line 92, node_modules/quill/dist/quill.snow.css */
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em; }

/* line 95, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em; }

/* line 99, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num; }

/* line 103, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li:before {
  content: counter(list-num, decimal) ". "; }

/* line 106, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1; }

/* line 109, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "; }

/* line 112, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

/* line 115, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2; }

/* line 118, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "; }

/* line 121, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

/* line 124, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3; }

/* line 127, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "; }

/* line 130, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }

/* line 133, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4; }

/* line 136, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "; }

/* line 139, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9; }

/* line 142, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5; }

/* line 145, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "; }

/* line 148, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9; }

/* line 151, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6; }

/* line 154, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "; }

/* line 157, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9; }

/* line 160, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7; }

/* line 163, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "; }

/* line 166, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9; }

/* line 169, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8; }

/* line 172, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "; }

/* line 175, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9; }

/* line 178, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9; }

/* line 181, node_modules/quill/dist/quill.snow.css */
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "; }

/* line 184, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em; }

/* line 187, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em; }

/* line 190, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em; }

/* line 193, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em; }

/* line 196, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em; }

/* line 199, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em; }

/* line 202, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em; }

/* line 205, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em; }

/* line 208, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em; }

/* line 211, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em; }

/* line 214, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em; }

/* line 217, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em; }

/* line 220, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em; }

/* line 223, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em; }

/* line 226, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em; }

/* line 229, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em; }

/* line 232, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em; }

/* line 235, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em; }

/* line 238, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em; }

/* line 241, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em; }

/* line 244, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em; }

/* line 247, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em; }

/* line 250, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em; }

/* line 253, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em; }

/* line 256, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em; }

/* line 259, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em; }

/* line 262, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em; }

/* line 265, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em; }

/* line 268, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em; }

/* line 271, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em; }

/* line 274, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em; }

/* line 277, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em; }

/* line 280, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em; }

/* line 283, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em; }

/* line 286, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em; }

/* line 289, node_modules/quill/dist/quill.snow.css */
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em; }

/* line 292, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-video {
  display: block;
  max-width: 100%; }

/* line 296, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto; }

/* line 299, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto; }

/* line 302, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-black {
  background-color: #000; }

/* line 305, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-red {
  background-color: #e60000; }

/* line 308, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-orange {
  background-color: #f90; }

/* line 311, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-yellow {
  background-color: #ff0; }

/* line 314, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-green {
  background-color: #008a00; }

/* line 317, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-blue {
  background-color: #06c; }

/* line 320, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-bg-purple {
  background-color: #93f; }

/* line 323, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-white {
  color: #fff; }

/* line 326, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-red {
  color: #e60000; }

/* line 329, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-orange {
  color: #f90; }

/* line 332, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-yellow {
  color: #ff0; }

/* line 335, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-green {
  color: #008a00; }

/* line 338, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-blue {
  color: #06c; }

/* line 341, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-color-purple {
  color: #93f; }

/* line 344, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif; }

/* line 347, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace; }

/* line 350, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-size-small {
  font-size: 0.75em; }

/* line 353, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-size-large {
  font-size: 1.5em; }

/* line 356, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-size-huge {
  font-size: 2.5em; }

/* line 359, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit; }

/* line 363, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-align-center {
  text-align: center; }

/* line 366, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-align-justify {
  text-align: justify; }

/* line 369, node_modules/quill/dist/quill.snow.css */
.ql-editor .ql-align-right {
  text-align: right; }

/* line 372, node_modules/quill/dist/quill.snow.css */
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute; }

/* line 379, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table; }

/* line 385, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px; }

/* line 396, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%; }

/* line 401, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none; }

/* line 405, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none; }

/* line 409, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c; }

/* line 423, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c; }

/* line 449, node_modules/quill/dist/quill.snow.css */
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c; }

/* line 475, node_modules/quill/dist/quill.snow.css */
.ql-snow {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* line 478, node_modules/quill/dist/quill.snow.css */
.ql-snow * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* line 481, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-hidden {
  display: none; }

/* line 484, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden; }

/* line 488, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px); }

/* line 492, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none; }

/* line 496, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }

/* line 499, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle; }

/* line 503, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table; }

/* line 508, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2; }

/* line 515, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2; }

/* line 521, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444; }

/* line 525, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-empty {
  fill: none; }

/* line 528, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-even {
  fill-rule: evenodd; }

/* line 531, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1; }

/* line 535, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-transparent {
  opacity: 0.4; }

/* line 538, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-direction svg:last-child {
  display: none; }

/* line 541, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline; }

/* line 544, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none; }

/* line 547, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h1 {
  font-size: 2em; }

/* line 550, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h2 {
  font-size: 1.5em; }

/* line 553, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h3 {
  font-size: 1.17em; }

/* line 556, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h4 {
  font-size: 1em; }

/* line 559, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h5 {
  font-size: 0.83em; }

/* line 562, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor h6 {
  font-size: 0.67em; }

/* line 565, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor a {
  text-decoration: underline; }

/* line 568, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px; }

/* line 574, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px; }

/* line 579, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px; }

/* line 585, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px; }

/* line 590, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px; }

/* line 595, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible; }

/* line 600, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-editor img {
  max-width: 100%; }

/* line 603, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle; }

/* line 613, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%; }

/* line 622, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px; }

/* line 626, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap; }

/* line 634, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px; }

/* line 640, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2; }

/* line 644, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc; }

/* line 647, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc; }

/* line 650, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1; }

/* line 656, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px; }

/* line 660, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px; }

/* line 664, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px; }

/* line 668, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px; }

/* line 671, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px; }

/* line 676, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px; }

/* line 680, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px; }

/* line 688, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px; }

/* line 695, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label); }

/* line 703, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header {
  width: 98px; }

/* line 706, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal'; }

/* line 710, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1'; }

/* line 714, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2'; }

/* line 718, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3'; }

/* line 722, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4'; }

/* line 726, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5'; }

/* line 730, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6'; }

/* line 734, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em; }

/* line 737, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em; }

/* line 740, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em; }

/* line 743, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em; }

/* line 746, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em; }

/* line 749, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em; }

/* line 752, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font {
  width: 108px; }

/* line 755, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif'; }

/* line 759, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif'; }

/* line 763, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace'; }

/* line 767, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif; }

/* line 770, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace; }

/* line 773, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size {
  width: 98px; }

/* line 776, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal'; }

/* line 780, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small'; }

/* line 784, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large'; }

/* line 788, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge'; }

/* line 792, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px; }

/* line 795, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px; }

/* line 798, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px; }

/* line 801, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff; }

/* line 804, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000; }

/* line 807, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px; }

/* line 813, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px; }

/* line 816, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent; }

/* line 819, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }

/* line 823, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc; }

/* line 826, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc; }

/* line 829, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000; }

/* line 833, node_modules/quill/dist/quill.snow.css */
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px; }

/* line 836, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap; }

/* line 844, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px; }

/* line 849, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px; }

/* line 858, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top; }

/* line 865, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px; }

/* line 871, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px; }

/* line 875, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip a {
  line-height: 26px; }

/* line 878, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none; }

/* line 882, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block; }

/* line 885, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px; }

/* line 890, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"; }

/* line 893, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"; }

/* line 896, node_modules/quill/dist/quill.snow.css */
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"; }

/* line 899, node_modules/quill/dist/quill.snow.css */
.ql-snow a {
  color: #06c; }

/* line 902, node_modules/quill/dist/quill.snow.css */
.ql-container.ql-snow {
  border: 1px solid #ccc; }

/*
    Shared

    All styles which are used throughout the whole website get in here.

    Styleguide 1.0
*/
/*
    Debug

    For visual and script debugging just run any url with `debug=1`, or type
    `:debug` or set a localStorage item called `debug` with a value of `1`.
    This will enable the debug mode and give you additional scripting output as
    well as visual debugging output like the current breakpoint and the
    vertical baseline grid.

    Styleguide 5
*/
/* line 12, src/sass/shared/_debug.scss */
.debug-mode {
  position: relative; }
  /* line 18, src/sass/shared/_debug.scss */
  .debug-mode::after, .debug-mode::before {
    z-index: 500; }
  /* line 24, src/sass/shared/_debug.scss */
  .debug-mode::after {
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent -webkit-calc(100% - 1px), rgba(0, 0, 0, 0.1) 0%), -webkit-linear-gradient(transparent -webkit-calc(50% - 1px), rgba(0, 0, 0, 0.05) 50%, transparent -webkit-calc(50% + 1px));
    background-image: -o-linear-gradient(transparent calc(100% - 1px), rgba(0, 0, 0, 0.1) 0%), -o-linear-gradient(transparent calc(50% - 1px), rgba(0, 0, 0, 0.05) 50%, transparent calc(50% + 1px));
    background-image: linear-gradient(transparent calc(100% - 1px), rgba(0, 0, 0, 0.1) 0%), linear-gradient(transparent calc(50% - 1px), rgba(0, 0, 0, 0.05) 50%, transparent calc(50% + 1px));
    -webkit-background-size: 100% 1rem;
            background-size: 100% 1rem;
    background-repeat: repeat, repeat;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
  /* line 41, src/sass/shared/_debug.scss */
  .debug-mode::before {
    background-color: #fac135;
    bottom: 0;
    color: #000;
    font-family: monospace;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.5rem 0.75rem;
    position: fixed;
    right: 0;
    white-space: pre-wrap; }
    @media (min-width: 20rem) {
      /* line 41, src/sass/shared/_debug.scss */
      .debug-mode::before {
        content: "vertical base: 1rem  ·  " "breakpoint: small (sm; 20rem)"; } }
    @media (min-width: 48rem) {
      /* line 41, src/sass/shared/_debug.scss */
      .debug-mode::before {
        content: "vertical base: 1rem  ·  " "breakpoint: medium (md; 48rem)"; } }
    @media (min-width: 64rem) {
      /* line 41, src/sass/shared/_debug.scss */
      .debug-mode::before {
        content: "vertical base: 1rem  ·  " "breakpoint: large (lg; 64rem)"; } }
    @media (min-width: 90rem) {
      /* line 41, src/sass/shared/_debug.scss */
      .debug-mode::before {
        content: "vertical base: 1rem  ·  " "breakpoint: huge (hg; 90rem)"; } }

/* line 4, src/sass/shared/_generic.scss */
:root {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-duration: 200ms;
       -o-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  /*
        Workaround for page-overlapping problems
        ---------
        Background-wrapper's are using "width: 100vw;" which includes the scrollbars.
        In some browsers (ex. IE), this leads to some ugly unnessecary blank space
        on the right side of the page.
        @see: IM-667
    */
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

/* line 22, src/sass/shared/_generic.scss */
*,
*::before,
*::after {
  border-color: inherit;
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
  -webkit-transition-duration: inherit;
       -o-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: inherit;
  -o-transition-property: inherit;
  transition-property: inherit; }

/* line 31, src/sass/shared/_generic.scss */
a {
  color: currentColor; }
  /* line 35, src/sass/shared/_generic.scss */
  a.-nounderline, a.-nounderline:hover {
    text-decoration: none; }

/* line 42, src/sass/shared/_generic.scss */
body {
  background-color: #f4f4f4; }

/*
    Set background color filled over full height.
    In some cases we have not enough content to stretch the height, the footer
    is therefore displayed too high. He should always be on the bottom.
 */
@media (min-width: 48rem) {
  /* line 52, src/sass/shared/_generic.scss */
  html,
  body {
    position: relative;
    z-index: 1; }
  /* line 58, src/sass/shared/_generic.scss */
  html {
    min-height: 100vh; }
  /* line 62, src/sass/shared/_generic.scss */
  html::after,
  body::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  /* line 73, src/sass/shared/_generic.scss */
  html::after {
    background-color: #555; }
  /* line 77, src/sass/shared/_generic.scss */
  body::before {
    background-color: #f4f4f4; } }

/*
    Definition of global grid padding for using in JavaScript

    See also as example in Scroller.js where evaluate the offset value.
    But I do not know if it is a good way. Better solution always welcome.
 */
/* line 88, src/sass/shared/_generic.scss */
head > title {
  padding: 0.75rem; }
  @media (min-width: 48rem) {
    /* line 88, src/sass/shared/_generic.scss */
    head > title {
      padding: 1rem; } }

/*
    Grid

    The overall grid is based on `12`
    columns with a gutter of `1.5rem`. The following
    breakpoints are available:

    | Name         | Size (in px) | Abbreviation |
    |--------------|--------------|--------------|
    | small        | 320          | sm           |
    | medium       | 768          | md           |
    | large        | 1024         | lg           |
    | huge         | 1440         | hg           |

    Styleguide 1.2
*/
/*
    Breakpoints

    Always wrap a `grid-row` around your grid columns. The following modifiers
    are available:

    - `-squeeze` (makes all direct children squeeze into this row, no columns needed)
    - `-boxed` (makes the row fit into the parent element)
    - `-equal-heights` (makes the child columns have equal heights)
    - `-stretched` (makes all direct children stretched into this row)

    markup:
    <div class="styleguide-demo">
        <div class="grid-row -boxed">
            <div class="column -sm-6">½ (50%)</div>
            <div class="column -sm-6">½ (50%)</div>
        </div>
        <div class="grid-row -boxed">
            <div class="column -sm-4">⅓ (33.33%)</div>
            <div class="column -sm-4">⅓ (33.33%)</div>
            <div class="column -sm-4">⅓ (33.33%)</div>
        </div>
        <div class="grid-row -boxed -equal-heights">
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</div>
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.</div>
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</div>
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</div>
            <div class="column -sm-4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.</div>
        </div>
        <div class="grid-row -stretched">
            <div class="column -sm-6">I have no padding</div>
            <div class="column -sm-6">I have no padding</div>
        </div>
    </div>

    Styleguide 1.2.1
*/
/* line 56, src/sass/shared/_grid.scss */
.grid-container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 90rem; }
  @media (min-width: 48rem) {
    /* line 56, src/sass/shared/_grid.scss */
    .grid-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

/* line 65, src/sass/shared/_grid.scss */
.grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 48rem) {
    /* line 65, src/sass/shared/_grid.scss */
    .grid-row {
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  /* line 77, src/sass/shared/_grid.scss */
  .grid-row.-squeeze {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    /* line 80, src/sass/shared/_grid.scss */
    .grid-row.-squeeze > .column {
      padding: 0; }
  /* line 85, src/sass/shared/_grid.scss */
  .grid-row.-boxed {
    margin-left: auto;
    margin-right: auto; }
  /* line 91, src/sass/shared/_grid.scss */
  .grid-row.-stretched > .column {
    padding: 0; }
  @media (min-width: 20rem) {
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-6 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-7 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-8 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-9 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-10 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-11 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-sm-12 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }
  @media (min-width: 48rem) {
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-6 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-7 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-8 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-9 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-10 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-11 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-md-12 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }
  @media (min-width: 64rem) {
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-6 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-7 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-8 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-9 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-10 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-11 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-lg-12 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }
  @media (min-width: 90rem) {
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-6 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-7 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-8 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-9 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-10 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-11 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    /* line 104, src/sass/shared/_grid.scss */
    .grid-row.-equal-heights > .column.-hg-12 {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }

/*
    Columns

    As already mentioned we have a total amount of `12`
    columns. You can define the amount of columns you want to use with this
    pattern: `column -<breakpoint>-<size>`

    Use the abbreviation of the breakpoint. For example: `colum -sm-6` 
    is a column with half size of the grid starting at the **small** breakpoint.

    See below for a more realistic example.

    The following modifiers are available:

    - `-no-gutter` (removes the gutter from a column)
    - `-center` (centeres the column relatively to the space available)

    markup:
    <div class="styleguide-demo">
        <div class="grid-row -boxed">
            <div class="column -md-6 -lg-4 -hg-2">A</div>
            <div class="column -md-6 -lg-4 -hg-2">B</div>
            <div class="column -lg-4 -hg-2">C</div>
            <div class="column -md-6 -lg-4 -hg-2">D</div>
            <div class="column -md-6 -lg-4 -hg-2">E</div>
            <div class="column -lg-4 -hg-2">F</div>
        </div>
    </div>
    <div class="styleguide-demo">
        <div class="grid-row -boxed">
            <div class="column -sm-6 -center">This column is always centered.</div>
        </div>
    </div>

    Styleguide 1.2.2
 */
/* line 149, src/sass/shared/_grid.scss */
.grid-row > .column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%; }
  @media (min-width: 48rem) {
    /* line 149, src/sass/shared/_grid.scss */
    .grid-row > .column {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 20rem) {
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-1 {
      width: 8.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-2 {
      width: 16.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-3 {
      width: 25%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-4 {
      width: 33.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-5 {
      width: 41.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-6 {
      width: 50%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-7 {
      width: 58.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-8 {
      width: 66.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-9 {
      width: 75%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-10 {
      width: 83.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-11 {
      width: 91.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-sm-12 {
      width: 100%; } }
  @media (min-width: 48rem) {
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-1 {
      width: 8.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-2 {
      width: 16.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-3 {
      width: 25%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-4 {
      width: 33.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-5 {
      width: 41.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-6 {
      width: 50%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-7 {
      width: 58.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-8 {
      width: 66.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-9 {
      width: 75%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-10 {
      width: 83.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-11 {
      width: 91.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-md-12 {
      width: 100%; } }
  @media (min-width: 64rem) {
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-1 {
      width: 8.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-2 {
      width: 16.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-3 {
      width: 25%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-4 {
      width: 33.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-5 {
      width: 41.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-6 {
      width: 50%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-7 {
      width: 58.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-8 {
      width: 66.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-9 {
      width: 75%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-10 {
      width: 83.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-11 {
      width: 91.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-lg-12 {
      width: 100%; } }
  @media (min-width: 90rem) {
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-1 {
      width: 8.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-2 {
      width: 16.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-3 {
      width: 25%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-4 {
      width: 33.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-5 {
      width: 41.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-6 {
      width: 50%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-7 {
      width: 58.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-8 {
      width: 66.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-9 {
      width: 75%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-10 {
      width: 83.33333333%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-11 {
      width: 91.66666667%; }
    /* line 160, src/sass/shared/_grid.scss */
    .grid-row > .column.-hg-12 {
      width: 100%; } }
  /* line 167, src/sass/shared/_grid.scss */
  .grid-row > .column.-center {
    margin-left: auto;
    margin-right: auto; }
  /* line 172, src/sass/shared/_grid.scss */
  .grid-row > .column.-no-gutter {
    padding-left: 0;
    padding-right: 0; }
  /* line 177, src/sass/shared/_grid.scss */
  .grid-row > .column.-no-gutter-left {
    padding-left: 0; }
  /* line 181, src/sass/shared/_grid.scss */
  .grid-row > .column.-no-gutter-right {
    padding-right: 0; }

/*
    Helpers

    Grid helpers are tiny grid related components that are breakpoint aware
    and provide simple yet effective functionality.

    markup:
    <div class="hidden-sm">You don't see me on small.</div>
    <div class="hidden-md">You don't see me on medium.</div>
    <div class="hidden-lg">You don't see me on large.</div>
    <div class="hidden-hg">You don't see me on huge.</div>

    Styleguide 1.2.3
*/
@media (min-width: 20rem) and (max-width: 47.9375rem) {
  /* line 212, src/sass/shared/_grid.scss */
  .hidden-sm {
    display: none !important; } }

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  /* line 212, src/sass/shared/_grid.scss */
  .hidden-md {
    display: none !important; } }

@media (min-width: 64rem) and (max-width: 89.9375rem) {
  /* line 212, src/sass/shared/_grid.scss */
  .hidden-lg {
    display: none !important; } }

@media (min-width: 90rem) {
  /* line 212, src/sass/shared/_grid.scss */
  .hidden-hg {
    display: none !important; } }

/*
    Typography

    The overall used font family is `Open Sans, Segoe UI, Arial, sans-serif`. Headlines are
    having `Open Sans, Segoe UI, Arial, sans-serif` as the main font family.

    Styleguide 1.1
*/
/*
    Paragraphs

    Use `p`-Tags in order to create a paragraph.

    markup:
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio dolor,
    odio velit dolores hic quia, repellendus culpa itaque tenetur totam,
    nesciunt aliquam quas ut possimus! Nemo fuga distinctio qui. Magni!</p>

    Styleguide 1.1.1
*/
/* line 38, src/sass/shared/_typography.scss */
:root {
  font-size: 16px; }

/* line 42, src/sass/shared/_typography.scss */
body {
  color: #000;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.75;
  text-rendering: optimizeLegibility; }

/*
    Headlines

    All `h{1..6}`-Tags are formatted and ready for usage. Use the `h{1..6}`
    classes if you need to style non headline markup as headlines.

    markup:
    <h1 class="h1">Headline The quick brown fox jumps over the lazy dog.</h1>
    <h2 class="h2">Jackdaws love my big sphinx of quartz.</h2>
    <h3 class="h3">Pack my box with five dozen liquor jugs.</h3>
    <h4 class="h4">Five quacking Zephyrs jolt my wax bed.</h4>

    Styleguide 1.1.2
*/
/* line 64, src/sass/shared/_typography.scss */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #000;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  margin-top: 0;
  margin-bottom: 0; }

/* line 76, src/sass/shared/_typography.scss */
h1, .h1 {
  font-size: 2rem;
  line-height: 1.5; }

/* line 81, src/sass/shared/_typography.scss */
h2, .h2 {
  color: #333333;
  font-size: 32px;
  line-height: 44px; }
  /* line 86, src/sass/shared/_typography.scss */
  h2.subtitle, .h2.subtitle {
    color: #898989;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px; }

/* line 94, src/sass/shared/_typography.scss */
h3, .h3 {
  color: #333333;
  font-size: 22px;
  line-height: 32px; }

/* line 100, src/sass/shared/_typography.scss */
h4, .h4 {
  font-size: 1.125rem; }

/* line 104, src/sass/shared/_typography.scss */
h5, .h5 {
  font-size: 1rem; }

/* line 109, src/sass/shared/_typography.scss */
b {
  font-weight: 600; }

/*
    Blockquotes

    Use `blockquote`-Tags in order to create a blockquote.

    Wordpress seems to generate `<blockquote><p>...</p><p>...</p></blockquote>`
    for blockquotes defined throug the visual editor so we account for that here.

    markup:
    <blockquote>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio dolor,
        odio velit dolores hic quia, repellendus culpa itaque tenetur totam,
        nesciunt aliquam quas ut possimus! Nemo fuga distinctio qui. Magni!
    </blockquote>
    <blockquote>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio dolor,
        odio velit dolores hic quia, repellendus culpa itaque tenetur totam</p>
        <p>nesciunt aliquam quas ut possimus! Nemo fuga distinctio qui. Magni!</p>
    </blockquote>

    Styleguide 1.1.3
*/
/* line 135, src/sass/shared/_typography.scss */
blockquote {
  quotes: "„" "“";
  color: #898989;
  padding: 1rem 1.5rem; }
  /* line 143, src/sass/shared/_typography.scss */
  blockquote > p:first-of-type {
    margin-top: 0; }
    /* line 146, src/sass/shared/_typography.scss */
    blockquote > p:first-of-type::before {
      content: open-quote; }
  /* line 151, src/sass/shared/_typography.scss */
  blockquote > p:last-of-type {
    margin-bottom: 0; }
    /* line 154, src/sass/shared/_typography.scss */
    blockquote > p:last-of-type::after {
      content: close-quote; }

/*
    Print

    If you wish that a specific element should not be printed always use the
    `dont-print` class.

    Styleguide 3
*/
@media print {
  /* line 15, src/sass/shared/_print.scss */
  *,
  *::before,
  *::after {
    background-color: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  /* line 26, src/sass/shared/_print.scss */
  a,
  a:visited {
    text-decoration: underline; }
  /* line 31, src/sass/shared/_print.scss */
  a[href]::after {
    content: " (" attr(href) ")"; }
  /* line 35, src/sass/shared/_print.scss */
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /* line 39, src/sass/shared/_print.scss */
  a[href^="#"]::after,
  a[href^="javascript:"]::after,
  a[href^="tel:"]::after,
  a[href*=".google."]::after {
    content: ""; }
  /* line 46, src/sass/shared/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /* line 54, src/sass/shared/_print.scss */
  thead {
    display: table-header-group; }
  /* line 58, src/sass/shared/_print.scss */
  tr,
  img {
    page-break-inside: avoid; }
  /* line 63, src/sass/shared/_print.scss */
  img {
    max-width: 100% !important; }
  /* line 67, src/sass/shared/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  /* line 74, src/sass/shared/_print.scss */
  h2,
  h3 {
    page-break-after: avoid; }
  /* line 79, src/sass/shared/_print.scss */
  .page-break-before {
    page-break-before: always !important; }
  /* line 83, src/sass/shared/_print.scss */
  .dont-print {
    display: none !important; } }

@media not print {
  /* line 89, src/sass/shared/_print.scss */
  .only-print {
    display: none !important; } }

/*
    Helpers

    Those helpers classes are meant to override values in a general purpose
    manner.

    Styleguide 4
*/
/*
    Margin, Padding & Offset

    The following classes are meant to help adjusting margin.

    ⚠️ **Only use them if you cannot define them in a component!** ⚠️

    - `_unmargin` (removes all margin from the element)
    - `_margin-top` (add a margin top of the vertical base unit)
    - `_margin-top-half` (add a margin top of half of the vertical base unit)
    - `_margin-top-double` (add a margin top of twice the vertical base unit)
    - `_margin-bottom` (add a margin bottom of the vertical base unit)
    - `_margin-bottom-half` (add a margin bottom: half of the vertical base unit)
    - `_margin-bottom-double` (add a margin bottom: twice the vertical base unit)
    - `_margin-right-half` (add a margin right: half of the vertical base unit)
    - `_unpadding` (removes all padding from the element)
    - `_padding-top` (add a padding top of the vertical base unit)
    - `_padding-top-half` (add a padding top of half of the vertical base unit)
    - `_padding-top-double` (add a padding top of twice the vertical base unit)
    - `_padding-bottom` (add a padding bottom of the vertical base unit)
    - `_padding-bottom-half` (add a padding bottom of half of the vertical base unit)
    - `_padding-bottom-double` (add a padding bottom of twice the vertical base unit)
    - `_padding-right-half` (add a padding right of half of the vertical base unit)
    - `_max-width-detail-page` (set max-width to 975 pixel)
    - `_anchor-offset` (sets the top-offset of an anchor-link target element.)

    Same classes exist for padding.

    Styleguide 4.1
*/
/* line 57, src/sass/shared/_helpers.scss */
._unmargin {
  margin: 0 !important; }

/* line 61, src/sass/shared/_helpers.scss */
._margin-top {
  margin-top: 1rem !important; }

/* line 65, src/sass/shared/_helpers.scss */
._margin-top-half {
  margin-top: 0.5rem !important; }

/* line 69, src/sass/shared/_helpers.scss */
._margin-top-double {
  margin-top: 2rem !important; }

/* line 73, src/sass/shared/_helpers.scss */
._margin-bottom {
  margin-bottom: 1rem !important; }

/* line 77, src/sass/shared/_helpers.scss */
._margin-bottom-half {
  margin-bottom: 0.5rem !important; }

/* line 81, src/sass/shared/_helpers.scss */
._margin-bottom-double {
  margin-bottom: 2rem !important; }

/* line 85, src/sass/shared/_helpers.scss */
._margin-right-half {
  margin-right: 0.5rem !important; }

/* line 89, src/sass/shared/_helpers.scss */
._unpadding {
  padding: 0 !important; }

@media (min-width: 90rem) {
  /* line 93, src/sass/shared/_helpers.scss */
  ._unpadding-hg- {
    padding: 0 !important; } }

/* line 97, src/sass/shared/_helpers.scss */
._padding-top {
  padding-top: 1rem !important; }

/* line 101, src/sass/shared/_helpers.scss */
._padding-top-half {
  padding-top: 0.5rem !important; }

/* line 105, src/sass/shared/_helpers.scss */
._padding-top-double {
  padding-top: 2rem !important; }

/* line 109, src/sass/shared/_helpers.scss */
._padding-bottom {
  padding-bottom: 1rem !important; }

/* line 113, src/sass/shared/_helpers.scss */
._padding-bottom-half {
  padding-bottom: 0.5rem !important; }

/* line 117, src/sass/shared/_helpers.scss */
._padding-bottom-double {
  padding-bottom: 2rem !important; }

/* line 121, src/sass/shared/_helpers.scss */
._padding-right-half {
  padding-right: 0.5rem !important; }

/* line 125, src/sass/shared/_helpers.scss */
._padding-right-40 {
  padding-right: 40px; }
  @media (max-width: 815px) {
    /* line 125, src/sass/shared/_helpers.scss */
    ._padding-right-40 {
      padding-right: 16px; } }

/* line 132, src/sass/shared/_helpers.scss */
._padding-left-40 {
  padding-left: 40px; }
  @media (max-width: 815px) {
    /* line 132, src/sass/shared/_helpers.scss */
    ._padding-left-40 {
      padding-left: 16px; } }

/* line 139, src/sass/shared/_helpers.scss */
._padding-top-40 {
  padding-top: 40px; }

/* line 143, src/sass/shared/_helpers.scss */
._max-width-detail-page, .detail-box {
  max-width: 995px; }

/* line 147, src/sass/shared/_helpers.scss */
._anchor-offset {
  position: absolute;
  top: -75px;
  padding-top: 75px; }

/*
    Speech

    The following classes are meant to help adjusting elements regarding speech
    assitive technology.

    - `_onlyspeech` (hides any text within the element from appearing visually)

    Styleguide 4.2
*/
/* line 163, src/sass/shared/_helpers.scss */
._onlyspeech {
  font-size: 0;
  line-height: 0; }

/*
    Text

    The following classes are meant to help formatting text.

    ⚠️ **Only use them if you cannot define them in a component!** ⚠️

    - `_text-silent` (makes the text visually silent)
    - `_text-primary` (makes the text visually primary)
    - `_text-fat` (makes the text visually bold)
    - `_text-not-fat` (makes the text visually not bold)
    - `_text-uppercase` (transforms all letters to uppercase ones)
    - `_text-lowercase` (transforms all letter to lowercase ones)
    - `_text-right` (makes the text right aligned)
    - `_text-center` (makes the text center aligned)
    - `_text-break` (breaks the text automatically)

    markup:
    <p class="_text-silent">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <p class="_text-primary">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <p class="_text-fat">I'm bold.</p>
    <p class="_text-not-fat">I'm not bold.</p>
    <p class="_text-uppercase">I'm screaming!</p>
    <p class="_text-lowercase">I'm lowercase, even if I WANT TO SCREAM!</p>
    <p class="_text-right">
        <button class="button-primary">I'm right!</button>
    </p>
    <p class="_text-center">
        <button class="button-primary">I'm in the center</button>
    </p>
    <p class="_text-break">asdfasdfasdfasdfasdfasdflaskdfjsalkdfjsalkdfjsfjalsdfjslkdfjadfasdfwerwkerlwerlkwjerlwkejrlwerjlwkejrlwerlwerlkwejrlkwerlkwjerlkwjerlkwerjlwkejrlwwelkrjwlkerjlwekjrlwkejrlwkejrlkwjerlwkejrlwjerlwkjerlwrnfnfsfnsfdjsljflflaskdfjlaskdjflaskfjlaksdfjalskdfjlaskdjflaksdfjlaksjdflkasjdflkasf</p>

    Styleguide 4.3
*/
/* line 202, src/sass/shared/_helpers.scss */
._text-silent {
  color: #898989; }

/* line 206, src/sass/shared/_helpers.scss */
._text-not-fat {
  font-weight: 400; }

/* line 210, src/sass/shared/_helpers.scss */
._text-fat {
  font-weight: 700; }

/* line 214, src/sass/shared/_helpers.scss */
._text-primary {
  color: #e43e33; }

/* line 218, src/sass/shared/_helpers.scss */
._text-double {
  font-size: 21px;
  line-height: 28px; }

/* line 223, src/sass/shared/_helpers.scss */
._text-uppercase {
  text-transform: uppercase; }

/* line 227, src/sass/shared/_helpers.scss */
._text-lowercase {
  text-transform: lowercase; }

/* line 231, src/sass/shared/_helpers.scss */
._text-center {
  text-align: center; }

/* line 235, src/sass/shared/_helpers.scss */
._text-right {
  text-align: right; }

/* line 239, src/sass/shared/_helpers.scss */
._text-break {
  word-break: break-all; }

/* line 243, src/sass/shared/_helpers.scss */
._text-large {
  font-size: 18px;
  line-height: 32px; }

/* line 248, src/sass/shared/_helpers.scss */
._text-footnote {
  font-size: 12px;
  line-height: 18px; }

/*
    Displays

    The following classes are meant to help adjusting display, show, etc.

    ⚠️ **Only use them if you cannot define them in a component!** ⚠️

    - `_hidden` (hides the element)
    - `_clear` (clears the layout)

    markup:
    <div class="_hidden">This text will not be displayed</div>
    <div class="_clear">This elemeent will clear the layout</div>

    Styleguide 4.4
*/
/* line 269, src/sass/shared/_helpers.scss */
._hidden {
  display: none !important; }

/* line 273, src/sass/shared/_helpers.scss */
._clear {
  clear: both !important; }

/*
    Positions

    The following classes are meant to help adjusting positions etc.

    ⚠️ **Only use them if you cannot define them in a component!** ⚠️

    - `_relative` (set an element relative)

    markup:
    <div class="_relative">This element is relative positioned</div>

    Styleguide 4.5
*/
/* line 291, src/sass/shared/_helpers.scss */
._relative {
  position: relative; }

/*
    Icons

    All icons have been generated on [fontastic.me](http://fontastic.me/) as an
    icon font.

    markup:
    <p>See icons-reference in $icon-webfont-path for a list of all icons</p>
    </div>

    Styleguide 1.4
*/
@font-face {
  font-family: ImmoStreetIcons;
  src: url("../fonts/immostreeticons/fonts/immostreeticons.eot");
  src: url("../fonts/immostreeticons/fonts/immostreeticons.eot?#iefix") format("embedded-opentype"), url("../fonts/immostreeticons/fonts/immostreeticons.woff") format("woff"), url("../fonts/immostreeticons/fonts/immostreeticons.ttf") format("truetype"), url("../fonts/immostreeticons/fonts/immostreeticons.svg#immostreeticons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 24, src/sass/shared/_icons.scss */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: -0.125em; }
  /* line 29, src/sass/shared/_icons.scss */
  [class^="icon-"]::before,
  [class*=" icon-"]::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    display: block; }

/* line 42, src/sass/shared/_icons.scss */
.icon-agri::before {
  content: "a"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-appt::before {
  content: "b"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-appt-furn::before {
  content: "c"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow-left::before {
  content: "d"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow-left-circle::before {
  content: "e"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow-right::before {
  content: "f"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow-right-circle::before {
  content: "g"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow-up-circle::before {
  content: "h"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-available-from::before {
  content: "i"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-bookmark::before {
  content: "j"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-bookmark-empty::before {
  content: "k"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-carrying-capacity-elevator::before {
  content: "l"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-castle::before {
  content: "m"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-ceiling-height::before {
  content: "n"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-checkmark::before {
  content: "o"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-chevron-down::before {
  content: "p"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-chevron-up::before {
  content: "q"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-close::before {
  content: "r"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-document::before {
  content: "s"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-dot::before {
  content: "t"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-facebook::before {
  content: "u"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-flat-big::before {
  content: "v"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-flat-side::before {
  content: "w"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-flats-big::before {
  content: "x"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-floor::before {
  content: "y"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-fullscreen::before {
  content: "z"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-garage::before {
  content: "A"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-gastro::before {
  content: "B"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-gastro2::before {
  content: "C"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-google-plus::before {
  content: "D"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-gross-premium::before {
  content: "E"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-help-circle::before {
  content: "F"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-house::before {
  content: "G"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-house-big::before {
  content: "H"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-imst-ico-360grad::before {
  content: "I"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-imst-ico-360grad-1::before {
  content: "J"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-imst-insertion-devices::before {
  content: "K"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-imst-insertion-network::before {
  content: "L"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-imst-insertion-people::before {
  content: "M"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-industry::before {
  content: "N"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-key::before {
  content: "O"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-link::before {
  content: "P"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-locate::before {
  content: "Q"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-mail::before {
  content: "R"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-map::before {
  content: "S"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-menu::before {
  content: "T"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-monument::before {
  content: "U"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-number-of-rooms::before {
  content: "V"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-park::before {
  content: "W"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-phone::before {
  content: "X"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-print::before {
  content: "Y"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-prop::before {
  content: "Z"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-prop2::before {
  content: "0"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-search::before {
  content: "1"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-shape::before {
  content: "2"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-share::before {
  content: "3"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-star::before {
  content: "4"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-star-full::before {
  content: "5"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-star-pinned::before {
  content: "6"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-streetview::before {
  content: "7"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-video::before {
  content: "8"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-volume::before {
  content: "9"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-whatsapp::before {
  content: "!"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-year-built::before {
  content: '"'; }

/* line 42, src/sass/shared/_icons.scss */
.icon-year-renovated::before {
  content: "#"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-zoom::before {
  content: "$"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-hg-360o-grey::before {
  content: "%"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-arrow::before {
  content: "&"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-mobile::before {
  content: "'"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-info-circle::before {
  content: "("; }

/* line 42, src/sass/shared/_icons.scss */
.icon-calendar-empty::before {
  content: ")"; }

/* line 42, src/sass/shared/_icons.scss */
.icon-trash::before {
  content: "*"; }

/* line 4, src/sass/shared/_images.scss */
img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

/* line 10, src/sass/shared/_images.scss */
.tamedia-container > img,
.ad-container > img {
  display: block; }

/*
    WEMF images has a __hidden selector
 */
/* line 18, src/sass/shared/_images.scss */
img.__hidden {
  display: none !important; }

/* line 4, src/sass/shared/_wordpress.scss */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* line 10, src/sass/shared/_wordpress.scss */
.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0; }

/* line 15, src/sass/shared/_wordpress.scss */
.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em; }

/* line 23, src/sass/shared/_wordpress.scss */
body.admin-bar {
  margin-top: 32px !important; }
  @media screen and (max-width: 782px) {
    /* line 23, src/sass/shared/_wordpress.scss */
    body.admin-bar {
      margin-top: 46px !important; } }

/*
    Components

    Components are parts which are used among several views. For example those
    could be buttons, banners, lists, dialogs and so on.

    Styleguide 2.0.0
*/
/* line 1, src/sass/components/_awaiting-response.scss */
.awaiting-response {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1500; }

/*
    Alert message

    You can show 3 different kinds of alert messages. If you want you can make them closable.
    - info
    - success
    - warning
    - error

    markup:
    <div class="alert-message -info _margin-bottom-half">An info message</div>
    <div class="alert-message -success _margin-bottom-half">A success message</div>
    <div id="alertmessage1" class="alert-message -info _margin-bottom-half">A closable info message<div class="close" data-toggle="-close" data-toggle-for="#alertmessage1"></div></div>
    <div id="alertmessage2" class="alert-message -success _margin-bottom-half">A closable success message<div class="close" data-toggle="-close" data-toggle-for="#alertmessage2"></div></div>
    <div id="alertmessage3" class="alert-message -warning _margin-bottom-half">A closable warning message<div class="close" data-toggle="-close" data-toggle-for="#alertmessage3"></div></div>
    <div id="alertmessage4" class="alert-message -error _margin-bottom-half">A closable error message<div class="close" data-toggle="-close" data-toggle-for="#alertmessage4"></div></div>

    Styleguide 2.10.6
*/
/* line 20, src/sass/components/_alert-message.scss */
.alert-message {
  padding: 1rem 2rem 1rem 1rem;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 1rem; }
  /* line 29, src/sass/components/_alert-message.scss */
  .alert-message.-info {
    background-color: #85b5d0; }
    /* line 32, src/sass/components/_alert-message.scss */
    .alert-message.-info > .close::after {
      color: #095681; }
  /* line 37, src/sass/components/_alert-message.scss */
  .alert-message.-success {
    background-color: #83d186; }
    /* line 40, src/sass/components/_alert-message.scss */
    .alert-message.-success > .close::after {
      color: #05820a; }
  /* line 45, src/sass/components/_alert-message.scss */
  .alert-message.-warning {
    background-color: #fde09a; }
    /* line 48, src/sass/components/_alert-message.scss */
    .alert-message.-warning > .close::after {
      color: #c89a2a; }
  /* line 53, src/sass/components/_alert-message.scss */
  .alert-message.-error {
    background-color: #ff8180; }
    /* line 56, src/sass/components/_alert-message.scss */
    .alert-message.-error > .close::after {
      color: #cc0200; }
  /* line 61, src/sass/components/_alert-message.scss */
  .alert-message.-close {
    display: none; }
  /* line 65, src/sass/components/_alert-message.scss */
  .alert-message > .close::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "r"; }

/*
<div class="article-about-banner">
  <div class="item -search">
    <div class="title">Finden Sie was Sie suchen - ohne Umwege</div>
    <div class="text">Wichtigste Informationen auf einen Blick bereits in der Trefferliste</div>
  </div>
  <div class="item -mobile">
    <div class="title">Mobile first</div>
    <div class="text">Für die beste Nutzererfahrung und übersichtliches Design</div>
  </div>
  <div class="item -dna">
    <div class="title">Innovation ist unsere DNA</div>
    <div class="text">Wir lernen schnell und sind bereit für personalisierte Angebote</div>
  </div>
  <div class="item -support">
    <div class="title">Kundennähe</div>
    <div class="text">Wir begleiten unsere Firmenkunden auf dem Weg zum nachhaltigen Erfolg</div>
  </div>
</div>
*/
/* line 21, src/sass/components/_article-about-banner.scss */
.article-about-banner {
  width: 100%;
  margin-bottom: 1rem;
  background-color: #e43e33; }
  /* line 28, src/sass/components/_article-about-banner.scss */
  .article-about-banner > .item {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 1rem 0.5rem;
    text-align: center;
    color: white; }
    /* line 36, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item > .title {
      font-weight: bold;
      font-size: 1rem;
      line-height: 1.2rem;
      margin-bottom: 0.5rem; }
    /* line 43, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item > .text {
      font-size: 0.8rem; }
    /* line 47, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item::before {
      top: 20%;
      left: 50%;
      -webkit-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 80px;
      margin-bottom: 0.5rem; }
    /* line 55, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item.-search::before {
      content: url("/wp-content/themes/immostreet/assets/images/logos/about-search.png"); }
    /* line 59, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item.-mobile::before {
      content: url("/wp-content/themes/immostreet/assets/images/logos/about-mobile.png"); }
    /* line 63, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item.-dna::before {
      content: url("/wp-content/themes/immostreet/assets/images/logos/about-dna.png"); }
    /* line 67, src/sass/components/_article-about-banner.scss */
    .article-about-banner > .item.-support::before {
      content: url("/wp-content/themes/immostreet/assets/images/logos/about-support.png"); }
    @media (min-width: 48rem) {
      /* line 28, src/sass/components/_article-about-banner.scss */
      .article-about-banner > .item {
        width: 50%; }
        /* line 74, src/sass/components/_article-about-banner.scss */
        .article-about-banner > .item > .title {
          min-height: 2.4rem; }
        /* line 78, src/sass/components/_article-about-banner.scss */
        .article-about-banner > .item:nth-child(odd) {
          clear: left; } }
    @media (min-width: 64rem) {
      /* line 28, src/sass/components/_article-about-banner.scss */
      .article-about-banner > .item {
        width: 25%; }
        /* line 86, src/sass/components/_article-about-banner.scss */
        .article-about-banner > .item:nth-child(odd) {
          clear: inherit; } }
  /* line 92, src/sass/components/_article-about-banner.scss */
  .article-about-banner::after {
    content: "";
    display: table;
    clear: both; }

/*
    Article box

    Styles box component for articles.

    markup:
    <div class="article-box colored-box -white">
        <img src="http://placehold.it/1500x300" class="image">
        <div class="content">Some content</div>
    </div>

    Styleguide 2.8.3
*/
/* line 14, src/sass/components/_article-box.scss */
.article-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1; }
  /* line 17, src/sass/components/_article-box.scss */
  .article-box > .content {
    padding: 1rem 1.5rem; }
    /* line 22, src/sass/components/_article-box.scss */
    .article-box > .content .smg-privacy-policy h2 {
      font-size: 22px;
      line-height: 32px; }
    /* line 28, src/sass/components/_article-box.scss */
    .article-box > .content .smg-privacy-policy ol li::marker {
      font-size: 18px; }
    /* line 33, src/sass/components/_article-box.scss */
    .article-box > .content .smg-privacy-policy a {
      cursor: pointer;
      text-decoration: underline; }

/* line 41, src/sass/components/_article-box.scss */
.article-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -0.75rem; }
  /* line 47, src/sass/components/_article-box.scss */
  .article-row > .contentarticle {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 180px;
            flex: 1 1 180px;
    min-width: 180px;
    margin: 0 0.75rem 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column; }
    /* line 55, src/sass/components/_article-box.scss */
    .article-row > .contentarticle > .articleimagelink {
      min-height: 1px; }
    /* line 59, src/sass/components/_article-box.scss */
    .article-row > .contentarticle > .articlelink {
      color: #e43e33;
      font-weight: bold;
      margin-bottom: 1rem; }
      /* line 64, src/sass/components/_article-box.scss */
      .article-row > .contentarticle > .articlelink, .article-row > .contentarticle > .articlelink:hover {
        text-decoration: none; }
    /* line 70, src/sass/components/_article-box.scss */
    .article-row > .contentarticle > .articletitle {
      margin-top: 1rem;
      font-size: inherit;
      line-height: inherit; }
    /* line 76, src/sass/components/_article-box.scss */
    .article-row > .contentarticle > .image {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
              flex: 0 0 auto; }
      /* line 79, src/sass/components/_article-box.scss */
      .article-row > .contentarticle > .image.-pulldown {
        margin-top: auto; }

/*
    Articles

    Styleguide 2.8.0
*/
/*
    Article header

    Composition of a title and subtitle as part of an article header.

    markup:
    <div class="article-header">
        <h2 class="title">Some title</h2>
        <h3 class="subtitle">Some subtitle</h3>
    </div>

    Styleguide 2.8.1
*/
/* line 21, src/sass/components/_article-header.scss */
.article-header > .title {
  font-weight: bold; }

/* line 25, src/sass/components/_article-header.scss */
.article-header > .subtitle {
  color: #898989;
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 3rem; }

/*
    Articles

    Styleguide 2.8.0
*/
/*
    Articleteaser header

    Composition of a title and subtitle as part of an article header.

    markup:
    <div class="articleteaser-header">
        <h2 class="title">Some title</h2>
        <p class="lead">Some lead text</p>
    </div>

    Styleguide 2.8.2
*/
/* line 21, src/sass/components/_articleteaser-header.scss */
.articleteaser-header > .title {
  font-weight: bold;
  font-size: 1rem; }

/* line 1, src/sass/components/_autocomplete-suggestions.scss */
.autocomplete-suggestions {
  border: 2px solid #ccc;
  border-radius: 3px;
  background: #fff;
  overflow: auto; }

/* line 8, src/sass/components/_autocomplete-suggestions.scss */
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  /* line 15, src/sass/components/_autocomplete-suggestions.scss */
  .autocomplete-suggestion > .location {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  /* line 22, src/sass/components/_autocomplete-suggestions.scss */
  .autocomplete-suggestion > .locationtype {
    padding-top: 0.2em;
    font-size: 0.75rem;
    color: #898989; }

/* line 29, src/sass/components/_autocomplete-suggestions.scss */
.autocomplete-suggestion:hover,
.autocomplete-selected {
  background: #333;
  color: #fff; }
  /* line 34, src/sass/components/_autocomplete-suggestions.scss */
  .autocomplete-suggestion:hover > .locationtype,
  .autocomplete-selected > .locationtype {
    color: #d8d8d8; }

/* line 39, src/sass/components/_autocomplete-suggestions.scss */
.autocomplete-group {
  padding: 2px 7px; }

/*
    Background Wrapper

    You want a colored full-row in a grid-container or somewhere else? Here it is.
    - `-white`
    - `-silver`
    - `-primary`

    markup:
    <div class="background-wrapper _margin-bottom">Any Content with no special background</div>
    <div class="background-wrapper _margin-bottom -white">Any Content with a white background</div>
    <div class="background-wrapper _margin-bottom -silver">Any Content with a silver background</div>
    <div class="background-wrapper -primary">Any Content with a primary background</div>

    Styleguide 2.10.25
*/
/* line 20, src/sass/components/_background-wrapper.scss */
.background-wrapper.-white::before {
  background-color: #fff; }

/* line 24, src/sass/components/_background-wrapper.scss */
.background-wrapper.-silver::before {
  background-color: #c2c2c2; }

/* line 28, src/sass/components/_background-wrapper.scss */
.background-wrapper.-primary::before {
  background-color: #e43e33; }

/*
    Miscellaneous

    Styleguide 2.10.0
*/
/*
    Badge count

    Simple badge indicating a count of something.

    markup:
    <span class="badge-count" data-badge-count="+99"></span>
    <span class="badge-count" data-badge-count="1"></span>

    Styleguide 2.10.1
*/
/* line 18, src/sass/components/_badge-count.scss */
.badge-count {
  background-color: #e43e33;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-style: normal;
  font-size: 1rem;
  min-width: 1.5em;
  text-align: center;
  line-height: 1; }
  /* line 29, src/sass/components/_badge-count.scss */
  .badge-count::after, .badge-count::before {
    display: inline-block;
    vertical-align: middle; }
  /* line 35, src/sass/components/_badge-count.scss */
  .badge-count::before {
    content: "";
    padding-top: 100%; }
  /* line 40, src/sass/components/_badge-count.scss */
  .badge-count::after {
    content: attr(data-badge-count);
    padding: 0.25em;
    font-size: 11px; }
  /* line 46, src/sass/components/_badge-count.scss */
  .badge-count.-filter {
    position: absolute;
    right: 0.25em;
    top: -0.75em;
    line-height: 1em;
    display: none; }

/* line 2, src/sass/components/_bookmark-star.scss */
.bookmark-star::before {
  content: "4";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: ImmoStreetIcons;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  color: #c2c2c2; }

/* line 8, src/sass/components/_bookmark-star.scss */
.bookmark-star.-active::before {
  content: "5";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: ImmoStreetIcons;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none; }

/* line 12, src/sass/components/_bookmark-star.scss */
.bookmark-star.-loading::before {
  -webkit-animation: loading-rotation 1s infinite linear;
       -o-animation: loading-rotation 1s infinite linear;
          animation: loading-rotation 1s infinite linear;
  -webkit-transform-origin: 50% 54%;
       -o-transform-origin: 50% 54%;
          transform-origin: 50% 54%;
  display: inline-block;
  opacity: 0.5; }

/* line 19, src/sass/components/_bookmark-star.scss */
.bookmark-star.-disabled {
  cursor: not-allowed; }

/* line 1, src/sass/components/_browser-outdated.scss */
.browser-outdated {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  text-align: center; }
  /* line 11, src/sass/components/_browser-outdated.scss */
  .browser-outdated > * {
    padding: 0.5em;
    font-size: 18px;
    font-family: "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif; }
  /* line 17, src/sass/components/_browser-outdated.scss */
  .browser-outdated > .title {
    padding: 1em;
    font-size: 32px; }

/*
    Default button

    The default button. In case you have to force the hover state,
    you can use `-hover` as a modifier.

    markup:
    <button class="button-default">My button</button>
    <button class="button-default -hover">My hovered button</button>

    Styleguide 2.1.3
*/
/* line 13, src/sass/components/_button-default.scss */
.button-default {
  background: #d8d8d8; }

/* line 1, src/sass/components/_button-favorites.scss */
.shade {
  opacity: 0.5; }

/* line 4, src/sass/components/_button-favorites.scss */
.main-nav__bookmarks:empty::after {
  content: attr(data-if-empty);
  display: list-item;
  text-align: center;
  list-style: none;
  margin-top: 5px; }

/* line 12, src/sass/components/_button-favorites.scss */
#bookmarks {
  position: absolute;
  background: white;
  top: 57px;
  right: 0px;
  border: solid #d8d8d8;
  display: none;
  width: 360px;
  padding: 0px 6.5px 6.5px 6.5px; }
  @media (max-width: 1029px) {
    /* line 12, src/sass/components/_button-favorites.scss */
    #bookmarks {
      top: 0;
      width: 100%;
      position: relative; } }
  /* line 26, src/sass/components/_button-favorites.scss */
  #bookmarks.open {
    display: block; }
  /* line 29, src/sass/components/_button-favorites.scss */
  #bookmarks .main-nav__bookmarks__item {
    line-height: 1.75;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding-top: 5px; }
    /* line 35, src/sass/components/_button-favorites.scss */
    #bookmarks .main-nav__bookmarks__item:not(:last-child) {
      border-bottom: 1px solid #f1f1f1;
      padding-bottom: 6.5px; }
    /* line 39, src/sass/components/_button-favorites.scss */
    #bookmarks .main-nav__bookmarks__item .main-nav__bookmarks__item__link {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      text-decoration: none; }
      /* line 42, src/sass/components/_button-favorites.scss */
      #bookmarks .main-nav__bookmarks__item .main-nav__bookmarks__item__link .main-nav__bookmarks__item__preview {
        width: 100px;
        margin-right: 10px;
        height: 73px;
        overflow: hidden; }
  /* line 50, src/sass/components/_button-favorites.scss */
  #bookmarks .main-nav__booksmarks__item__remove {
    cursor: pointer;
    background: transparent;
    -webkit-align-self: center;
            align-self: center;
    border: none;
    width: 25px;
    height: 25px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800; }
    /* line 60, src/sass/components/_button-favorites.scss */
    #bookmarks .main-nav__booksmarks__item__remove:hover {
      color: #e43e33; }

/* line 66, src/sass/components/_button-favorites.scss */
.button-favorites {
  display: block;
  padding: 0.5rem 1em 0.5rem 3.5em;
  position: relative;
  text-decoration: none; }
  /* line 72, src/sass/components/_button-favorites.scss */
  .button-favorites > .icon {
    color: #d8d8d8;
    font-size: 2.5em;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
  /* line 81, src/sass/components/_button-favorites.scss */
  .button-favorites > .count {
    left: 1.5em;
    width: 25px;
    left: 2em;
    position: absolute;
    top: 0;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 11px; }
    /* line 93, src/sass/components/_button-favorites.scss */
    .button-favorites > .count::after {
      content: attr(data-badge-count);
      padding: 0em;
      font-size: 11px; }
  @media (max-width: 1154px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-de.user-loggedin .button-favorites {
      padding-left: 0;
      padding-right: 0;
      margin-top: 3.5em; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-de.user-loggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-de.user-loggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 1029px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-de.user-notloggedin .button-favorites {
      padding-left: 0;
      padding-right: 0; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-de.user-notloggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-de.user-notloggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 1219px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-fr.user-loggedin .button-favorites {
      padding-left: 0;
      padding-right: 0;
      margin-top: 3.5em; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-fr.user-loggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-fr.user-loggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 1099px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-fr.user-notloggedin .button-favorites {
      padding-left: 0;
      padding-right: 0; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-fr.user-notloggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-fr.user-notloggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 1119px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-it.user-loggedin .button-favorites {
      padding-left: 0;
      padding-right: 0;
      margin-top: 3.5em; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-it.user-loggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-it.user-loggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 984px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-it.user-notloggedin .button-favorites {
      padding-left: 0;
      padding-right: 0; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-it.user-notloggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-it.user-notloggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 1079px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-en.user-loggedin .button-favorites {
      padding-left: 0;
      padding-right: 0;
      margin-top: 3.5em; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-en.user-loggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-en.user-loggedin .button-favorites > .count {
        left: 100%; } }
  @media (max-width: 929px) {
    /* line 105, src/sass/components/_button-favorites.scss */
    .lang-en.user-notloggedin .button-favorites {
      padding-left: 0;
      padding-right: 0; }
      /* line 113, src/sass/components/_button-favorites.scss */
      .lang-en.user-notloggedin .button-favorites > .icon {
        display: none; }
      /* line 117, src/sass/components/_button-favorites.scss */
      .lang-en.user-notloggedin .button-favorites > .count {
        left: 100%; } }

/*
    Button fileinput

    A button that wraps around a `input[type="file"]` in order to "simulate"
    a button for file uploads. You can use `-disabled` as a modifier to render
    a disabled button.

    markup:
    <span class="button-default button-fileinput" data-fileupload>
        Upload files
        <input type="file" />
    </span>
    <span class="button-default button-fileinput -disabled" data-fileupload>
        Upload files
        <input type="file" />
    </span>

    Styleguide 2.1.9
*/
/* line 20, src/sass/components/_button-fileinput.scss */
.button-fileinput {
  position: relative;
  overflow: hidden; }
  /* line 24, src/sass/components/_button-fileinput.scss */
  .button-fileinput > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%; }
  /* line 36, src/sass/components/_button-fileinput.scss */
  .button-fileinput.-disabled {
    opacity: 0.5; }
    /* line 39, src/sass/components/_button-fileinput.scss */
    .button-fileinput.-disabled > input[type="file"] {
      cursor: not-allowed; }

/*
    Button group

    The `button-group` component provides a flexible way to group buttons or
    create a group of buttons. Either create a group by a set of specific
    buttons or define a (melting) group – with plain buttons – which will get
    their styles depending on the group styles.

    markup:
    <div class="button-group">
        <button class="button button-default">Home</button>
        <button class="button button-primary">Buy</button>
        <button class="button button-secondary">Rent</button>
    </div>
    <br>
    <div class="button-group -right">
        <button class="button button-default">Reset</button>
        <button class="button button-primary">Submit</button>
    </div>
    <br>
    <div class="button-group -melt">
        <button class="button">Buy</button>
        <button class="button -active">Rent</button>
    </div>

    Styleguide 2.1.5
*/
/* line 29, src/sass/components/_button-group.scss */
.button-group.-right {
  text-align: right; }

/* line 33, src/sass/components/_button-group.scss */
.button-group:not(.-melt) > .button {
  width: 100%; }
  /* line 36, src/sass/components/_button-group.scss */
  .button-group:not(.-melt) > .button:not(:first-child) {
    margin-top: 1rem; }
  @media (min-width: 48rem) {
    /* line 33, src/sass/components/_button-group.scss */
    .button-group:not(.-melt) > .button {
      width: auto; }
      /* line 43, src/sass/components/_button-group.scss */
      .button-group:not(.-melt) > .button:not(:first-child) {
        margin-top: 0; } }

/* line 49, src/sass/components/_button-group.scss */
.button-group.-melt {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 2px #d8d8d8;
          box-shadow: inset 0 0 0 2px #d8d8d8;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden; }
  /* line 55, src/sass/components/_button-group.scss */
  .button-group.-melt > .button {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1; }
  /* line 62, src/sass/components/_button-group.scss */
  .button-group.-melt > .button.-active {
    background: #d8d8d8; }

/*
    Link button

    The link button. Looks like a normal link.

    markup:
    <button class="button-link">My button as a link</button>

    Styleguide 2.1.7
*/
/* line 11, src/sass/components/_button-link.scss */
.button-link {
  background: transparent;
  color: currentColor;
  padding: 0;
  display: inline-block;
  min-height: 0;
  outline: none; }
  /* line 21, src/sass/components/_button-link.scss */
  .button-link.-loading > [class^="icon"] {
    -webkit-animation: loading-rotation 1s infinite linear;
         -o-animation: loading-rotation 1s infinite linear;
            animation: loading-rotation 1s infinite linear;
    border-color: transparent currentColor currentColor transparent;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    color: #c2c2c2;
    content: "";
    cursor: wait;
    display: inline-block;
    font-size: 1em;
    height: 1em;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    width: 1em; }

@-webkit-keyframes loading-rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-o-keyframes loading-rotation {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

@keyframes loading-rotation {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg); } }
    /* line 29, src/sass/components/_button-link.scss */
    .button-link.-loading > [class^="icon"]::before {
      content: ""; }

/*
    Neutral button

    The neutral variant of a button. This button is useful for unstyled buttons to
    append other elements.

    markup:
    <button class="button-neutral -default -chevrondown">Chevron</button>
    <button class="button-neutral -default -close">Close</button>
    <button class="button-neutral -facebook">Facebook</button>
    <button class="button-neutral -gplus">Google Plus</button>

    Styleguide 2.1.6
*/
/* line 18, src/sass/components/_button-neutral.scss */
.button-neutral.-chevrondown, .button-neutral.-close, .button-neutral.-facebook, .button-neutral.-gplus {
  position: relative; }
  /* line 24, src/sass/components/_button-neutral.scss */
  .button-neutral.-chevrondown::before, .button-neutral.-close::before, .button-neutral.-facebook::before, .button-neutral.-gplus::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    position: absolute; }

/* line 32, src/sass/components/_button-neutral.scss */
.button-neutral.-facebook, .button-neutral.-gplus {
  padding-left: 2.5em; }
  /* line 36, src/sass/components/_button-neutral.scss */
  .button-neutral.-facebook::before, .button-neutral.-gplus::before {
    left: 0.75em;
    top: 0.75em;
    font-size: 110%; }

/* line 44, src/sass/components/_button-neutral.scss */
.button-neutral.-chevrondown, .button-neutral.-close {
  padding-right: 2.5em; }
  /* line 48, src/sass/components/_button-neutral.scss */
  .button-neutral.-chevrondown::before, .button-neutral.-close::before {
    right: 0.75em;
    top: 1.1em;
    font-size: 90%; }

/* line 55, src/sass/components/_button-neutral.scss */
.button-neutral.-facebook::before {
  content: "u"; }

/* line 59, src/sass/components/_button-neutral.scss */
.button-neutral.-gplus::before {
  content: "D"; }

/* line 63, src/sass/components/_button-neutral.scss */
.button-neutral.-facebook {
  color: #fff;
  background-color: #3b5998; }

/* line 68, src/sass/components/_button-neutral.scss */
.button-neutral.-gplus {
  color: #fff;
  background-color: #d34836; }

/* line 73, src/sass/components/_button-neutral.scss */
.button-neutral.-chevrondown::before {
  content: "p"; }

/* line 77, src/sass/components/_button-neutral.scss */
.button-neutral.-chevronup::before {
  content: "q"; }

/* line 81, src/sass/components/_button-neutral.scss */
.button-neutral.-close::before {
  content: "r"; }

/* line 85, src/sass/components/_button-neutral.scss */
.button-neutral.-default {
  background: #d8d8d8; }

/*
    Outline button

    The outline button. In case you have to force the hover state,
    you can use `-hover` as a modifier.

    markup:
    <button class="button-outline">Inserat erfassen</button>

    Styleguide 2.1.8
*/
/* line 12, src/sass/components/_button-outline.scss */
.button-outline {
  border: 1px solid #fff;
  color: #fff; }

/*
    Plain button

    The plain button. In case you have to force the hover state,
    you can use `-hover` as a modifier.

    markup:
    <button class="button-plain">My button</button>
    <button class="button-plain -hover">My hovered button</button>

    Styleguide 2.1.4
*/
/* line 13, src/sass/components/_button-plain.scss */
.button-plain {
  background: transparent;
  color: currentColor; }

/*
    Buttons

    By default all buttons only take as much space as they need. If you need a
    button to take as much space as they can (width: 100%) you can use the
    `-stretch` modifier.

    Styleguide 2.1.0
*/
/*
    Primary button

    The primary variant of a button. In case you have to force the hover state,
    you can use `-hover` as a modifier.

    markup:
    <button class="button-primary">My button</button>
    <button class="button-primary -hover">My hovered button</button>
    <br>
    <p>Example of multiple buttons taking as much space as they can – within the grid.</p>
    <div class="grid-row">
        <div class="column -sm-4"><button class="button-primary -stretch">A</button></div>
        <div class="column -sm-4"><button class="button-secondary -stretch">B</button></div>
        <div class="column -sm-4"><button class="button-default -stretch">C</button></div>
    </div>

    Styleguide 2.1.1
*/
/* line 30, src/sass/components/_button-primary.scss */
.button-primary {
  background: #e43e33;
  color: #fff; }
  /* line 42, src/sass/components/_button-primary.scss */
  .button-primary:disabled {
    background: #f29f99; }
  /* line 46, src/sass/components/_button-primary.scss */
  .button-primary:not(.-showspinner) > .spinner {
    position: absolute;
    visibility: hidden; }
  /* line 51, src/sass/components/_button-primary.scss */
  .button-primary.-showspinner {
    position: relative; }
    /* line 54, src/sass/components/_button-primary.scss */
    .button-primary.-showspinner > .label {
      visibility: hidden; }

/*
    Secondary button

    The secondary variant of a button. In case you have to force the hover
    state, you can use `-hover` as a modifier.

    markup:
    <button class="button-secondary">My button</button>
    <button class="button-secondary -hover">My hovered button</button>

    Styleguide 2.1.2
*/
/* line 13, src/sass/components/_button-secondary.scss */
.button-secondary {
  background: #0b6ba1;
  color: #fff; }

/*
    Button select

    A button which looks the same as a select-field

    markup:
    <button class="button-select">Select button</button>

    Styleguide 2.1.10
*/
/* line 11, src/sass/components/_button-select.scss */
.button-select {
  text-align: left;
  border-radius: 3px;
  border: 2px solid #d8d8d8;
  height: 36px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #fff;
  position: relative; }
  /* line 21, src/sass/components/_button-select.scss */
  .button-select::after {
    content: "p";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 0.5rem;
    position: absolute;
    margin-top: 0.5em;
    right: 0.75rem; }
  /* line 30, src/sass/components/_button-select.scss */
  .button-select.-stretch {
    width: 100%;
    padding-right: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  /* line 38, src/sass/components/_button-select.scss */
  .button-select.-toggled::after {
    -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); }

/*
    Secondary Homegate

    Button with Homegate styles

*/
/* line 7, src/sass/components/_button-hg.scss */
.button-hg {
  background: #e5007d;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 12px; }
  /* line 16, src/sass/components/_button-hg.scss */
  .button-hg:hover, .button-hg:focus, .button-hg.-hover {
    background: #ae0061; }

/*
    Calendar number

    Shows a calender-icon with a number in it.
    You can use `-center`, `-big` and `-secondary` as modifiers.

    markup:
    <div class="calendar-number">
        20
    </div>
    <div class="calendar-number -big _margin-top">
        40
    </div>
    <div class="calendar-number -big -center -secondary -padding _margin-top">
        40
    </div>

    Styleguide 2.10.14
*/
/* line 20, src/sass/components/_calendar-number.scss */
.calendar-number {
  position: relative;
  padding: 5px;
  margin-top: 16px; }
  /* line 25, src/sass/components/_calendar-number.scss */
  .calendar-number::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    display: block;
    content: ")";
    position: absolute;
    margin-top: -9px;
    margin-left: -5px;
    font-size: 2em; }
  /* line 36, src/sass/components/_calendar-number.scss */
  .calendar-number.-big {
    font-size: 75px;
    line-height: 75px;
    padding: 65px 30px 20px;
    font-weight: 700; }
    /* line 42, src/sass/components/_calendar-number.scss */
    .calendar-number.-big::before {
      margin-top: -60px;
      margin-left: -30px; }
    /* line 47, src/sass/components/_calendar-number.scss */
    .calendar-number.-big.-padding {
      padding: 95px 30px 50px; }
  /* line 52, src/sass/components/_calendar-number.scss */
  .calendar-number.-center {
    text-align: center; }
    /* line 55, src/sass/components/_calendar-number.scss */
    .calendar-number.-center::before {
      left: 50%;
      margin-left: -75px; }
  /* line 61, src/sass/components/_calendar-number.scss */
  .calendar-number.-secondary {
    background: #115690;
    color: #fff; }
    /* line 65, src/sass/components/_calendar-number.scss */
    .calendar-number.-secondary::before {
      color: #fff; }
  /* line 70, src/sass/components/_calendar-number.scss */
  .calendar-number.-bigger {
    margin-top: 0; }
    /* line 73, src/sass/components/_calendar-number.scss */
    .calendar-number.-bigger.-big {
      padding-bottom: 36px; }
      /* line 76, src/sass/components/_calendar-number.scss */
      .calendar-number.-bigger.-big.-padding {
        padding-bottom: 66px; }

/*
    Colored box

    Styles box component with a color.

    markup:
    <div class="colored-box">
        Content with transparent background (default)
    </div>
    <div class="colored-box -white">
        Content with white background (white)
    </div>
    <div class="colored-box -white -padding">
        Content with white background (white) and padding.
    </div>

    Styleguide 2.8.2
*/
/* line 19, src/sass/components/_colored-box.scss */
.colored-box {
  margin-bottom: 2rem;
  background: transparent; }
  /* line 23, src/sass/components/_colored-box.scss */
  .colored-box.-white {
    background: #fff; }
  /* line 27, src/sass/components/_colored-box.scss */
  .colored-box.-warning {
    background: #a2c8de; }
  /* line 31, src/sass/components/_colored-box.scss */
  .colored-box.-padding {
    padding: 1rem; }
  /* line 35, src/sass/components/_colored-box.scss */
  .colored-box.-shadow {
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 2rem 2rem -2rem rgba(0, 0, 0, 0.5); }
  /* line 38, src/sass/components/_colored-box.scss */
  .colored-box.-no-margin {
    margin-bottom: 1px; }
  /* line 41, src/sass/components/_colored-box.scss */
  .colored-box iframe {
    height: 446px; }
    @media (max-width: 815px) {
      /* line 41, src/sass/components/_colored-box.scss */
      .colored-box iframe {
        height: 663px; } }
  /* line 47, src/sass/components/_colored-box.scss */
  .colored-box .homegate-logo {
    margin-bottom: -3px;
    padding-left: 7px; }

/*
    Company address

    Tiny company address component.

    markup:
    <address class="company-address">
        <span class="company">Real Estate</span><br/>
        Honald Drump<br/>
        Rue de Stupid<br/>
        0000 Home
    </address>

    Styleguide 2.10.18
*/
/* line 16, src/sass/components/_company-address.scss */
.company-address {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1.5; }
  /* line 22, src/sass/components/_company-address.scss */
  .company-address > .company {
    font-weight: 700; }

/*
    Detail agency

    markup:
    <div class="detail-agency">
        <div class="logo">
            <img class="image" src="/wp-content/themes/immostreet/assets/images/logos/immostreet.svg">
        </div>
        <address class="company-address address">
            <span class="company">Real Estate</span><br>
            Honald Drump<br>
            Rue de Stupid<br>
            0000 Home
        </address>
        <p class="readmore dont-print">
            <i class="icon icon-search"></i>
            <a href="#" class="link">Show all</a>
        </p>
    </div>

    Styleguide 2.5.15
*/
/* line 24, src/sass/components/_detail-agency.scss */
.detail-agency {
  padding: 1rem 0;
  position: relative; }
  /* line 28, src/sass/components/_detail-agency.scss */
  .detail-agency > .logo {
    position: relative; }
  /* line 32, src/sass/components/_detail-agency.scss */
  .detail-agency > .logo > .image {
    display: block;
    height: auto;
    max-width: 200px;
    max-height: 100px;
    margin-bottom: 1em; }
  /* line 40, src/sass/components/_detail-agency.scss */
  .detail-agency > .address {
    margin-bottom: 0.5em; }
  /* line 44, src/sass/components/_detail-agency.scss */
  .detail-agency > .readmore > .link {
    text-decoration: none;
    color: #e43e33; }
  /* line 49, src/sass/components/_detail-agency.scss */
  .detail-agency > .readmore > .icon {
    color: #898989; }

/*
    Detail attributes

    markup:
    <div class="detail-attributes">
        <span class="label">Eckdaten</span>
        <ul class="properties detail-properties">
            <li class="item">
                <span class="key"><i class="icon-floor"></i> Etage</span>
                <span class="value">EG</span>
            </li>
            <li class="item">
                <span class="key"><i class="icon-available-from"></i> Verfügbar ab</span>
                <span class="value">Sofort</span>
            </li>
        </ul>
    </div>

    Styleguide 2.5.8
*/
/* line 21, src/sass/components/_detail-attributes.scss */
.detail-attributes {
  margin-top: 1em; }
  /* line 24, src/sass/components/_detail-attributes.scss */
  .detail-attributes::after {
    clear: both;
    content: "";
    display: table; }
  /* line 28, src/sass/components/_detail-attributes.scss */
  .detail-attributes > .label {
    word-wrap: break-word;
    font-weight: 600;
    padding: 0.5em 0;
    display: block; }
  @media (min-width: 48rem) {
    /* line 37, src/sass/components/_detail-attributes.scss */
    .detail-attributes > .label {
      float: left;
      width: 33.33333333%; }
    /* line 42, src/sass/components/_detail-attributes.scss */
    .detail-attributes > .properties {
      float: right;
      padding-left: 0.75rem;
      width: 66.66666667%; } }

/*
    Detail

    All about detail view.

    Allowed modifier:
    - `-splitted` Has two columns and the dividing line is colorized
    - `-bordered` The items in columns has colorized border at bottom

    Styleguide 2.5.0
*/
/*
    Detail box

    This is default detail box.

    markup:
    <div class="detail-box">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat.</p>
    </div>

    Styleguide 2.5.1
*/
/* line 28, src/sass/components/_detail-box.scss */
.detail-box {
  -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin-bottom: 1.5rem;
  display: block;
  width: 100%;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */ }
  @media (min-width: 48rem) {
    /* line 40, src/sass/components/_detail-box.scss */
    .detail-box.-splitted::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: 1px;
      width: 2px;
      background-color: #f4f4f4; } }
  /* line 52, src/sass/components/_detail-box.scss */
  .detail-box.-transparent {
    background-color: transparent; }
  /* line 57, src/sass/components/_detail-box.scss */
  .detail-box.-bordered .-item {
    position: relative; }
  /* line 61, src/sass/components/_detail-box.scss */
  .detail-box.-bordered .-item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: 1px;
    height: 2px;
    background-color: #f4f4f4; }
  /* line 70, src/sass/components/_detail-box.scss */
  .detail-box.-bordered .column > .-item:not(:last-child)::after {
    left: -0.75rem;
    right: -0.75rem; }
  @media (min-width: 48rem) {
    /* line 76, src/sass/components/_detail-box.scss */
    .detail-box.-bordered .column > .-item:not(:last-child)::after {
      left: -1.5rem;
      right: -1.5rem; } }

/*
    Detail contact

    This contains agancy, visit, reference, form.

    markup:
    <div class="detail-box detail-contact -splitted -bordered">
        <div class="grid-row -boxed">
            <div class="column -md-6">
                {{> "2.5.15"}}
                {{> "2.5.17" modifier_class="-show"}}
                {{> "2.5.16"}}
            </div>
            <div class="column -md-6">
                {{> "2.5.18"}}
            </div>
        </div>
    </dv>

    Styleguide 2.5.14
*/
/* line 22, src/sass/components/_detail-contact.scss */
.detail-contact {
  margin-bottom: 1.5rem; }

/* line 2, src/sass/components/_detail-curtain.scss */
.detail-curtain > .button {
  position: relative;
  display: inline-block;
  padding: 0; }

/* line 8, src/sass/components/_detail-curtain.scss */
.detail-curtain > .button > .curtain {
  padding: 0.75em;
  text-decoration: none;
  color: #e43e33;
  display: block;
  position: relative; }

/* line 16, src/sass/components/_detail-curtain.scss */
.detail-curtain > .button > .curtain > .icon {
  color: #898989;
  font-size: 17.5px; }

/* line 21, src/sass/components/_detail-curtain.scss */
.detail-curtain > .button > .label {
  padding: 0.75em;
  text-align: center;
  background-color: inherit;
  font-size: inherit;
  border-radius: inherit;
  opacity: 1;
  -webkit-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  visibility: visible;
  display: block;
  position: absolute;
  height: 100%;
  width: auto;
  min-width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden; }
  /* line 42, src/sass/components/_detail-curtain.scss */
  .detail-curtain > .button > .label > .icon {
    font-size: 17.5px; }

/* line 47, src/sass/components/_detail-curtain.scss */
.detail-curtain > .button.-show {
  background-color: transparent !important; }
  /* line 50, src/sass/components/_detail-curtain.scss */
  .detail-curtain > .button.-show > .label {
    opacity: 0;
    -webkit-transform: translateY(-30px);
         -o-transform: translateY(-30px);
            transform: translateY(-30px);
    visibility: hidden; }

/*
    Detail description

    markup:
    <div class="detail-description">
        <h2 class="title">Im Nirgendwo</h2>
        <p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat.</p>
    </div>

    Styleguide 2.5.5
*/
/* line 15, src/sass/components/_detail-description.scss */
.detail-description {
  margin-bottom: 1em; }
  /* line 18, src/sass/components/_detail-description.scss */
  .detail-description > .title {
    font-weight: 300; }
  /* line 22, src/sass/components/_detail-description.scss */
  .detail-description > .description {
    line-height: 1.75;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-top: 1em; }
  /* line 30, src/sass/components/_detail-description.scss */
  .detail-description > .readmore {
    display: block;
    margin: 1em 0 0.5em; }
  /* line 35, src/sass/components/_detail-description.scss */
  .detail-description > .readmore > .button {
    color: #e43e33;
    font-weight: 600; }
  /* line 40, src/sass/components/_detail-description.scss */
  .detail-description > .description.-expandable {
    max-height: 22em;
    position: relative; }
    /* line 44, src/sass/components/_detail-description.scss */
    .detail-description > .description.-expandable::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3em;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
      background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
      background: linear-gradient(rgba(255, 255, 255, 0), white); }
    @media not print {
      /* line 40, src/sass/components/_detail-description.scss */
      .detail-description > .description.-expandable {
        -webkit-line-clamp: 22; } }
    @media print {
      /* line 40, src/sass/components/_detail-description.scss */
      .detail-description > .description.-expandable {
        max-height: none; }
        /* line 61, src/sass/components/_detail-description.scss */
        .detail-description > .description.-expandable::after {
          display: none; } }

/*
    Detail features

    markup:
    <div class="detail-features">
        <span class="label">Merkmale & Ausstattung</span>
        <ul class="features">
            <li class="item">Lift</li>
            <li class="item">Garage</li>
        </ul>
    </div>

    Styleguide 2.5.7
*/
/* line 15, src/sass/components/_detail-features.scss */
.detail-features {
  margin-top: 1em; }
  /* line 18, src/sass/components/_detail-features.scss */
  .detail-features > .label {
    word-wrap: break-word;
    font-weight: 600;
    padding-top: 0.75em; }
  /* line 25, src/sass/components/_detail-features.scss */
  .detail-features > .features {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    /* line 30, src/sass/components/_detail-features.scss */
    .detail-features > .features > .item {
      padding: 0.75em 0; }
    /* line 34, src/sass/components/_detail-features.scss */
    .detail-features > .features > .item:not(:last-child) {
      border-bottom: 1px solid #f4f4f4; }
  @media (min-width: 48rem) {
    /* line 40, src/sass/components/_detail-features.scss */
    .detail-features > .label {
      display: inline-block;
      width: 33.33333333%;
      float: left; }
    /* line 46, src/sass/components/_detail-features.scss */
    .detail-features > .features {
      margin-left: 33.33333333%;
      padding-left: 0.75rem; } }

/*
    Detail form

    File: _detail-form.scss

    markup:
    <div class="detail-form dont-print">
        <form class="form" action="/" method="post">
            <h2 class="title">
                <i class="icon icon-mail"></i> Contact
            </h2>
            <div class="grid-row">
                <div class="column -md-8">
                    <div class="form-field">
                        <label class="label form-label" for="detailFormPhone">Phone</label>
                        <input class="form-input" name="phone" id="detailFormPhone" type="tel">
                    </div>
                </div>
                <div class="column -md-4">
                    <span class="oneof">or</span>
                </div>
            </div>
            <div class="grid-row">
                <div class="column -md-8">
                    <div class="form-field">
                        <label class="label form-label" for="detailFormEmail">eMail</label>
                        <input class="form-input" name="email" id="detailFormEmail" type="email">
                    </div>
                </div>
            </div>
        </form>
    </div>

    Styleguide 2.5.18
*/
/* line 36, src/sass/components/_detail-form.scss */
.detail-form {
  padding: 1rem 0;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 40, src/sass/components/_detail-form.scss */
  .detail-form > .title {
    font-weight: 600;
    margin-bottom: 1em; }
  /* line 45, src/sass/components/_detail-form.scss */
  .detail-form > .title > .icon {
    color: #e43e33; }
  /* line 49, src/sass/components/_detail-form.scss */
  .detail-form > .toggle {
    color: #e43e33;
    text-decoration: none;
    font-weight: 600;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    cursor: pointer; }
  /* line 59, src/sass/components/_detail-form.scss */
  .detail-form > .toggle > .icon {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    margin-right: 0.5em;
    font-size: 90%; }
  /* line 65, src/sass/components/_detail-form.scss */
  .detail-form > .toggle.-toggled > .icon {
    -webkit-transform: scaleY(-1) translateY(2px);
         -o-transform: scaleY(-1) translateY(2px);
            transform: scaleY(-1) translateY(2px); }
  /* line 69, src/sass/components/_detail-form.scss */
  .detail-form > .advanced {
    display: none;
    margin-bottom: 1em; }
  /* line 74, src/sass/components/_detail-form.scss */
  .detail-form > .advanced.-open {
    display: block; }
  /* line 78, src/sass/components/_detail-form.scss */
  .detail-form > .loader {
    position: absolute;
    top: 20px;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 9;
    display: none; }
  /* line 88, src/sass/components/_detail-form.scss */
  .detail-form > .loader.-show {
    display: block; }
  /* line 93, src/sass/components/_detail-form.scss */
  .detail-form .form-field > .note {
    color: #898989;
    font-style: italic; }
  /* line 98, src/sass/components/_detail-form.scss */
  .detail-form .form-field,
  .detail-form .form-select,
  .detail-form .form-checkbox {
    margin-bottom: 1em; }
  /* line 104, src/sass/components/_detail-form.scss */
  .detail-form .form-field.-required > .label::after {
    content: " *";
    color: #e43e33; }
  /* line 109, src/sass/components/_detail-form.scss */
  .detail-form .form-action {
    text-align: right; }
  /* line 113, src/sass/components/_detail-form.scss */
  .detail-form .form-field.-message > .form-input {
    min-height: 200px;
    max-height: 600px;
    line-height: 20px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    resize: vertical; }
  /* line 122, src/sass/components/_detail-form.scss */
  .detail-form .oneof {
    display: inline-block;
    color: #000;
    padding: 0 0 0.25em 0.25em;
    word-break: break-all; }
  @media (min-width: 48rem) {
    /* line 130, src/sass/components/_detail-form.scss */
    .detail-form .oneof {
      padding: 2rem 0 0 0; } }

/*
    Detail gallery

    This contains the gallery.

    markup:
    {{> "2.10.3" modifier_class="detail-gallery"}}

    Styleguide 2.5.3
*/
/* line 11, src/sass/components/_detail-gallery.scss */
.detail-gallery {
  width: 100%;
  position: relative;
  background-color: #d8d8d8;
  min-height: 180px;
  max-height: 540px;
  overflow: hidden;
  margin-bottom: 0 !important; }
  /* line 20, src/sass/components/_detail-gallery.scss */
  .detail-gallery > .slick-list {
    min-height: 180px; }
  @media (min-width: 48rem) {
    /* line 11, src/sass/components/_detail-gallery.scss */
    .detail-gallery {
      min-height: 338px; }
      /* line 27, src/sass/components/_detail-gallery.scss */
      .detail-gallery > .slick-list {
        min-height: 338px; } }
  @media (min-width: 64rem) {
    /* line 11, src/sass/components/_detail-gallery.scss */
    .detail-gallery {
      min-height: 420px; }
      /* line 35, src/sass/components/_detail-gallery.scss */
      .detail-gallery > .slick-list {
        min-height: 420px; } }
  @media (min-width: 90rem) {
    /* line 11, src/sass/components/_detail-gallery.scss */
    .detail-gallery {
      min-height: 540px; }
      /* line 43, src/sass/components/_detail-gallery.scss */
      .detail-gallery > .slick-list {
        min-height: 540px; } }
  /* line 48, src/sass/components/_detail-gallery.scss */
  .detail-gallery.-initialized {
    min-height: 0; }
  /* line 52, src/sass/components/_detail-gallery.scss */
  .detail-gallery.-empty {
    min-height: 180px; }
    /* line 55, src/sass/components/_detail-gallery.scss */
    .detail-gallery.-empty > .slick-list {
      min-height: 0; }
  /* line 60, src/sass/components/_detail-gallery.scss */
  .detail-gallery.-empty > .noimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    text-align: center; }
    /* line 69, src/sass/components/_detail-gallery.scss */
    .detail-gallery.-empty > .noimage::before {
      content: "E";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 100px;
      color: #e8e8e8;
      position: relative;
      top: 25%; }

/*
    Detail header

    This contains the gallery, header and a bar (e.g. toolbar).

    markup:
    <header class="detail-box detail-header">
        <div class="detail-gallery>
            <span class="noimage"></span>
        </div>
        <div class="header">
            <ul class="properties">
                <li class="item">
                    <span class="value">10</span>
                    <span class="key">Rooms</span>
                </li>
                <li class="item">
                    <span class="value -fat">2'345 <span class="sup">CHF</span></span>
                    <span class="key">Rental</span>
                </li>
            </ul>
            <div class="icon">
                <i class="icon-appt"></i>
            </div>
            <h1 class="title">Rue de Blamage<span class="location">0000 Home</span></h1>
            <span class="category">Doll house</span>
        </div>
        <div class="bar">
            <ul class="action">
                <li class="item -grow">
                    <span class="code"><i class="icon-bookmark-empty"></i> <span class="value">IMMOCODE</span></span>
                </li>
                <li class="item">
                    <button class="button-primary _text-lowercase">Contact</button>
                </li>
            </ul>
        </div>
    </header>

    Styleguide 2.5.2
*/
/* line 42, src/sass/components/_detail-header.scss */
.detail-header {
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 43, src/sass/components/_detail-header.scss */
  .detail-header > .header {
    line-height: 1;
    padding: 1rem 0.75rem; }
    @media (min-width: 48rem) {
      /* line 43, src/sass/components/_detail-header.scss */
      .detail-header > .header {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  /* line 53, src/sass/components/_detail-header.scss */
  .detail-header > .header > .icon {
    font-size: 2rem;
    color: #e43e33;
    padding: 0.25em 0.5em 1em 0;
    float: left; }
  /* line 60, src/sass/components/_detail-header.scss */
  .detail-header > .header > .title {
    font-weight: 600;
    line-height: 1.2;
    font-size: 1.5rem; }
  /* line 66, src/sass/components/_detail-header.scss */
  .detail-header > .header > .category {
    display: inline-block;
    padding-top: 0.5em;
    color: #898989; }
  /* line 72, src/sass/components/_detail-header.scss */
  .detail-header > .header > .title > .location {
    font-weight: 300;
    color: #898989; }
  /* line 78, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties {
    display: table;
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0; }
  /* line 85, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item {
    display: table-cell; }
  /* line 89, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item:not(:last-child) {
    padding-right: 1em; }
  /* line 93, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item > .key {
    display: block;
    color: #898989;
    padding-top: 0.5em; }
  /* line 99, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item > .value {
    display: block;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 300; }
  /* line 106, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item > .value.-fat {
    font-weight: 600; }
  /* line 110, src/sass/components/_detail-header.scss */
  .detail-header > .header > .properties > .item > .value > .sup {
    color: #898989;
    vertical-align: top;
    font-size: 14px;
    font-weight: 300; }
    /* line 116, src/sass/components/_detail-header.scss */
    .detail-header > .header > .properties > .item > .value > .sup sup {
      top: -1.25em;
      font-size: 70%; }
  @media print, (min-width: 48rem) {
    /* line 130, src/sass/components/_detail-header.scss */
    .detail-header > .header > .properties {
      margin-bottom: 0;
      float: right; }
    /* line 135, src/sass/components/_detail-header.scss */
    .detail-header > .header > .properties > .item {
      text-align: right;
      padding-left: 1.5em;
      padding-right: 0; } }
  /* line 143, src/sass/components/_detail-header.scss */
  .detail-header > .bar {
    clear: both;
    content: "";
    display: table;
    border-top: 3px solid #f4f4f4;
    width: 100%;
    line-height: 1.2;
    padding: 1rem 0.75rem; }
    @media (min-width: 48rem) {
      /* line 143, src/sass/components/_detail-header.scss */
      .detail-header > .bar {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  /* line 157, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  /* line 163, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action > .item {
    text-align: center;
    padding: 0.5em; }
  /* line 168, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action.-detail > .item > .link > .text {
    padding-left: 0.375rem; }
  /* line 172, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action.-detail > .item > .links {
    list-style-type: none;
    padding: 0; }
  /* line 177, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action.-detail > .item > .links > .sub-item {
    display: inline-block;
    margin-left: 1.5em; }
  /* line 182, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action.-detail > .item > .links > .sub-item:first-child {
    margin-left: 0; }
  /* line 186, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action.-detail > .item > .links > .sub-item > .link > .icon {
    color: #898989;
    font-size: 125%; }
  @media print, (min-width: 48rem) {
    /* line 198, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action {
      width: 100%;
      display: table; }
    /* line 203, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action.-detail > .item:first-child {
      text-align: left;
      width: 50%; }
    /* line 208, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action.-detail > .item:not(:first-child):not(:last-child),
    .detail-header > .bar > .action > .item {
      display: table-cell;
      text-align: right;
      padding: 0;
      width: auto; }
    /* line 216, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action.-detail > .item:not(:first-child):not(:last-child),
    .detail-header > .bar > .action > .item:not(:first-child) {
      padding-left: 1.5em; }
    /* line 221, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action > .item.-grow {
      width: 100% !important; } }
  @media print {
    /* line 229, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action.-detail > .item > .links a[href]:after {
      content: none !important; } }
  /* line 236, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action > .item > .link {
    text-decoration: none;
    white-space: nowrap; }
    /* line 240, src/sass/components/_detail-header.scss */
    .detail-header > .bar > .action > .item > .link [class^="icon"] {
      color: #c2c2c2; }
  /* line 245, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action > .item > .code {
    color: #898989; }
  /* line 249, src/sass/components/_detail-header.scss */
  .detail-header > .bar > .action > .item > .code > .value {
    color: #000;
    font-weight: 600; }

/*
    Detail links

    markup:
    <div class="detail-links">
        <span class="label">Link</span>
        <ul class="properties detail-properties">
            <li class="item">
                <i class="icon icon-link"></i> <a class="link" href="https://www.immostreet.ch" target="_blank" title="Permalink">www.immostreet.ch</a>
            </li>
        </ul>
        <span class="label">Video</span>
        <ul class="properties detail-properties">
            <li class="item">
                <i class="icon icon-video"></i> <a class="link" href="https://youtu.be/HClZwFNNMKs" target="_blank" title="Video">Placebo - Special Needs</a>
            </li>
        </ul>
        <span class="label">Document</span>
        <ul class="properties detail-properties">
            <li class="item">
                <i class="icon icon-document"></i> <a class="link" href="https://drive.google.com/open?id=0B_jTZK8tTQecN24wTS1UYkdpUlE" target="_blank" title="Document">Further education</a>
            </li>
        </ul>
    </div>

    Styleguide 2.5.19
*/
/* line 28, src/sass/components/_detail-links.scss */
.detail-links {
  margin-top: 1em; }
  /* line 31, src/sass/components/_detail-links.scss */
  .detail-links > .label {
    word-wrap: break-word;
    font-weight: 600;
    padding: 0.5em 0;
    display: block; }
  /* line 39, src/sass/components/_detail-links.scss */
  .detail-links > .properties > .item > .icon {
    color: #898989;
    font-size: 125%;
    margin-right: 0.25em; }
  /* line 45, src/sass/components/_detail-links.scss */
  .detail-links > .properties > .item > .link {
    color: #e43e33;
    font-weight: 600;
    text-decoration: none; }
  @media (min-width: 48rem) {
    /* line 52, src/sass/components/_detail-links.scss */
    .detail-links > .label {
      display: inline-block;
      width: 33.33333333%;
      float: left; }
    /* line 58, src/sass/components/_detail-links.scss */
    .detail-links > .properties {
      margin-left: 33.33333333%;
      padding-left: 0.75rem; } }

/*
    Detail Page Header Main Actions
*/
/* line 4, src/sass/components/_detail-mainactions.scss */
.detail-mainactions {
  display: none;
  height: 100%;
  vertical-align: middle;
  margin: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  white-space: nowrap;
  list-style: none; }
  @media (min-width: 411px) {
    /* line 4, src/sass/components/_detail-mainactions.scss */
    .detail-mainactions {
      display: table-cell; } }
  /* line 19, src/sass/components/_detail-mainactions.scss */
  .detail-mainactions > .item {
    display: inline-block;
    padding-right: 0.75rem; }
    @media (min-width: 48rem) {
      /* line 19, src/sass/components/_detail-mainactions.scss */
      .detail-mainactions > .item {
        position: relative; } }
    /* line 27, src/sass/components/_detail-mainactions.scss */
    .detail-mainactions > .item > .link {
      text-decoration: none; }
      /* line 30, src/sass/components/_detail-mainactions.scss */
      .detail-mainactions > .item > .link > .icon {
        color: #c2c2c2; }
      /* line 34, src/sass/components/_detail-mainactions.scss */
      .detail-mainactions > .item > .link > .text {
        padding-left: 0.375rem;
        font-size: 0;
        line-height: 0; }
        @media (min-width: 1391px) {
          /* line 34, src/sass/components/_detail-mainactions.scss */
          .detail-mainactions > .item > .link > .text {
            padding-left: 0.375rem;
            font-size: inherit;
            line-height: inherit; } }
    /* line 47, src/sass/components/_detail-mainactions.scss */
    .detail-mainactions > .item > .sharemenu {
      margin-top: 20px; }
      @media (min-width: 48rem) {
        /* line 47, src/sass/components/_detail-mainactions.scss */
        .detail-mainactions > .item > .sharemenu {
          right: 0;
          margin-top: 18px; } }

/*
    Detail map

    This contains map, controls and distances.

    markup:
    <div class="detail-box detail-map">
        <div class="header">
            <ul class="items">
                <li class="item -action -active"><a class="button" href="#" data-map-control-type="roadmap" data-map-control="[map-selector]"><i class="icon-map -large"></i> Map </a></li>
                <li class="item -action -disabled"><a class="button" href="#" data-map-control-type="streetview" data-map-control="[map-selector]"><i class="icon-map -large"></i> Streetview </a></li>
            </ul>
        </div>
        <div class="map">
            <div class="jsmap"></div>
        </div>
        <div class="footer">
            <ul class="items">
                <li class="item">
                    <div class="value">
                        <span class="number">100</span> <sup>m</sup>
                    </div>
                    <span class="label">Central station</span>
                </li>
            </ul>
        </div>
    </div>

    Styleguide 2.5.10
*/
/* line 31, src/sass/components/_detail-map.scss */
.insertion-map {
  position: relative;
  width: 100%;
  height: 380px; }

/* line 37, src/sass/components/_detail-map.scss */
.detail-map {
  margin-bottom: 1.5rem;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 40, src/sass/components/_detail-map.scss */
  .detail-map > .header {
    padding: 0 0.75rem; }
    @media (min-width: 48rem) {
      /* line 40, src/sass/components/_detail-map.scss */
      .detail-map > .header {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  /* line 49, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items,
  .detail-map > .footer > .items {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  /* line 56, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item {
    color: #898989;
    display: inline-block;
    width: 100%;
    vertical-align: middle; }
  /* line 63, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item.-action {
    white-space: nowrap; }
  /* line 67, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item.-info {
    padding: 1rem 0; }
  /* line 72, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item > .button {
    text-decoration: none;
    padding: 1rem 0;
    display: block;
    cursor: pointer; }
  /* line 79, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item.-disabled > .button {
    cursor: default;
    cursor: not-allowed;
    color: #e7e7e7; }
  /* line 85, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item.-active > .button {
    color: #e43e33; }
  /* line 89, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item > .info,
  .detail-map > .header > .items > .item > .link > .info {
    font-weight: 600;
    color: #000; }
  /* line 95, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item > .link {
    text-decoration: none; }
  /* line 99, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item.-linked::before {
    content: "P";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    margin-right: 0.25em;
    font-size: 150%;
    vertical-align: middle; }
  /* line 107, src/sass/components/_detail-map.scss */
  .detail-map > .header > .items > .item > .button > .-large {
    font-size: 150%;
    margin-right: 0.25em; }
  /* line 113, src/sass/components/_detail-map.scss */
  .detail-map > .footer {
    background-color: #a2c8de;
    border-top: 2px solid #f4f4f4; }
  /* line 118, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items.-justify {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  /* line 124, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items::after {
    clear: both;
    content: "";
    display: table; }
  /* line 128, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items > .item {
    color: #fff;
    padding: 1rem;
    text-align: center;
    float: right;
    margin-left: 1em; }
  /* line 136, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items.-justify > .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    float: none;
    margin-left: 0; }
  /* line 143, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items > .item > .value {
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap; }
  /* line 149, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items > .item > .value > .number {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1; }
  /* line 155, src/sass/components/_detail-map.scss */
  .detail-map > .footer > .items > .item > .value > sup {
    vertical-align: top;
    top: 0.5em; }
  @media (min-width: 48rem) {
    /* line 37, src/sass/components/_detail-map.scss */
    .detail-map {
      /* stylelint-disable */
      /* stylelint-enable */ }
      /* line 162, src/sass/components/_detail-map.scss */
      .detail-map > .header > .items {
        display: table; }
      /* line 167, src/sass/components/_detail-map.scss */
      .detail-map > .header > .items > .item.-active > .button {
        border-bottom: 2px solid #e43e33; }
      /* line 172, src/sass/components/_detail-map.scss */
      .detail-map > .header > .items > .item {
        display: table-cell;
        width: auto; }
      /* line 177, src/sass/components/_detail-map.scss */
      .detail-map > .header > .items > .item:not(:first-child) {
        padding-left: 2em; }
      /* line 181, src/sass/components/_detail-map.scss */
      .detail-map > .header > .items > .item.-info {
        width: 100%;
        text-align: right; }
      /* line 186, src/sass/components/_detail-map.scss */
      .detail-map > .footer > .items > .item {
        text-align: right;
        width: auto;
        display: inline-block;
        padding: 1.5rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1; } }
  @media (min-width: 48rem) {
    /* line 195, src/sass/components/_detail-map.scss */
    .detail-map > .map {
      min-height: 400px;
      max-height: 400px; } }
  @media (min-width: 90rem) {
    /* line 195, src/sass/components/_detail-map.scss */
    .detail-map > .map {
      min-height: 640px;
      max-height: 640px; } }

/* line 210, src/sass/components/_detail-map.scss */
.embedMap {
  width: 100%;
  height: 100%;
  position: absolute; }

/* line 216, src/sass/components/_detail-map.scss */
.displayMap {
  display: none; }

/*
    Detail Page Header Navigation
*/
/* line 4, src/sass/components/_detail-nav.scss */
.detail-nav {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0.75rem;
  white-space: nowrap;
  list-style: none;
  border-right: 3px solid #f4f4f4; }
  /* line 14, src/sass/components/_detail-nav.scss */
  .detail-nav > .item {
    display: inline-block;
    padding-right: 0.75rem; }
    /* line 18, src/sass/components/_detail-nav.scss */
    .detail-nav > .item > .link {
      text-decoration: none; }
      /* line 21, src/sass/components/_detail-nav.scss */
      .detail-nav > .item > .link > .icon {
        font-size: 150%;
        vertical-align: -0.25em;
        color: #c2c2c2; }
      /* line 27, src/sass/components/_detail-nav.scss */
      .detail-nav > .item > .link > .text {
        font-size: 0;
        line-height: 0; }
        @media (min-width: 1196px) {
          /* line 27, src/sass/components/_detail-nav.scss */
          .detail-nav > .item > .link > .text {
            padding-left: 0.375rem;
            font-size: inherit;
            line-height: inherit; } }

/*
    Detail Page Header
*/
/* line 4, src/sass/components/_detail-pageheader.scss */
.detail-pageheader {
  display: table;
  width: 100%;
  z-index: 98;
  padding: 0 0.75rem;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2); }
  @media (min-width: 48rem) {
    /* line 4, src/sass/components/_detail-pageheader.scss */
    .detail-pageheader {
      display: inline-block;
      width: -webkit-calc(100% - 3rem);
      width: calc(100% - 3rem);
      max-width: 90rem;
      padding: 0 1.5rem;
      text-align: left; } }
  /* line 21, src/sass/components/_detail-pageheader.scss */
  .detail-pageheader.-navtertiary {
    padding: 0; }
  /* line 25, src/sass/components/_detail-pageheader.scss */
  .detail-pageheader > .detail-nav + .quicklinks {
    padding-left: 1.5rem; }
  /* line 29, src/sass/components/_detail-pageheader.scss */
  .detail-pageheader > .quicklinks {
    display: none;
    height: 100%;
    width: 99%;
    vertical-align: middle;
    margin: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    white-space: nowrap;
    list-style: none; }
    @media (min-width: 831px) {
      /* line 29, src/sass/components/_detail-pageheader.scss */
      .detail-pageheader > .quicklinks {
        display: table-cell; } }
    /* line 45, src/sass/components/_detail-pageheader.scss */
    .detail-pageheader > .quicklinks > .item {
      display: inline-block;
      padding-right: 0.75rem; }
      /* line 49, src/sass/components/_detail-pageheader.scss */
      .detail-pageheader > .quicklinks > .item > .link {
        text-decoration: none; }
  /* line 55, src/sass/components/_detail-pageheader.scss */
  .detail-pageheader > .contact {
    display: table-cell;
    height: 100%;
    width: 99%;
    vertical-align: middle;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
    list-style: none;
    text-align: right; }

/*
    Detail prices

    markup:
    <div class="detail-prices">
        <span class="label">Preise</span>
        <ul class="properties detail-properties">
            <li class="item">
                <span class="key">Bruttomiete/Monat</span>
                <span class="value">6'700 <span class="currency">CHF</span></span>
            </li>
        </ul>
    </div>

    Styleguide 2.5.9
*/
/* line 17, src/sass/components/_detail-prices.scss */
.detail-prices {
  margin-top: 1em; }
  /* line 20, src/sass/components/_detail-prices.scss */
  .detail-prices > .label {
    word-wrap: break-word;
    font-weight: 600;
    padding: 0.5em 0;
    display: block; }
  @media (min-width: 48rem) {
    /* line 29, src/sass/components/_detail-prices.scss */
    .detail-prices > .label {
      display: inline-block;
      width: 33.33333333%;
      float: left; }
    /* line 35, src/sass/components/_detail-prices.scss */
    .detail-prices > .properties {
      margin-left: 33.33333333%;
      padding-left: 0.75rem; } }

/*
    Detail properties

    markup:
    <ul class="detail-properties">
        <li class="item">
            <span class="key"><i class="icon-floor"></i> Etage</span>
            <span class="value">EG</span>
        </li>
        <li class="item">
            <span class="key"><i class="icon-available-from"></i> Verfügbar ab</span>
            <span class="value">Sofort</span>
        </li>
    </ul>

    Styleguide 2.5.6
*/
/* line 18, src/sass/components/_detail-properties.scss */
.detail-properties {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  /* line 23, src/sass/components/_detail-properties.scss */
  .detail-properties > .item {
    padding: 0.5em 0; }
    /* line 26, src/sass/components/_detail-properties.scss */
    .detail-properties > .item.-insertion {
      padding: 0; }
  /* line 31, src/sass/components/_detail-properties.scss */
  .detail-properties > .item.-insertion > .value {
    width: 100%;
    font-size: 21px;
    line-height: 28px;
    float: left;
    text-align: right;
    font-weight: 700; }
    /* line 39, src/sass/components/_detail-properties.scss */
    .detail-properties > .item.-insertion > .value > .s {
      font-size: 15px;
      font-weight: 400; }
    /* line 44, src/sass/components/_detail-properties.scss */
    .detail-properties > .item.-insertion > .value > .currency {
      float: right;
      margin-top: -3px;
      margin-left: 3px;
      color: #898989;
      vertical-align: top;
      font-size: 12px;
      font-weight: 300; }
  @media (min-width: 48rem) {
    /* line 56, src/sass/components/_detail-properties.scss */
    .detail-properties > .item::after {
      clear: both;
      content: "";
      display: table; }
    /* line 60, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .key,
    .detail-properties > .item > .value {
      float: left; }
    /* line 66, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .key {
      width: 60%;
      font-weight: 300;
      color: #898989;
      word-break: break-all; }
    /* line 73, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .value {
      width: 40%;
      text-align: right;
      font-weight: 700; }
    /* line 79, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .value.-wide {
      width: 100%; }
    /* line 83, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .key > .icon {
      font-size: 125%;
      margin-right: 0.25em; }
    /* line 88, src/sass/components/_detail-properties.scss */
    .detail-properties > .item > .value > .currency {
      vertical-align: top;
      font-weight: 300;
      font-size: 12px;
      color: #898989; }
    /* line 95, src/sass/components/_detail-properties.scss */
    .detail-properties::after {
      clear: both;
      content: "";
      display: table; } }

/*
    Detail reference

    markup:
    <ul class="detail-reference">
        <li class="item">
            <span class="key">Inserate-Nr.</span>
            <span class="value">106092752</span>
        </li>
        <li class="item">
            <span class="key">Objekt-Referenz</span>
            <span class="value">1565 DC</span>
        </li>
    </ul>

    Styleguide 2.5.16
*/
/* line 18, src/sass/components/_detail-reference.scss */
.detail-reference {
  padding: 1rem 0;
  list-style-type: none;
  margin: 0; }
  /* line 23, src/sass/components/_detail-reference.scss */
  .detail-reference > .item {
    padding: 0.5em 0; }
  @media (min-width: 48rem) {
    /* line 28, src/sass/components/_detail-reference.scss */
    .detail-reference > .item::after {
      clear: both;
      content: "";
      display: table; }
    /* line 32, src/sass/components/_detail-reference.scss */
    .detail-reference > .item > .key {
      float: left;
      width: 45%;
      color: #898989; }
    /* line 38, src/sass/components/_detail-reference.scss */
    .detail-reference > .item > .value {
      float: left;
      width: 55%; }
    /* line 43, src/sass/components/_detail-reference.scss */
    .detail-reference::after {
      clear: both;
      content: "";
      display: table; } }

/* line 1, src/sass/components/_detail-sidebar.scss */
.detail-sidebar {
  width: 1px; }
  /* line 4, src/sass/components/_detail-sidebar.scss */
  .detail-sidebar.-show {
    min-width: 300px;
    margin-right: 1.5rem; }
  /* line 12, src/sass/components/_detail-sidebar.scss */
  .detail-sidebar > .tamediaimage,
  .detail-sidebar > .ad {
    display: none;
    min-width: inherit; }
    /* line 17, src/sass/components/_detail-sidebar.scss */
    .detail-sidebar > .tamediaimage.-skyscraper,
    .detail-sidebar > .ad.-skyscraper {
      top: 300px !important; }
    @media (min-width: 64rem) {
      /* line 12, src/sass/components/_detail-sidebar.scss */
      .detail-sidebar > .tamediaimage,
      .detail-sidebar > .ad {
        display: block; } }

/*
    Detail summary

    This contains description and some properties. This box has two colums is `-splitted` also.

    markup:
    <div class="detail-box detail-summary -splitted">
        <div class="grid-row -boxed">
            <div class="column -md-6">
                {{> "2.5.5"}}
            </div>
            <div class="column -md-6">
                {{> "2.5.8"}}
                {{> "2.5.7"}}
                {{> "2.5.9"}}
            </div>
        </div>
    </div>

    Styleguide 2.5.4
*/
/* line 22, src/sass/components/_detail-summary.scss */
.detail-summary {
  padding: 1rem 0;
  margin-bottom: 1.5rem; }

/*
    Detail teaser

    This contains advert stuff.

    markup:
    <div class="detail-box detail-teaser">
        <div class="detail-ad">
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua.</p>
            <a class="action -right button-secondary" href="#">Read more</a>
        </div>
    </div>

    Styleguide 2.5.11
*/
/* line 17, src/sass/components/_detail-teaser.scss */
.detail-teaser {
  padding: 1rem 0.75rem; }
  @media (min-width: 48rem) {
    /* line 17, src/sass/components/_detail-teaser.scss */
    .detail-teaser {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  /* line 25, src/sass/components/_detail-teaser.scss */
  .detail-teaser::after {
    clear: both;
    content: "";
    display: table; }
  /* line 30, src/sass/components/_detail-teaser.scss */
  .detail-teaser > .item > .title {
    font-size: 14px;
    font-weight: 700; }
  /* line 35, src/sass/components/_detail-teaser.scss */
  .detail-teaser > .item > .text {
    display: inline-block;
    margin: 0.5em 0; }
  /* line 40, src/sass/components/_detail-teaser.scss */
  .detail-teaser > .item > .action {
    display: inline-block; }
  /* line 44, src/sass/components/_detail-teaser.scss */
  .detail-teaser > .item > .action.-right {
    float: right;
    clear: right; }
  /* line 49, src/sass/components/_detail-teaser.scss */
  .detail-teaser > .item > .logo {
    max-width: 250px;
    height: auto; }
  @media (min-width: 20.0625rem) {
    /* line 56, src/sass/components/_detail-teaser.scss */
    .detail-teaser > .item > .logo {
      float: right;
      margin: 0 0 1.5em 2em; } }

/*
    Detail visit

    Only visible if detail has visit info. Add `-show` modifier on button to show the hidden value.

    markup:
    <div class="detail-visit">
        <h3 class="title">Visit</h3>
        <p class="description">Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p class="name">John Doe</p>
        <div class="button button-default">
            <a href="tel:0123456789" class="curtain"><i class="icon icon-phone"></i> +01 23 45 67 89</a>
            <span class="label">Show phone number</span>
        </div>
        <hr><!-- show state -->
        <div class="button button-default -show">
            <a href="tel:0123456789" class="curtain"><i class="icon icon-phone"></i> +01 23 45 67 89</a>
            <span class="label">Show phone number</span>
        </div>
    </div>

    Styleguide 2.5.17
*/
/* line 25, src/sass/components/_detail-visit.scss */
.detail-visit {
  padding: 1rem 0; }
  /* line 28, src/sass/components/_detail-visit.scss */
  .detail-visit > .title {
    font-size: 14px;
    font-weight: 700; }
  /* line 33, src/sass/components/_detail-visit.scss */
  .detail-visit > .name {
    margin-top: 0.2em; }

/*
    Dialog contact

    The default variant of contact form in dialog window.

*/
/* line 7, src/sass/components/_dialog-contact.scss */
.dialog-contact {
  display: none; }
  @media (min-width: 64rem) {
    /* line 11, src/sass/components/_dialog-contact.scss */
    .dialog-contact > .column {
      display: inline-block;
      float: left; }
    /* line 16, src/sass/components/_dialog-contact.scss */
    .dialog-contact > .column.-form {
      width: 60%; }
    /* line 20, src/sass/components/_dialog-contact.scss */
    .dialog-contact > .column.-info {
      width: 40%; }
    /* line 24, src/sass/components/_dialog-contact.scss */
    .dialog-contact > .column.-agency {
      width: 60%; }
    /* line 28, src/sass/components/_dialog-contact.scss */
    .dialog-contact > .column.-visit {
      width: 40%; } }
  /* line 37, src/sass/components/_dialog-contact.scss */
  .dialog-contact > .row {
    clear: both; }
  /* line 41, src/sass/components/_dialog-contact.scss */
  .dialog-contact > .row::after {
    clear: both;
    content: "";
    display: table; }
  /* line 45, src/sass/components/_dialog-contact.scss */
  .dialog-contact::after {
    clear: both;
    content: "";
    display: table; }

/*
    Dialog login

    The default variant of login widget in dialog window.

    markup:
    <button data-dialog-modal="login" class="button-primary">Login</button>
    <div class="dialog-login"
        data-dialog-modal-style="-small"
        data-dialog-modal-src="login"
        data-dialog-modal-title="Login ImmoStreet.ch">
        <div class="service">
            <a href="#" class="button button-neutral -facebook">Anmelden mit Facebook</a>
            <a href="#" class="button button-neutral -gplus">Anmelden mit Google</a>
        </div>
        <div class="divider-horizontal"><span class="text">oder</span></div>
        <form class="form" action="/user-login" method="post" id="login-form" data-login-form>
            <div class="form-field _margin-bottom -addon">
                <label class="form-label" for="username-field">
                    E-Mail
                </label>
                <input name="username" type="text" id="username-field" class="form-input">
                <i class="icon icon-mail" aria-hidden="true"></i>
            </div>
            <div class="form-field _margin-bottom -addon">
                <label class="form-label" for="password-field">
                    Passwort
                </label>
                <input name="password" type="password" id="password-field" class="form-input">
                <i class="icon icon-key" aria-hidden="true"></i>
            </div>
            <div class="action">
                <div class="form-checkbox checkbox">
                    <input id="rememberme-field"
                           name="rememberme"
                           class="checkbox"
                           type="checkbox"
                           checked>
                    <label class="label form-label"
                           for="rememberme-field">an mich erinnern</label>
                </div>
                <a class="link" href="#">Passwort vergessen?</a>
            </div>
            <div class="action">
                <button type="submit" name="submit" class="button-primary -stretch">Anmelden</button>
            </div>
        </form>
        <hr class="line">
        <div class="footer">
            Noch kein Benutzerkonto
            <a class="link" href="#">Benutzerkonto eröffnen</a>
        </div>
    </div>

    Styleguide 2.10.21
*/
/* line 57, src/sass/components/_dialog-login.scss */
.dialog-login {
  display: none;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 60, src/sass/components/_dialog-login.scss */
  .dialog-login > .service > .button {
    display: block;
    width: 100%;
    margin-bottom: 0.75em;
    text-align: center; }
  /* line 67, src/sass/components/_dialog-login.scss */
  .dialog-login > .split {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 0.5em; }
  /* line 75, src/sass/components/_dialog-login.scss */
  .dialog-login > .split::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d8d8d8; }
  /* line 84, src/sass/components/_dialog-login.scss */
  .dialog-login > .split > .text {
    background-color: #fff;
    font-size: 90%;
    padding: 0.2em 0.8em;
    position: relative;
    z-index: 2; }
  /* line 92, src/sass/components/_dialog-login.scss */
  .dialog-login > .form > .action::after {
    clear: both;
    content: "";
    display: table;
    padding-bottom: 1em; }
  /* line 98, src/sass/components/_dialog-login.scss */
  .dialog-login > .form > .action > .checkbox {
    width: 50%;
    float: left; }
  /* line 103, src/sass/components/_dialog-login.scss */
  .dialog-login > .form > .action > .link {
    width: 50%;
    float: left;
    text-align: right;
    font-size: 85%;
    color: #e43e33;
    text-decoration: none; }
  /* line 112, src/sass/components/_dialog-login.scss */
  .dialog-login > .line {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-right: none;
    border-left: none; }
  /* line 119, src/sass/components/_dialog-login.scss */
  .dialog-login > .footer {
    padding-top: 0.75rem; }
  /* line 123, src/sass/components/_dialog-login.scss */
  .dialog-login > .footer > .link {
    color: #e43e33;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding-top: 0.25em; }
  /* line 132, src/sass/components/_dialog-login.scss */
  .dialog-login .form-field.-addon {
    position: relative;
    z-index: 1; }
  /* line 137, src/sass/components/_dialog-login.scss */
  .dialog-login .form-field.-addon > .form-input {
    padding-right: 1.875rem; }
  /* line 141, src/sass/components/_dialog-login.scss */
  .dialog-login .form-field.-addon > .form-input + .icon {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 2;
    font-size: 100%;
    color: #c2c2c2; }

/*
    Dialog modal

    The default variant of modal created with Popup.js.
    You can control the element using data-attributes:
    `data-dialog-modal-src` (required - the source of the target)
    `data-dialog-modal-title` (optional - add title)
    `data-dialog-modal-style` (optional - add one or more styles)

    markup:
    <button data-dialog-modal="example" class="button-secondary">Open example</button>
    <div class="dialog-example"
        data-dialog-modal-src="example"
        data-dialog-modal-style="-large"
        data-dialog-modal-title="Modal Example">
        <!-- start slipsum code -->
        Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
        <!-- end slipsum code -->
    </div>

    Styleguide 2.10.20
*/
/* line 23, src/sass/components/_dialog-modal.scss */
.dialog-modal {
  display: none;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  width: 100%; }
  /* line 30, src/sass/components/_dialog-modal.scss */
  .dialog-modal.-open {
    display: block; }
  @media (min-width: 48rem) {
    /* line 23, src/sass/components/_dialog-modal.scss */
    .dialog-modal {
      max-width: 48rem; }
      /* line 37, src/sass/components/_dialog-modal.scss */
      .dialog-modal.-small {
        max-width: 20rem; }
      /* line 41, src/sass/components/_dialog-modal.scss */
      .dialog-modal.-large {
        max-width: 64rem; } }
  /* line 46, src/sass/components/_dialog-modal.scss */
  .dialog-modal > .title {
    font-size: 14px;
    font-weight: bold; }
  /* line 51, src/sass/components/_dialog-modal.scss */
  .dialog-modal > .title > .icon {
    color: #e43e33;
    margin-right: 0.5em; }

/* line 57, src/sass/components/_dialog-modal.scss */
.dialog-title {
  padding: 0.75rem;
  -webkit-box-shadow: inset 0 -1px 0 #d8d8d8;
          box-shadow: inset 0 -1px 0 #d8d8d8;
  font-size: 14px;
  font-weight: bold; }
  @media (min-width: 48rem) {
    /* line 57, src/sass/components/_dialog-modal.scss */
    .dialog-title {
      padding: 0.75rem 1.5rem; } }

/* line 68, src/sass/components/_dialog-modal.scss */
.dialog-body {
  padding: 0.75rem; }
  @media (min-width: 48rem) {
    /* line 68, src/sass/components/_dialog-modal.scss */
    .dialog-body {
      padding: 1.5rem; } }
  /* line 75, src/sass/components/_dialog-modal.scss */
  .dialog-body > p:first-child {
    margin-top: 0; }
  /* line 79, src/sass/components/_dialog-modal.scss */
  .dialog-body.-plain {
    padding: 0; }
  /* line 83, src/sass/components/_dialog-modal.scss */
  .dialog-body.-plain-horizontal {
    padding-top: 0;
    padding-bottom: 0; }
  /* line 88, src/sass/components/_dialog-modal.scss */
  .dialog-body.-plain-vertical {
    padding-right: 0;
    padding-left: 0; }

/*
    Display icon

    Display a big icon with a smaller subtitle/information/key

    markup:
    <div class="display-icon">
        <i class="icon icon-monument">
        </i>
        <div class="key">
            Some additional information
        </div>
    </div>
    <div class="display-icon">
        <i class="icon icon-monument">
        </i>
        <div class="key">
            Some additional information
        </div>
    </div>

    Styleguide 2.10.13
*/
/* line 24, src/sass/components/_display-icon.scss */
.display-icon {
  text-align: center; }
  /* line 27, src/sass/components/_display-icon.scss */
  .display-icon > .icon {
    color: #e43e33;
    font-size: 49px;
    line-height: 49px;
    font-weight: 700;
    margin: 3rem 0 1rem; }
  /* line 35, src/sass/components/_display-icon.scss */
  .display-icon > .key {
    color: #898989;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 300;
    margin: 0 0 3rem; }
  /* line 43, src/sass/components/_display-icon.scss */
  .display-icon > .key-1 {
    color: #898989;
    font-size: 19.6px;
    line-height: 1.4;
    font-weight: 300;
    margin: 0 0 2rem; }

/*
    Display value

    Display a big value with a smaller subtitle/information/key

    markup:
    <div class="display-value">
        <div class="value">
            234
        </div>
        <div class="key">
            Some additional information
        </div>
    </div>
    <div class="display-value">
        <div class="value">
            1 Mio.
        </div>
        <div class="key">
            Some additional information
        </div>
    </div>

    Styleguide 2.10.12
*/
/* line 27, src/sass/components/_display-value.scss */
.display-value > .value {
  color: #e43e33;
  font-size: 49px;
  line-height: 49px;
  font-weight: 700;
  margin: 3rem 0 1rem;
  text-overflow: ellipsis;
  overflow: hidden; }

/* line 37, src/sass/components/_display-value.scss */
.display-value > .key {
  color: #898989;
  font-size: 21px;
  line-height: 21px;
  font-weight: 300;
  margin: 0 0 3rem; }

/*
    Divider horizontal

    The default horizontal variant of divider line.

    markup:
    <div class="divider-horizontal">
        <span class="text">Centered in this divider</span>
    </div>

    Styleguide 2.10.7
*/
/* line 13, src/sass/components/_divider-horizontal.scss */
.divider-horizontal {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 0.5em; }
  /* line 20, src/sass/components/_divider-horizontal.scss */
  .divider-horizontal::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d8d8d8; }
  /* line 29, src/sass/components/_divider-horizontal.scss */
  .divider-horizontal > .text {
    background-color: #fff;
    font-size: 90%;
    padding: 0.2em 0.8em;
    position: relative;
    z-index: 2; }

/*
    Detail chart

    This contains svg chart.

    markup:
    <div class="detail-box detail-teaser">
        <div class="chart dl-chart">
            <svg class="pie" width="200" height="200">
                <circle class="value -value-3" r="85" cx="100" cy="100" stroke-width="30" stroke-dasharray="534,534"></circle>
                <circle class="value -value-2" r="85" cx="100" cy="100" stroke-width="30" stroke-dasharray="369,534"></circle>
                <circle class="value -value-1" r="85" cx="100" cy="100" stroke-width="30" stroke-dasharray="155,534"></circle>
                <circle class="inner" r="70.5" cx="100" cy="100"></circle>
                <circle class="outer" r="99.5" cx="100" cy="100" stroke-width="2"></circle>
            </svg>
            <div class="offer">
                <div class="value">2'466 <span class="currency">CHF</span></div>
                <div class="per">per month</div>
            </div>
            <ul class="legend">
                <li class="item">
                    <span class="key"><span class="dot -dot-1"></span> Interest</span>
                    <span class="value">713 <span class="currency">CHF</span></span>
                </li>
                <li class="item">
                    <span class="key"><span class="dot -dot-2"></span> Amortization</span>
                    <span class="value">983 <span class="currency">CHF</span></span>
                </li>
                <li class="item">
                    <span class="key"><span class="dot -dot-3"></span> Maintenance</span>
                    <span class="value">770 <span class="currency">CHF</span></span>
                </li>
            </ul>
        </div>
    </div>

    Styleguide 2.10.40
*/
/* line 39, src/sass/components/_dl-chart.scss */
.dl-chart {
  position: relative;
  clear: both;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 43, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie {
    width: 200px;
    height: 200px;
    margin-bottom: 1em;
    -webkit-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  /* line 50, src/sass/components/_dl-chart.scss */
  .dl-chart > .offer {
    position: absolute;
    z-index: 1;
    top: 70px;
    left: 0;
    width: 196px;
    text-align: center;
    color: #898989; }
  /* line 60, src/sass/components/_dl-chart.scss */
  .dl-chart > .offer > .value {
    font-weight: 600;
    font-size: 140%;
    color: #000;
    line-height: 1.75;
    white-space: nowrap; }
  /* line 68, src/sass/components/_dl-chart.scss */
  .dl-chart > .legend {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  @media (min-width: 64rem) {
    /* line 39, src/sass/components/_dl-chart.scss */
    .dl-chart {
      width: 460px;
      display: inline-block; }
      /* line 78, src/sass/components/_dl-chart.scss */
      .dl-chart > .pie {
        float: left;
        margin-right: 14px; }
      /* line 83, src/sass/components/_dl-chart.scss */
      .dl-chart > .legend {
        margin-left: 220px;
        padding-top: 40px; } }
  /* line 89, src/sass/components/_dl-chart.scss */
  .dl-chart > .legend > .item > .key {
    color: #898989; }
  /* line 93, src/sass/components/_dl-chart.scss */
  .dl-chart > .legend > .item > .value {
    font-weight: 600;
    color: #000;
    white-space: nowrap; }
  /* line 100, src/sass/components/_dl-chart.scss */
  .dl-chart .currency {
    vertical-align: top;
    font-size: 12px;
    font-weight: 300;
    color: #898989; }
  @media (min-width: 64rem) {
    /* line 109, src/sass/components/_dl-chart.scss */
    .dl-chart > .legend > .item {
      display: block;
      width: 100%; }
    /* line 114, src/sass/components/_dl-chart.scss */
    .dl-chart > .legend > .item > .key,
    .dl-chart > .legend > .item > .value {
      float: left;
      padding: 0.25em 0; }
    /* line 120, src/sass/components/_dl-chart.scss */
    .dl-chart > .legend > .item > .key {
      width: 60%; }
    /* line 124, src/sass/components/_dl-chart.scss */
    .dl-chart > .legend > .item > .value {
      width: 40%;
      text-align: right; } }
  /* line 131, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .inner {
    fill: #fff; }
  /* line 135, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .outer {
    fill: transparent;
    stroke: #fff; }
  /* line 141, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .value.-value-1,
  .dl-chart > .pie > .value.-value-2,
  .dl-chart > .pie > .value.-value-3 {
    fill: transparent; }
  /* line 147, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .value.-value-1 {
    stroke: #e43e33; }
  /* line 151, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .value.-value-2 {
    stroke: #c2c2c2; }
  /* line 155, src/sass/components/_dl-chart.scss */
  .dl-chart > .pie > .value.-value-3 {
    stroke: #333; }
  /* line 160, src/sass/components/_dl-chart.scss */
  .dl-chart .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin-right: 0.5em; }
  /* line 168, src/sass/components/_dl-chart.scss */
  .dl-chart .dot.-dot-1 {
    background-color: #e43e33; }
  /* line 172, src/sass/components/_dl-chart.scss */
  .dl-chart .dot.-dot-2 {
    background-color: #c2c2c2; }
  /* line 176, src/sass/components/_dl-chart.scss */
  .dl-chart .dot.-dot-3 {
    background-color: #333; }

/* stylelint-disable */
/* line 3, src/sass/components/_dl-mortgage.scss */
.dl-mortgage p.hint {
  color: #898989;
  margin: 2em 0; }

/* line 8, src/sass/components/_dl-mortgage.scss */
.dl-mortgage h3 {
  font-weight: 300; }

/* stylelint-enable */
/* line 16, src/sass/components/_dl-mortgage.scss */
.dl-content {
  background-color: #fff;
  padding: 1rem 0.75rem;
  margin-bottom: 1.5rem;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 22, src/sass/components/_dl-mortgage.scss */
  .dl-content .action {
    text-align: right; }
  /* line 26, src/sass/components/_dl-mortgage.scss */
  .dl-content .action.-top {
    margin-bottom: 1rem; }
  /* line 30, src/sass/components/_dl-mortgage.scss */
  .dl-content .action.-bottom {
    margin-top: 1rem; }
  @media (min-width: 48rem) {
    /* line 16, src/sass/components/_dl-mortgage.scss */
    .dl-content {
      padding: 1rem 1.5rem; }
      /* line 37, src/sass/components/_dl-mortgage.scss */
      .dl-content .action.-bottom {
        display: none; } }

/* line 44, src/sass/components/_dl-mortgage.scss */
.dl-notification {
  display: none;
  margin-top: 1em; }
  /* line 48, src/sass/components/_dl-mortgage.scss */
  .dl-notification.-open {
    display: block; }

/* line 53, src/sass/components/_dl-mortgage.scss */
.dl-visual {
  margin-bottom: 1em;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */
  display: block;
  width: 100%;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 58, src/sass/components/_dl-mortgage.scss */
  .dl-visual .currency {
    font-weight: 300; }
  @media (min-width: 48rem) {
    /* line 53, src/sass/components/_dl-mortgage.scss */
    .dl-visual {
      margin-bottom: 3em; } }
  /* line 70, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block {
    display: block;
    width: 100%;
    margin-bottom: 1em; }
    /* line 75, src/sass/components/_dl-mortgage.scss */
    .dl-visual > .block::after {
      clear: both;
      content: "";
      display: table; }
  /* line 80, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart {
    display: block;
    -webkit-transition: width 0.1s linear;
    -o-transition: width 0.1s linear;
    transition: width 0.1s linear; }
  /* line 85, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart.-hide {
    display: none;
    opacity: 0; }
  /* line 90, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart > .bar {
    overflow: hidden; }
  /* line 96, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart > .bar > .label {
    display: none; }
  @media (min-width: 48rem) {
    /* line 53, src/sass/components/_dl-mortgage.scss */
    .dl-visual {
      /* stylelint-disable */
      /* stylelint-enable */ }
      /* line 102, src/sass/components/_dl-mortgage.scss */
      .dl-visual > .block {
        margin-bottom: 1.25em; }
      /* line 106, src/sass/components/_dl-mortgage.scss */
      .dl-visual > .block > .chart {
        float: left;
        display: inline-block;
        margin-bottom: 0; }
      /* line 112, src/sass/components/_dl-mortgage.scss */
      .dl-visual > .block > .chart > .bar {
        min-height: 3em;
        text-align: center; }
      /* line 118, src/sass/components/_dl-mortgage.scss */
      .dl-visual > .block > .chart > .bar > .label {
        display: block;
        white-space: nowrap;
        padding: 1em 0.25em;
        color: rgba(255, 255, 255, 0.75); } }
  /* line 127, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart > .bar.-bar-1 {
    background-color: #e43e33; }
  /* line 131, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart > .bar.-bar-2 {
    background-color: #c2c2c2; }
  /* line 135, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .chart > .bar.-bar-3 {
    background-color: #333; }
  /* line 139, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend {
    display: block;
    padding: 0.25em 0.75em 0.25em 0; }
  /* line 144, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend > .currency {
    color: #898989; }
  /* line 148, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend > .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin-right: 0.25em; }
  /* line 156, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend > .dot.-dot-1 {
    background-color: #e43e33; }
  /* line 160, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend > .dot.-dot-2 {
    background-color: #c2c2c2; }
  /* line 164, src/sass/components/_dl-mortgage.scss */
  .dl-visual > .block > .legend > .dot.-dot-3 {
    background-color: #333; }
  @media (min-width: 48rem) {
    /* line 169, src/sass/components/_dl-mortgage.scss */
    .dl-visual > .block > .legend {
      display: inline-block; } }

/* line 175, src/sass/components/_dl-mortgage.scss */
.dl-result {
  margin-bottom: 2em;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 179, src/sass/components/_dl-mortgage.scss */
  .dl-result > .loader {
    position: absolute;
    top: -70px;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 9;
    display: none; }
  /* line 190, src/sass/components/_dl-mortgage.scss */
  .dl-result > .loader.-show {
    display: block; }
  /* line 195, src/sass/components/_dl-mortgage.scss */
  .dl-result > .group > .item {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em; }
    /* line 200, src/sass/components/_dl-mortgage.scss */
    .dl-result > .group > .item .label {
      font-weight: 700;
      color: #000; }
    /* line 205, src/sass/components/_dl-mortgage.scss */
    .dl-result > .group > .item .input {
      float: right;
      width: 100px;
      display: inline-block; }
  /* line 212, src/sass/components/_dl-mortgage.scss */
  .dl-result > .group > .slider {
    display: block;
    margin-top: 1em;
    height: 10px; }
  /* line 218, src/sass/components/_dl-mortgage.scss */
  .dl-result > .group > .slider::before {
    clear: both;
    content: "";
    display: table; }

/* line 224, src/sass/components/_dl-mortgage.scss */
.dl-notification {
  display: none;
  margin-top: 1em;
  padding: 1em;
  line-height: 1.2; }
  /* line 230, src/sass/components/_dl-mortgage.scss */
  .dl-notification.-error {
    background-color: #fac135; }
  /* line 234, src/sass/components/_dl-mortgage.scss */
  .dl-notification.-open {
    display: block; }

/* line 239, src/sass/components/_dl-mortgage.scss */
.dl-form {
  background-color: #007E48;
  padding: 1.5rem;
  color: #fff;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 245, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field,
  .dl-form .form-select {
    margin-bottom: 1em; }
  /* line 250, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field.-required > .label::after {
    content: " *"; }
  /* line 254, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field > .label {
    color: #b6d3e3; }
  /* line 258, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field.-invalid > .input {
    border-color: #ff0300; }
  /* line 262, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-select {
    color: #000;
    background-color: #fff; }
  /* line 267, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-select.-invalid {
    border-color: #ff0300;
    color: #ff0300; }
  /* line 272, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field > .form-select {
    margin-bottom: 0; }
  /* line 276, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-field > .form-error {
    color: #fff; }
  /* line 280, src/sass/components/_dl-mortgage.scss */
  .dl-form .form-action {
    margin-top: 1.5em;
    text-align: right; }

/* line 287, src/sass/components/_dl-mortgage.scss */
.dl-teaser {
  margin-top: 1.5rem; }
  /* line 290, src/sass/components/_dl-mortgage.scss */
  .dl-teaser > .title {
    margin-bottom: 1em; }
  /* line 294, src/sass/components/_dl-mortgage.scss */
  .dl-teaser > .message {
    margin-top: 0; }
  /* line 298, src/sass/components/_dl-mortgage.scss */
  .dl-teaser > .logo {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em; }

/*
    Drop zone

    Drop zone component. Becomes `-active` when the drag / drop events hold.

    markup:
    <div class="drop-zone"></div>
    <div class="drop-zone -active"></div>

    Styleguide 2.10.15
*/
/* line 15, src/sass/components/_drop-zone.scss */
.drop-zone {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  width: 100%;
  border: 2px dashed #d8d8d8;
  background: #fff;
  color: #000;
  padding: 1em; }
  /* line 24, src/sass/components/_drop-zone.scss */
  .drop-zone.-active {
    border-color: #cbcbcb;
    background: #f2f2f2; }

/*
    Dropout box

    markup:
    <button class="button-select -stretch" data-toggle="-open" data-toggle-for="#test-dropout-box" data-toggle-self="-toggled">
        Toggle Dropoutbox
    </button>
    <div class="dropout-box" id="test-dropout-box">
        <div class="input">
            <div class="form-field">
                <label class="label form-label">Price from</label>
                <input class="form-input" type="text">
            </div>
        </div>
        <div class="input">
            <div class="form-field">
                <label class="label form-label">Price to</label>
                <input class="form-input" type="text">
            </div>
        </div>
    </div>

    Styleguide 2.10.45
*/
/* line 28, src/sass/components/_dropout-box.scss */
.dropout-box {
  position: absolute;
  top: 67px;
  background: #fff;
  border-top: 3px solid #e43e33;
  padding: 1rem 0.75rem;
  display: none;
  z-index: 1 1;
  -webkit-box-shadow: 0 2rem 2rem -2rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 2rem 2rem -2rem rgba(0, 0, 0, 0.5); }
  /* line 39, src/sass/components/_dropout-box.scss */
  .dropout-box.-open {
    display: block; }

/* line 1, src/sass/components/_embed-container.scss */
.embed-container {
  position: relative;
  height: auto;
  width: 100%;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  overflow: hidden; }
  /* line 8, src/sass/components/_embed-container.scss */
  .embed-container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  /* line 16, src/sass/components/_embed-container.scss */
  .embed-container.-ratio4x3 {
    padding-bottom: 75%; }

/*
    Fileuploader

    Styles for individual, generic elements of the fileuploader component.
    These component parts are defined in the Handlebars templates in the `templates/` folder.
    All Fileuploader templates are prefixed with `fileUploader`.

    Styleguide 2.11
*/
/*
    Uploaded files

    markup:
    <div class="file-uploader-uploaded-files">
        <div class="image">
            <img src="https://source.unsplash.com/random/80x80" />
            <span class="delete"><i class="icon-trash" title="delete"></i></span>
        </div>
        <div class="image">
            <img src="https://source.unsplash.com/random/80x80" />
            <span class="delete"><i class="icon-trash" title="delete"></i></span>
        </div>
        <div class="file">
            <span class="delete"><i class="icon-trash" title="delete"></i></span>
            <span class="name">filename.pdf</span>
        </div>
    </div>

    Styleguide 2.11.1
*/
/* line 32, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-files {
  clear: both;
  content: "";
  display: table; }
  /* line 35, src/sass/components/_file-uploader.scss */
  .file-uploader-uploaded-files > .image > .delete,
  .file-uploader-uploaded-files > .file > .delete {
    cursor: pointer;
    display: inline-block;
    padding: 0.25em 0.25em 0.25em 0; }
  /* line 42, src/sass/components/_file-uploader.scss */
  .file-uploader-uploaded-files > .image {
    cursor: pointer;
    float: left;
    position: relative;
    margin-right: 1em;
    margin-bottom: 1em; }
    /* line 49, src/sass/components/_file-uploader.scss */
    .file-uploader-uploaded-files > .image > img {
      display: block; }

/*
    Controls

    markup:
    <div class="file-uploader-controls">
        <div class="file-uploader-progress-controls">
            <span class="progress-bar"><span class="bar" style="width: 21%;"></span></span>
            <span class="loading-spinner"></span>
            <span class="speed">230 KB/s</span>
        </div>
        <div class="errors">
            <span class="form-error">Dieser Dateityp ist nicht erlaubt (42c4ac2d-475a-44a7-abcb-8e223973a628.pdf).</span>
            <span class="form-error">Die maximal mögliche Dateigrösse beträgt 1 MB (42c4ac2d-475a-44a7-abcb-8e223973a628.jpg).</span>
        </div>
        <div class="file-uploader-uploaded-files">...</div>
    </div>

    Styleguide 2.11.2
*/
/* line 75, src/sass/components/_file-uploader.scss */
.file-uploader-controls > .errors {
  margin-top: 1em; }

/*
    Uploaded file modal

    A Fileuploader uploaded file inside the modal dialog, which is usually for editing files.

    markup:
    <div class="file-uploader-uploaded-file-modal">
        <img class="image" src="https://source.unsplash.com/random/400x600" />
        <div class="title form-field">
            <label class="label form-label" for="file-uploader-uploaded-file-1">Bildbeschreibung</label>
            <textarea id="file-uploader-uploaded-file-1" class="form-textarea" maxlength="255" rows="3">Lorem ipsum dolor sit amet, consetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</textarea>
        </div>
        <span class="index">Bild 1 von 2</span>
    </div>

    Styleguide 2.11.3
*/
/* line 98, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-file-modal > .image {
  display: block;
  max-height: 200px;
  margin: 0 auto; }

/* line 104, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-file-modal > .title {
  margin-top: 0.5em; }

/* line 108, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-file-modal > .index {
  display: inline-block;
  margin-top: 0.5em; }

/* line 113, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-file-modal.-hidden {
  display: none; }

/*
    Uploaded files modal navigation

    markup:
    <div class="file-uploader-uploaded-files-modal-navigation">
        <button class="prev button-default">Zurück</button>
        <button class="next button-secondary">Weiter</button>
        <button class="exit button-primary">Beenden</button>
    </div>

    Styleguide 2.11.4
*/
/* line 130, src/sass/components/_file-uploader.scss */
.file-uploader-uploaded-files-modal-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 1em; }
  /* line 134, src/sass/components/_file-uploader.scss */
  .file-uploader-uploaded-files-modal-navigation > .next,
  .file-uploader-uploaded-files-modal-navigation > .exit {
    margin-left: 0.5em; }
  /* line 139, src/sass/components/_file-uploader.scss */
  .file-uploader-uploaded-files-modal-navigation > .rotate {
    margin-left: auto; }

/* line 1, src/sass/components/_filter-extended.scss */
.filter-extended {
  background-color: #fff;
  border-top: 3px solid #f4f4f4;
  padding: 1rem 0.75rem; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_filter-extended.scss */
    .filter-extended {
      -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
              box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
      left: 0;
      max-height: 80vh;
      overflow: auto;
      padding: 1rem 1.5rem;
      position: absolute;
      top: 100%;
      width: 100%; } }
  /* line 18, src/sass/components/_filter-extended.scss */
  .filter-extended:not(.-open) {
    display: none; }

/* line 1, src/sass/components/_filter-search.scss */
.filter-search {
  background-color: #fff;
  padding: 1rem 0.75rem; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_filter-search.scss */
    .filter-search {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
              align-items: flex-end;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      padding: 1rem 1.5rem; } }
  /* line 12, src/sass/components/_filter-search.scss */
  .filter-search > .supercategory {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2; }
    @media (min-width: 48rem) {
      /* line 12, src/sass/components/_filter-search.scss */
      .filter-search > .supercategory {
        margin-left: 1rem;
        min-width: 160px; } }
    @media (min-width: 64rem) {
      /* line 12, src/sass/components/_filter-search.scss */
      .filter-search > .supercategory {
        width: 206px; } }
  /* line 25, src/sass/components/_filter-search.scss */
  .filter-search > .mainsearch {
    margin-top: 1rem; }
    /* line 28, src/sass/components/_filter-search.scss */
    .filter-search > .mainsearch > .suggestions {
      left: 0;
      top: 100%; }
    @media (min-width: 48rem) {
      /* line 25, src/sass/components/_filter-search.scss */
      .filter-search > .mainsearch {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        margin-top: 0;
        min-width: 180px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
                order: 1; } }
    @media (min-width: 64rem) {
      /* line 40, src/sass/components/_filter-search.scss */
      .filter-search > .mainsearch.-big {
        min-width: 250px; } }
    /* line 46, src/sass/components/_filter-search.scss */
    .filter-search > .mainsearch > .searchfield.-big {
      padding-right: 1.8rem; }
      /* line 49, src/sass/components/_filter-search.scss */
      .filter-search > .mainsearch > .searchfield.-big[placeholder] {
        text-overflow: ellipsis; }
  /* line 55, src/sass/components/_filter-search.scss */
  .filter-search > .autocomplete {
    position: absolute; }
  /* line 59, src/sass/components/_filter-search.scss */
  .filter-search > .roomsdropout,
  .filter-search > .pricedropout,
  .filter-search > .categories {
    display: none; }
    @media (min-width: 48rem) {
      /* line 59, src/sass/components/_filter-search.scss */
      .filter-search > .roomsdropout,
      .filter-search > .pricedropout,
      .filter-search > .categories {
        margin-left: 1rem; } }
    @media (min-width: 64rem) {
      /* line 59, src/sass/components/_filter-search.scss */
      .filter-search > .roomsdropout,
      .filter-search > .pricedropout,
      .filter-search > .categories {
        display: block; } }
    @media (min-width: 90rem) {
      /* line 59, src/sass/components/_filter-search.scss */
      .filter-search > .roomsdropout,
      .filter-search > .pricedropout,
      .filter-search > .categories {
        min-width: 180px; } }
  /* line 77, src/sass/components/_filter-search.scss */
  .filter-search > .categories {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3; }
    @media (min-width: 48rem) {
      /* line 77, src/sass/components/_filter-search.scss */
      .filter-search > .categories {
        max-width: 180px; } }
    @media (min-width: 1140px) {
      /* line 77, src/sass/components/_filter-search.scss */
      .filter-search > .categories {
        max-width: none; } }
    @media (min-width: 1440px) {
      /* line 88, src/sass/components/_filter-search.scss */
      .filter-search > .categories:not(.-showmd) {
        width: 150px; } }
    @media (min-width: 860px) {
      /* line 94, src/sass/components/_filter-search.scss */
      .filter-search > .categories.-showmd {
        display: block; } }
  /* line 101, src/sass/components/_filter-search.scss */
  .filter-search > .pricedropout {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4; }
  /* line 105, src/sass/components/_filter-search.scss */
  .filter-search > .roomsdropout {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5; }
    @media (min-width: 64rem) {
      /* line 105, src/sass/components/_filter-search.scss */
      .filter-search > .roomsdropout {
        display: none; } }
    @media (min-width: 1150px) {
      /* line 105, src/sass/components/_filter-search.scss */
      .filter-search > .roomsdropout {
        display: block; } }
  /* line 117, src/sass/components/_filter-search.scss */
  .filter-search > .cta {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8; }
    @media (max-width: 47.9375rem) {
      /* line 117, src/sass/components/_filter-search.scss */
      .filter-search > .cta {
        margin-top: 1rem; } }
    @media (min-width: 48rem) {
      /* line 117, src/sass/components/_filter-search.scss */
      .filter-search > .cta {
        margin-left: 1rem; } }
  @media (min-width: 48rem) {
    /* line 129, src/sass/components/_filter-search.scss */
    .filter-search.-largesearchfield {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0; }
      /* line 135, src/sass/components/_filter-search.scss */
      .filter-search.-largesearchfield > .supercategory,
      .filter-search.-largesearchfield > .categories,
      .filter-search.-largesearchfield > .roomsdropout,
      .filter-search.-largesearchfield > .pricedropout,
      .filter-search.-largesearchfield > .button-group {
        padding-bottom: 1rem; } }
  @media (min-width: 48rem) and (min-width: 1300px) {
    /* line 143, src/sass/components/_filter-search.scss */
    .filter-search.-largesearchfield > .roomsdropout,
    .filter-search.-largesearchfield > .pricedropout,
    .filter-search.-largesearchfield > .categories {
      min-width: 180px; } }
  @media (min-width: 48rem) and (min-width: 48rem) {
    /* line 151, src/sass/components/_filter-search.scss */
    .filter-search.-largesearchfield > .categories {
      max-width: none; } }
  @media (min-width: 48rem) {
      /* line 157, src/sass/components/_filter-search.scss */
      .filter-search.-largesearchfield > .mainsearch {
        min-width: 265px;
        border-right: 3px solid #f4f4f4;
        padding-right: 6rem;
        padding-left: 3rem;
        /* stylelint-disable */
        /* stylelint-enable */ }
        /* line 164, src/sass/components/_filter-search.scss */
        .-locating .filter-search.-largesearchfield > .mainsearch {
          background-color: #e8e8e8; }
        /* line 169, src/sass/components/_filter-search.scss */
        .filter-search.-largesearchfield > .mainsearch::before {
          content: "1";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          position: absolute;
          top: 50%;
          left: 1.5rem;
          -webkit-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          color: #c2c2c2;
          font-size: 180%; }
        /* line 180, src/sass/components/_filter-search.scss */
        .filter-search.-largesearchfield > .mainsearch > .searchfield {
          height: 70px;
          border: none;
          font-size: 120%; }
        /* line 186, src/sass/components/_filter-search.scss */
        .filter-search.-largesearchfield > .mainsearch > .locate {
          bottom: auto;
          top: 50%;
          right: 1.5rem;
          -webkit-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          font-size: 180%; }
        /* line 194, src/sass/components/_filter-search.scss */
        .filter-search.-largesearchfield > .mainsearch > .suggestions {
          min-width: 265px;
          right: 6rem;
          left: 3rem;
          width: auto !important; } }
  @media (min-width: 64rem) {
    /* line 204, src/sass/components/_filter-search.scss */
    .filter-search.-largesearchfield > .mainsearch {
      min-width: 350px;
      padding-left: 3.75rem; }
      /* line 208, src/sass/components/_filter-search.scss */
      .filter-search.-largesearchfield > .mainsearch > .searchfield {
        font-size: 150%; }
      /* line 212, src/sass/components/_filter-search.scss */
      .filter-search.-largesearchfield > .mainsearch > .suggestions {
        left: 3.75rem; } }
  @media (min-width: 90rem) {
    /* line 219, src/sass/components/_filter-search.scss */
    .filter-search.-largesearchfield > .mainsearch {
      min-width: 500px; } }

/* line 227, src/sass/components/_filter-search.scss */
.button-results:lang(fr) {
  padding: 0.5rem 0.7rem; }

/*
    Footer widget
*/
/* line 4, src/sass/components/_footer-widget.scss */
.footer-widget {
  padding: 1.5rem 0; }
  /* line 7, src/sass/components/_footer-widget.scss */
  .footer-widget > .title {
    color: #fff;
    font-weight: 300;
    margin-bottom: 1em; }
  /* line 13, src/sass/components/_footer-widget.scss */
  .footer-widget > .list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  /* line 19, src/sass/components/_footer-widget.scss */
  .footer-widget > .address:not(:last-child) {
    margin-bottom: 1.5em; }

/*
    Form checkbox

    Simple checkbox element. If you need a styled checkbox (padded
    and colorized) you can use the `-styled` modifier.

    markup:
    <div class="form-checkbox">
        <input id="idOfTheCheckBoxElement"
               class="checkbox"
               type="checkbox"
               checked>
        <label class="label form-label"
               for="idOfTheCheckBoxElement">Label for unstyled checkbox</label>
    </div>
    <br>
    <div class="form-checkbox -styled">
        <input id="idOfTheCheckBoxElementStyled"
               class="checkbox"
               type="checkbox"
               checked>
        <label class="label form-label"
               for="idOfTheCheckBoxElementStyled">Just a short one…</label>
    </div><br>
    <div class="form-checkbox -styled">
        <input id="idOfTheCheckBoxElementStyled"
               class="checkbox"
               type="checkbox"
               checked>
        <label class="label form-label"
               for="idOfTheCheckBoxElementStyled">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel et distinctio facilis harum unde earum dolores doloribus, quos tempora fugit obcaecati iste nemo ea autem cum! Quos quae, odio at!</label>
    </div>

    Styleguide 2.3.4
*/
/* line 36, src/sass/components/_form-checkbox.scss */
.form-checkbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  /* line 40, src/sass/components/_form-checkbox.scss */
  .form-checkbox.-styled {
    background-color: #f4f4f4;
    border-radius: 3px;
    border: 2px solid #d8d8d8;
    min-height: 36px;
    padding: 0.125em 0.75rem; }
    /* line 47, src/sass/components/_form-checkbox.scss */
    .form-checkbox.-styled > .label {
      padding-left: 1.75rem;
      position: relative; }
      /* line 51, src/sass/components/_form-checkbox.scss */
      .form-checkbox.-styled > .label::before {
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%); }
  /* line 60, src/sass/components/_form-checkbox.scss */
  .form-checkbox > .checkbox {
    position: absolute;
    visibility: hidden; }
  /* line 65, src/sass/components/_form-checkbox.scss */
  .form-checkbox > .label {
    color: currentColor;
    font-size: inherit; }
    /* line 69, src/sass/components/_form-checkbox.scss */
    .form-checkbox > .label::before {
      content: "o";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      background-color: #fff;
      border-radius: 2px;
      border: 1px solid #d8d8d8;
      color: transparent;
      display: inline-block;
      font-size: 0.75rem;
      height: 1rem;
      margin-right: 0.5rem;
      text-align: center;
      text-indent: 1px;
      vertical-align: middle;
      width: 1rem; }
  /* line 87, src/sass/components/_form-checkbox.scss */
  .form-checkbox > .checkbox:checked + .label::before {
    color: #e43e33; }

/* line 92, src/sass/components/_form-checkbox.scss */
.form-agbcheckbox {
  background-color: #d8d8d8; }
  /* line 95, src/sass/components/_form-checkbox.scss */
  .form-agbcheckbox.-styled {
    background-color: #a2c8de;
    border-color: #a2c8de; }

/*
    Form error

    All the fields can have errors.

    markup:
    <div class="_margin-bottom">
        <input class="form-input -error"
            type="text"
            placeholder="Placeholder text…">
        <span class="form-error">Dieses Feld hat einen Fehler</span>
    </div>
    <div class="_margin-bottom">
        <div class="form-unit">
            <input class="form-input -error unitinput" type="text">
            <span class="unitaddon">
                m<sup>2</sup>
            </span>
        </div>
        <span class="form-error">Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. Dieses Feld hat einen Fehler. </label>
    </div>
    <div class="_margin-bottom">
        <textarea class="form-textarea -error"></textarea>
        <span class="form-error">Diese Textarea hat einen Fehler</span>
    </div>
    <div class="_margin-bottom">
        <div class="form-select -error" data-select>
            <select class="select" id="idOfTheDropdownElementError">
                <option value="internalValue">A</option>
                <option value="willBeSent" selected>B</option>
                <option value="toTheServer">C</option>
            </select>
            <label class="label form-label" for="idOfTheDropdownElementError">Label of the select</label>
        </div>
        <span class="form-error">Dieses Dropdown hat einen Fehler</span>
    </div>

    Styleguide 2.3.9
*/
/* line 40, src/sass/components/_form-error.scss */
.form-error {
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
  color: #ff0300; }

/*
    Forms

    Styleguide 2.3.0
*/
/*
    Form fields

    Form fields work like fieldsets. They are meant to semantically wrap
    elements that belong to the same form data.

    markup:
    <div class="form-field">
        <label class="label form-label"
               for="idOfTheFormElement">Label</label>
        <input id="idOfTheFormElement"
               class="form-input"
               placeholder="Placeholder…">
    </div>
    <div class="form-field">
        <label class="label form-label"
               for="idOfTheFormElement">Label</label>
        <input id="idOfTheFormElement"
               class="form-input -error"
               placeholder="Placeholder…">
        <span class="form-error">Dieses Feld hat einen Fehler</span>
    </div>
    <div class="form-field">
        <label class="label form-label"
               for="idOfTheFormElement">Label</label>
        <input id="idOfTheFormElement"
               class="form-input -error"
               placeholder="Placeholder…">
        <span class="form-error">Dieses Feld hat einen Fehler</span>
    </div>

    Styleguide 2.3.1
*/
/* line 41, src/sass/components/_form-field.scss */
.form-field > .label {
  margin-bottom: 0.5em; }

/* line 45, src/sass/components/_form-field.scss */
.form-field.-disabled > .form-select {
  /* stylelint-disable-line rscss/class-format */
  color: #c2c2c2;
  background-color: #e8e8e8;
  cursor: default;
  cursor: not-allowed; }

/*
    Form input

    Simple form input. The following modifiers are available:

    - `-plain` (removes all styles from the input field)
    - `-error` (adds an error to the form-input)

    markup:
    <input class="form-input"
           type="text"
           placeholder="Placeholder text…">
    <br>
    <input class="form-input -plain"
           type="text"
           placeholder="Placeholder text…">
    <br>
        <input class="form-input -big"
           type="text"
           placeholder="A bigger input field…">
    <br>
    <input class="form-input -error"
           type="text"
           placeholder="Placeholder text…">

    Styleguide 2.3.3
*/
/* line 28, src/sass/components/_form-input.scss */
.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 2px solid #d8d8d8;
  border-radius: 3px;
  display: block;
  font-family: inherit;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%; }
  @media (min-width: 48rem) {
    /* line 28, src/sass/components/_form-input.scss */
    .form-input {
      outline: none; }
      /* line 38, src/sass/meta/_mixins.scss */
      .form-input:focus, .form-input.-focus {
        -webkit-box-shadow: 0 0 5px #76b1ee;
                box-shadow: 0 0 5px #76b1ee;
        border: 2px solid rgba(118, 177, 238, 0.8); } }
  /* line 43, src/sass/components/_form-input.scss */
  .form-input::-webkit-input-placeholder {
    color: #c2c2c2; }
  .form-input::-moz-placeholder {
    color: #c2c2c2; }
  .form-input::placeholder {
    color: #c2c2c2; }
  /* line 47, src/sass/components/_form-input.scss */
  .form-input:disabled {
    color: #c2c2c2;
    background-color: #e8e8e8;
    cursor: default;
    cursor: not-allowed; }
  /* line 54, src/sass/components/_form-input.scss */
  .form-input.-plain {
    background: transparent;
    border: 0;
    border-radius: 0; }
  /* line 60, src/sass/components/_form-input.scss */
  .form-input.-error {
    border-color: #ff0300; }
    @media (min-width: 48rem) {
      /* line 60, src/sass/components/_form-input.scss */
      .form-input.-error {
        outline: none; }
        /* line 38, src/sass/meta/_mixins.scss */
        .form-input.-error:focus, .form-input.-error.-focus {
          -webkit-box-shadow: 0 0 5px #ff0300;
                  box-shadow: 0 0 5px #ff0300; } }

/*
    Form label

    Simple label for a form element. If you want to permit line breaks within
    the label use the `-oneliner` modifier.

    markup:
    <label class="form-label" for="idOfTheFormElement">My label</label>
    <label class="form-label -error" for="idOfTheFormElement">My label with an error</label>

    Styleguide 2.3.2
*/
/* line 13, src/sass/components/_form-label.scss */
.form-label {
  color: #898989;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  /* line 19, src/sass/components/_form-label.scss */
  .form-label.-oneliner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  /* line 25, src/sass/components/_form-label.scss */
  .form-label[for] {
    cursor: pointer; }
  /* line 29, src/sass/components/_form-label.scss */
  .form-label.-error {
    color: #ff0300; }
  /* line 33, src/sass/components/_form-label.scss */
  .form-label.-required::after {
    content: " *"; }
  /* line 37, src/sass/components/_form-label.scss */
  .form-label.-big {
    font-weight: bold; }
  /* line 41, src/sass/components/_form-label.scss */
  .-btnsmaller .form-label.-big {
    font-weight: normal;
    display: none; }

/* line 47, src/sass/components/_form-label.scss */
.form-select + .form-label.-error,
.form-input + .form-label.-error {
  text-overflow: clip;
  white-space: normal;
  overflow: visible; }

/*
    Form select

    This is an improved select field. If you use this, you don't have to
    specify any labels, they will be created on the fly.

    markup:
    <div class="form-select _margin-bottom-half" data-select>
        <select class="select" id="idOfTheDropdownElement">
            <option value="internalValue">A</option>
            <option value="willBeSent" selected>B</option>
            <option value="toTheServer">C</option>
        </select>
    </div>
    <div class="form-select -error _margin-bottom-half" data-select>
        <select class="select" id="idOfTheDropdownElementError">
            <option value="internalValue">A</option>
            <option value="willBeSent" selected>B</option>
            <option value="toTheServer">C</option>
        </select>
    </div>

    Styleguide 2.3.5
*/
/* line 25, src/sass/components/_form-select.scss */
.form-select {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 36px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 3px;
  border: 2px solid #d8d8d8;
  background-color: #fff; }
  /* line 36, src/sass/components/_form-select.scss */
  .form-select > .select {
    font-size: 16px;
    outline: none; }
  /* line 41, src/sass/components/_form-select.scss */
  .form-select:not(.-empty) {
    cursor: pointer; }
    /* line 44, src/sass/components/_form-select.scss */
    .form-select:not(.-empty)::after {
      content: "p";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.5rem;
      margin-left: auto;
      padding-left: 1em; }
  @media (min-width: 48rem) {
    /* line 25, src/sass/components/_form-select.scss */
    .form-select {
      outline: none; }
      /* line 38, src/sass/meta/_mixins.scss */
      .form-select:focus, .form-select.-focus {
        -webkit-box-shadow: 0 0 5px #76b1ee;
                box-shadow: 0 0 5px #76b1ee;
        border: 2px solid rgba(118, 177, 238, 0.8); } }
  /* line 55, src/sass/components/_form-select.scss */
  .form-select.-error {
    border-color: #ff0300; }
    @media (min-width: 48rem) {
      /* line 55, src/sass/components/_form-select.scss */
      .form-select.-error {
        outline: none; }
        /* line 38, src/sass/meta/_mixins.scss */
        .form-select.-error:focus, .form-select.-error.-focus {
          -webkit-box-shadow: 0 0 5px #ff0300;
                  box-shadow: 0 0 5px #ff0300; } }
  /* line 63, src/sass/components/_form-select.scss */
  .form-select.-empty {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none; }
    /* line 68, src/sass/components/_form-select.scss */
    .form-select.-empty > .label,
    .form-select.-empty > .select {
      visibility: hidden; }
  /* line 74, src/sass/components/_form-select.scss */
  .form-select.-unselected {
    color: #c2c2c2; }
  /* line 80, src/sass/components/_form-select.scss */
  .form-select.-big {
    padding: 1rem 0.75rem; }
  /* line 87, src/sass/components/_form-select.scss */
  .-btnsmaller .form-select.-big {
    padding: auto 0.75rem; }
  /* line 95, src/sass/components/_form-select.scss */
  .form-select.-disabled {
    color: #c2c2c2;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #e8e8e8; }
    /* line 101, src/sass/components/_form-select.scss */
    .form-select.-disabled > .select {
      visibility: hidden; }
  /* line 106, src/sass/components/_form-select.scss */
  .form-select > .select {
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  /* line 116, src/sass/components/_form-select.scss */
  .form-select > .label {
    color: currentColor;
    font-size: inherit; }
  /* line 121, src/sass/components/_form-select.scss */
  .form-select.-labelellipsis > .label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    @media (min-width: 90rem) {
      /* line 121, src/sass/components/_form-select.scss */
      .form-select.-labelellipsis > .label {
        max-width: 150px; } }
  /* line 131, src/sass/components/_form-select.scss */
  .form-select.-labelellipsis.-resultsorting > .label {
    max-width: 100%; }
    @media (min-width: 460px) {
      /* line 131, src/sass/components/_form-select.scss */
      .form-select.-labelellipsis.-resultsorting > .label {
        max-width: 115px; } }
    @media (min-width: 521px) {
      /* line 131, src/sass/components/_form-select.scss */
      .form-select.-labelellipsis.-resultsorting > .label {
        max-width: 100%; } }

/*
    Form switch

    Simple form switch. You can use Checkboxes or radios to handle the buttons.

    markup:
    Default switch
    <div class="form-switch">
        <input id="idOfTheFormSwitchElementA"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio"
               value="0">
        <label class="description" for="idOfTheFormSwitchElementA">
            Weiblich
        </label>
        <input id="idOfTheFormSwitchElementB"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio"
               value="1">
        <label class="description" for="idOfTheFormSwitchElementB">
            Männlich
        </label>
    </div>
    <br/>
    Splitted switch
    <div class="form-switch -split">
        <input id="idOfTheFormSwitchSplitElementA"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio"
               value="0">
        <label class="description" for="idOfTheFormSwitchSplitElementA">
            Genf
        </label>
        <input id="idOfTheFormSwitchSplitElementB"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio"
               value="1">
        <label class="description" for="idOfTheFormSwitchSplitElementB">
            Zürich
        </label>
        <input id="idOfTheFormSwitchSplitElementC"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio"
               value="2">
        <label class="description" for="idOfTheFormSwitchSplitElementC">
            Chur
        </label>
    </div>
    <br/>
    Switch with icons
    <div class="form-switch">
        <input id="idOfTheFormSwitchElementIconizedA"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio-icon"
               value="0">
        <label class="description -icon" for="idOfTheFormSwitchElementIconizedA">
            <i class="icon icon-star-full"></i> Weiblich
        </label>
        <input id="idOfTheFormSwitchElementIconizedB"
               type="radio"
               class="valuehandler"
               name="styelguide-group-name-radio-icon"
               value="1">
        <label class="description -icon" for="idOfTheFormSwitchElementIconizedB">
            <i class="icon icon-star"></i> Männlich
        </label>
    </div>
    <br/>
    (Multi-)Switch with checkboxes
    <div class="form-switch">
        <input id="idOfTheFormSwitchElementCheckboxA"
               type="checkbox"
               class="valuehandler"
               value="0">
        <label class="description" for="idOfTheFormSwitchElementCheckboxA">
            Auto
        </label>
        <input id="idOfTheFormSwitchElementCheckboxB"
               type="checkbox"
               class="valuehandler"
               value="1">
        <label class="description" for="idOfTheFormSwitchElementCheckboxB">
            Fahrrad
        </label>
        <input id="idOfTheFormSwitchElementCheckboxC"
               type="checkbox"
               class="valuehandler"
               value="2">
        <label class="description" for="idOfTheFormSwitchElementCheckboxC">
            Zug
        </label>
    </div>

    Styleguide 2.3.6
*/
/* line 102, src/sass/components/_form-switch.scss */
.form-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  border-radius: 3px; }
  /* line 108, src/sass/components/_form-switch.scss */
  .form-switch > .description {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    border-radius: 0;
    text-align: center;
    background: #d8d8d8;
    color: #000; }
    /* line 117, src/sass/components/_form-switch.scss */
    .form-switch > .description.-icon {
      display: block;
      padding: 0.75rem; }
    /* line 122, src/sass/components/_form-switch.scss */
    .form-switch > .description > .icon {
      display: block;
      padding: 0 0 0.5rem;
      font-size: 2rem; }
  /* line 129, src/sass/components/_form-switch.scss */
  .form-switch.-split > .description {
    margin: 0 0.5rem;
    border-radius: 3px; }
    /* line 134, src/sass/components/_form-switch.scss */
    .form-switch.-split > .description:nth-child(2) {
      margin-left: 0; }
    /* line 138, src/sass/components/_form-switch.scss */
    .form-switch.-split > .description:last-child {
      margin-right: 0; }
  /* line 143, src/sass/components/_form-switch.scss */
  .form-switch > .valuehandler {
    position: absolute;
    opacity: 0; }
    /* line 147, src/sass/components/_form-switch.scss */
    .form-switch > .valuehandler:checked + .description {
      background: #e43e33;
      color: #fff; }

/*
    Form Textarea

    Add a unit-field to an input.

    markup:
    <textarea class="form-textarea">
    </textarea>

    Styleguide 2.3.8
*/
/* line 12, src/sass/components/_form-textarea.scss */
.form-textarea {
  border: 2px solid #d8d8d8;
  border-radius: 3px;
  display: block;
  font-family: inherit;
  font-size: 16px;
  padding: 0.375rem 0.75rem;
  width: 100%;
  min-height: 72px; }
  /* line 23, src/sass/components/_form-textarea.scss */
  .form-textarea.-error {
    border-color: #ff0300; }

/*
    Form unit

    Add a unit-field to an input.

    markup:
    Form unit
    <div class="form-unit">
        <input class="form-input unitinput" type="text">
        <span class="unitaddon">
            m<sup>2</sup>
        </span>
    </div>
    <br/>
    <div class="form-unit">
        <input class="form-input unitinput" type="text">
        <span class="unitaddon">
            m<sup>2</sup>/kg
        </span>
    </div>
    <br/>
    <div class="form-unit">
        <input class="form-input unitinput" type="text">
        <span class="unitaddon">
            Langer TEXT
        </span>
    </div>
    <br/>
    <div class="form-unit">
        <input class="form-input -error unitinput" type="text">
        <span class="unitaddon">
            m<sup>2</sup>
        </span>
    </div>
    <span class="form-error">Dieses Feld hat einen Fehler</span>

    Styleguide 2.3.7
*/
/* line 39, src/sass/components/_form-unit.scss */
.form-unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-radius: 3px;
  max-width: 100%;
  overflow: hidden; }
  /* line 45, src/sass/components/_form-unit.scss */
  .form-unit > .unitinput {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    border-radius: 0;
    min-width: 1px;
    width: auto; }
  /* line 52, src/sass/components/_form-unit.scss */
  .form-unit > .unitaddon {
    border: 2px solid #d8d8d8;
    border-radius: 0;
    border-left: 0;
    height: 36px;
    line-height: 36px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #f4f4f4; }
  /* line 64, src/sass/components/_form-unit.scss */
  .form-unit > .unitinput.-error + .unitaddon {
    border-color: #ff0300; }

/*
    Gallery carousel

    Gallery slider specific styles. If you need stretched images
    you can use the `-stretch` modifier on slide item.

    We use slick.js: https://github.com/kenwheeler/slick/

    markup:
    <div class="gallery-carousel {{modifier_class}}" data-gallery-carousel>
        <div class="slide -stretch">
            <img class="image" src="https://source.unsplash.com/random/975x540">
        </div>
        <div class="slide -stretch">
            <img class="image" src="https://source.unsplash.com/random/975x540">
        </div>
        <div class="zoom" data-gallery-zoom>
            <i class="icon-zoom"></i>
        </div>
    </div>

    Styleguide 2.10.3
*/
/* line 25, src/sass/components/_gallery-carousel.scss */
[data-gallery-carousel] > .slide {
  position: relative; }

/* line 30, src/sass/components/_gallery-carousel.scss */
[data-gallery-carousel] > .slide:not(:first-child) {
  display: none; }

/* line 34, src/sass/components/_gallery-carousel.scss */
[data-gallery-carousel] > .slide > .image {
  display: block;
  margin: auto; }

/* line 39, src/sass/components/_gallery-carousel.scss */
[data-gallery-carousel] > .slide.-stretch > .image {
  width: 100%; }

/* line 43, src/sass/components/_gallery-carousel.scss */
[data-gallery-carousel] > .slide.-hide > .image {
  visibility: hidden; }

/* line 49, src/sass/components/_gallery-carousel.scss */
.gallery-carousel > .zoom {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 1.1;
  padding: 0.5em;
  font-size: 150%;
  cursor: pointer; }

/* stylelint-disable-next-line */
/* line 64, src/sass/components/_gallery-carousel.scss */
.slick-initialized .slick-slide,
.slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

/* line 69, src/sass/components/_gallery-carousel.scss */
.slick-slide {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  height: auto; }
  /* line 78, src/sass/components/_gallery-carousel.scss */
  .slick-slide > .image {
    display: block;
    position: relative;
    max-height: 540px; }
  /* line 84, src/sass/components/_gallery-carousel.scss */
  .slick-slide.-hide > .image {
    visibility: hidden; }
  /* line 88, src/sass/components/_gallery-carousel.scss */
  .slick-slide.-fx > .image {
    opacity: 0.25;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
  /* line 93, src/sass/components/_gallery-carousel.scss */
  .slick-slide > .caption {
    padding-bottom: 3rem; }
  /* line 97, src/sass/components/_gallery-carousel.scss */
  .slick-slide:focus {
    outline: 0; }

/* line 102, src/sass/components/_gallery-carousel.scss */
.slick-prev,
.slick-next {
  z-index: 6;
  width: 46px;
  height: 46px;
  text-align: center; }
  /* line 109, src/sass/components/_gallery-carousel.scss */
  .slick-prev::before,
  .slick-next::before {
    font-size: 46px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }

/* line 115, src/sass/components/_gallery-carousel.scss */
.slick-prev {
  left: 20px; }

/* line 119, src/sass/components/_gallery-carousel.scss */
.slick-next {
  right: 20px; }

/* line 123, src/sass/components/_gallery-carousel.scss */
.slick-dots {
  bottom: auto;
  top: 5px;
  z-index: 6;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 128, src/sass/components/_gallery-carousel.scss */
  .slick-dots > li {
    margin: 0;
    width: 20px; }
  /* line 133, src/sass/components/_gallery-carousel.scss */
  .slick-dots > li > button {
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center; }
  /* line 140, src/sass/components/_gallery-carousel.scss */
  .slick-dots > li > button::before {
    font-size: 24px;
    line-height: 30px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: #7b7b7b;
    width: auto;
    height: auto;
    text-align: center; }
  /* line 151, src/sass/components/_gallery-carousel.scss */
  .slick-dots > li > button:hover::before {
    opacity: 1;
    color: #fff; }
  /* line 157, src/sass/components/_gallery-carousel.scss */
  .slick-dots > li.slick-active > button::before {
    opacity: 1;
    color: #fff; }

/* line 165, src/sass/components/_gallery-carousel.scss */
.slick-dotted {
  margin-bottom: 0 !important; }

/* line 169, src/sass/components/_gallery-carousel.scss */
.slick-list {
  background: transparent !important; }

/* line 173, src/sass/components/_gallery-carousel.scss */
.mfp-img {
  padding: 0 !important; }

/*
    Gallery extends

    No styleguide reference.
*/
/* line 6, src/sass/components/_gallery-extends.scss */
.gallery-close,
.gallery-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  touch-action: manipulation; }

/* line 21, src/sass/components/_gallery-extends.scss */
.gallery-close {
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  font-size: 70px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  color: #fff; }

/* line 36, src/sass/components/_gallery-extends.scss */
.gallery-arrow {
  position: absolute;
  margin: 0;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  width: 50px;
  height: 60px;
  -webkit-tap-highlight-color: transparent; }
  /* line 46, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-right, .gallery-arrow.-left {
    color: #fff;
    font-size: 60px;
    text-align: center; }
  /* line 53, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-right {
    right: 1.5rem; }
  /* line 57, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-left {
    left: 1.5rem; }
  /* line 61, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-right::before, .gallery-arrow.-left::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    line-height: 60px; }
  /* line 68, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-right::before {
    content: "f"; }
  /* line 72, src/sass/components/_gallery-extends.scss */
  .gallery-arrow.-left::before {
    content: "d"; }

/* line 1, src/sass/components/_goto-search.scss */
.goto-search {
  width: 100%;
  text-align: center; }
  /* line 5, src/sass/components/_goto-search.scss */
  .goto-search > .gotobuttonwrapper {
    width: 100%;
    height: 8px;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8; }
    /* line 11, src/sass/components/_goto-search.scss */
    .goto-search > .gotobuttonwrapper.-pinned {
      width: 100%; }
    /* line 15, src/sass/components/_goto-search.scss */
    .goto-search > .gotobuttonwrapper > .button {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #fff;
      padding: 0.1rem 1.125rem 0.33333333rem;
      position: absolute;
      margin-top: 7px;
      -webkit-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
      border: 1px solid #d8d8d8;
      border-top: none;
      -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2); }

/* line 1, src/sass/components/_header-filter.scss */
.header-filter {
  position: relative;
  z-index: 97; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_header-filter.scss */
    .header-filter {
      -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
              box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2); } }
  @media (min-width: 48rem) {
    /* line 9, src/sass/components/_header-filter.scss */
    .header-filter.-spacious {
      -webkit-box-shadow: none;
              box-shadow: none;
      margin: 10% auto; } }
  /* line 17, src/sass/components/_header-filter.scss */
  .header-filter.-showblock {
    display: block;
    margin: 0 auto; }
  /* line 22, src/sass/components/_header-filter.scss */
  .header-filter > .pinnedshadow.-pinned {
    -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2); }
  /* line 26, src/sass/components/_header-filter.scss */
  .header-filter::after {
    clear: both;
    content: "";
    display: table; }

/* line 1, src/sass/components/_header-teaser.scss */
.header-teaser {
  display: none; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_header-teaser.scss */
    .header-teaser {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      margin: auto;
      max-width: 90rem;
      padding-bottom: 1rem;
      padding-top: 1rem;
      position: relative;
      width: -webkit-calc(100% - 3rem);
      width: calc(100% - 3rem); }
      /* line 15, src/sass/components/_header-teaser.scss */
      .header-teaser::before {
        background-color: rgba(0, 0, 0, 0.5);
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100vw; } }
  /* line 27, src/sass/components/_header-teaser.scss */
  .header-teaser > .cta,
  .header-teaser > .content {
    position: relative; }
  /* line 32, src/sass/components/_header-teaser.scss */
  .header-teaser > .cta {
    margin-left: auto; }

/* line 1, src/sass/components/_header-top.scss */
.header-top {
  background-color: #fff;
  -webkit-box-shadow: inset 0 -3px 0 #d8d8d8;
          box-shadow: inset 0 -3px 0 #d8d8d8;
  height: 71px;
  position: relative;
  z-index: 98; }
  /* line 8, src/sass/components/_header-top.scss */
  .header-top.-open {
    -webkit-box-shadow: inset 0 -3px 0 #e43e33;
            box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 11, src/sass/components/_header-top.scss */
    .header-top.-open > .trigger::before {
      content: "r";
      color: #e43e33; }
  /* line 19, src/sass/components/_header-top.scss */
  .header-top.-compact {
    margin-bottom: 0;
    z-index: 99; }
  /* line 25, src/sass/components/_header-top.scss */
  .header-top:not(.-open) > .menu {
    display: none; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_header-top.scss */
    .header-top {
      -webkit-box-shadow: none;
              box-shadow: none; }
      /* line 32, src/sass/components/_header-top.scss */
      .header-top.-compact {
        margin-bottom: 3px; } }
  /* line 37, src/sass/components/_header-top.scss */
  .header-top > .logo {
    background-color: transparent;
    background-image: url("/wp-content/themes/immostreet/assets/images/logos/immostreet.svg");
    background-position: center 15px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    display: inline-block;
    height: 100%;
    margin-left: 0.75rem;
    vertical-align: middle;
    width: 148px; }
    @media (min-width: 48rem) {
      /* line 37, src/sass/components/_header-top.scss */
      .header-top > .logo {
        margin-left: 1.5rem; } }
  /* line 55, src/sass/components/_header-top.scss */
  .header-top > .trigger {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
    /* line 62, src/sass/components/_header-top.scss */
    .header-top > .trigger::before {
      content: "T";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      color: #d8d8d8; }

/* line 97, src/sass/meta/_mixins.scss */
.lang-de.user-loggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1155px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-de.user-loggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-de.user-loggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-de.user-loggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-de.user-notloggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1030px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-de.user-notloggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-de.user-notloggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-de.user-notloggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-fr.user-loggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1220px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-fr.user-loggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-fr.user-loggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-fr.user-loggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-fr.user-notloggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1100px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-fr.user-notloggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-fr.user-notloggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-fr.user-notloggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-it.user-loggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1120px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-it.user-loggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-it.user-loggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-it.user-loggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-it.user-notloggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 985px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-it.user-notloggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-it.user-notloggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-it.user-notloggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-en.user-loggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 1080px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-en.user-loggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-en.user-loggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-en.user-loggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 97, src/sass/meta/_mixins.scss */
.lang-en.user-notloggedin .header-top::before {
  content: "mobile-menu";
  font-size: 0; }

@media (min-width: 930px) {
  /* line 103, src/sass/meta/_mixins.scss */
  .lang-en.user-notloggedin .header-top::before {
    content: ""; }
  /* line 108, src/sass/meta/_mixins.scss */
  .lang-en.user-notloggedin .header-top > .trigger {
    display: none; }
  /* line 113, src/sass/meta/_mixins.scss */
  .lang-en.user-notloggedin .header-top:not(.-open) > .menu {
    display: block; }
    /* line 116, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .header-top:not(.-open) > .menu.nav-primary {
      display: inline-block; } }

/* line 2, src/sass/components/_honeypot.scss */
.contact-form-field-class {
  display: none; }

/*
    Insertion state

    Each insertion has a specific type, 5 different states are possible:
    - draft
    - published
    - check
    - not-online
    - deleted

    markup:
    <div class="insertion-state -draft _margin-bottom-half">DRAFT</div>
    <div class="insertion-state -published _margin-bottom-half">PUBLISHED</div>
    <div class="insertion-state -check _margin-bottom-half">CHECK</div>
    <div class="insertion-state -not-online _margin-bottom-half">NOT-ONLINE</div>
    <div class="insertion-state -deleted _margin-bottom-half">DELETED</div>

    Styleguide 2.8.4
*/
/* line 21, src/sass/components/_insertion-state.scss */
.insertion-state.-draft {
  color: #0b6ba1; }

/* line 25, src/sass/components/_insertion-state.scss */
.insertion-state.-published {
  color: #06a20d; }

/* line 29, src/sass/components/_insertion-state.scss */
.insertion-state.-check {
  color: #fac135; }

/* line 33, src/sass/components/_insertion-state.scss */
.insertion-state.-not-online {
  color: #898989; }

/* line 37, src/sass/components/_insertion-state.scss */
.insertion-state.-deleted {
  color: #d8d8d8; }

/* line 16, src/sass/components/_insertion.scss */
.insertion-images-dropzone {
  padding: 1em;
  text-align: center; }
  /* line 20, src/sass/components/_insertion.scss */
  .insertion-images-dropzone > .notice,
  .insertion-images-dropzone > .text {
    display: block; }
  /* line 25, src/sass/components/_insertion.scss */
  .insertion-images-dropzone > .text {
    margin-bottom: 1em; }
  /* line 29, src/sass/components/_insertion.scss */
  .insertion-images-dropzone > .notice {
    margin-top: 1em; }

/* line 34, src/sass/components/_insertion.scss */
.insertion-uploaded-images {
  margin-top: 1em; }

/*
    Overrules for the default theme
    @see https://refreshless.com/nouislider/
 */
/* stylelint-disable */
/* line 7, src/sass/components/_jquery-nouislider.scss */
.noUi-target {
  background-color: #f0938d;
  border-radius: 5px;
  height: 8px;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none; }

/* line 15, src/sass/components/_jquery-nouislider.scss */
.noUi-origin {
  height: auto;
  width: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #c2c2c2;
  border-radius: 5px; }

/* line 25, src/sass/components/_jquery-nouislider.scss */
.noUi-handle {
  border-radius: 10px;
  background-color: #e43e33;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0 none; }
  /* line 30, src/sass/components/_jquery-nouislider.scss */
  .noUi-handle::before, .noUi-handle::after {
    display: none; }

/* line 36, src/sass/components/_jquery-nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  left: -10px;
  top: -5px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

/* line 45, src/sass/components/_jquery-nouislider.scss */
.noUi-horizontal .noUi-tooltip {
  white-space: nowrap;
  text-align: center;
  min-width: 3em;
  opacity: 0;
  border: 0 none;
  border-radius: 3px;
  background-color: #e43e33;
  color: #fff;
  min-width: 3em;
  z-index: 101;
  padding: 0.5em;
  top: 0;
  left: 100%;
  bottom: auto;
  visibility: hidden;
  -webkit-transform: translate(-35px, 25px);
       -o-transform: translate(-35px, 25px);
          transform: translate(-35px, 25px);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  /* line 64, src/sass/components/_jquery-nouislider.scss */
  .noUi-horizontal .noUi-tooltip::after {
    position: absolute;
    left: 17px;
    width: 0;
    height: 0;
    content: "";
    z-index: 1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e43e33;
    bottom: 100%; }

/* line 78, src/sass/components/_jquery-nouislider.scss */
.noUi-horizontal .noUi-handle.noUi-active > .noUi-tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-35px, 30px);
       -o-transform: translate(-35px, 30px);
          transform: translate(-35px, 30px); }

/* stylelint-enable */
/*
    Last-Search

    markup:
    <a class="last-search -short" href="#">
        <ul class="list-dotted -inline">
            <li class="item -loud">Dübendorf</li>
            <li class="item">mieten</li>
            <li class="item -muted">Wohnung & Haus</li>
            <li class="item -muted">1'500–2'400 CHF</li>
            <li class="item -muted">ab 4.5 Zimmer</li>
        </ul>
    </a>

    Styleguide 2.10.30
*/
/* line 18, src/sass/components/_last-search.scss */
.last-search.-short {
  display: inline-block;
  text-decoration: none; }

/*
    Breadcrumb List

    markup:
    Default breadcrumb list:
    <ul class="list-breadcrumb">
        <li class="item">Every</li>
        <li class="item">item</li>
        <li class="item">is</li>
        <li class="item">part</li>
        <li class="item">of</li>
        <li class="item">the</li>
        <li class="item">breadcrumb</li>
    </ul>
    <br>Breadcrumb list with links:
    <ul class="list-breadcrumb">
        <li class="item"><a href="#">This</a></li>
        <li class="item"><a href="#">breadcrumb</a></li>
        <li class="item"><a href="#">is</a></li>
        <li class="item"><a href="#">linked</a></li>
    </ul>

    Styleguide 2.2.3
*/
/* line 25, src/sass/components/_list-breadcrumb.scss */
.list-breadcrumb {
  padding: 0;
  margin: 0; }
  /* line 29, src/sass/components/_list-breadcrumb.scss */
  .list-breadcrumb > .item {
    display: inline-block;
    padding-left: 15px; }
    /* line 33, src/sass/components/_list-breadcrumb.scss */
    .list-breadcrumb > .item::before {
      content: "»";
      position: absolute;
      margin-left: -12px; }
    /* line 39, src/sass/components/_list-breadcrumb.scss */
    .list-breadcrumb > .item:first-child {
      padding-left: 0; }
      /* line 42, src/sass/components/_list-breadcrumb.scss */
      .list-breadcrumb > .item:first-child::before {
        content: ""; }

/*
    List with dots

    A simple list with dots in front of each item. The following modifiers
    are available:

    - `-inline` (all list items will be in one line with dots in between)
    - `-muted` (only works on list items and in inline mode)

    markup:
    <ul class="list-dotted">
        <li class="item -loud">Every</li>
        <li class="item">item</li>
        <li class="item">is</li>
        <li class="item">a separate</li>
        <li class="item -muted">line</li>
    </ul>
    <br/><br/>
    <ul class="list-dotted -inline">
        <li class="item">This</li>
        <li class="item">is</li>
        <li class="item -loud">on</li>
        <li class="item -muted">the</li>
        <li class="item -muted">same</li>
        <li class="item -muted">line</li>
    </ul>

    Styleguide 2.2.2
*/
/* line 30, src/sass/components/_list-dotted.scss */
.list-dotted {
  list-style-type: disc;
  margin: 0; }
  /* line 35, src/sass/components/_list-dotted.scss */
  .list-dotted > .item.-muted {
    color: #898989; }
  /* line 39, src/sass/components/_list-dotted.scss */
  .list-dotted > .item.-loud {
    font-weight: bold; }
  /* line 44, src/sass/components/_list-dotted.scss */
  .list-dotted.-inline {
    list-style-type: none;
    padding: 0; }
    /* line 48, src/sass/components/_list-dotted.scss */
    .list-dotted.-inline > .item {
      display: inline-block; }
      /* line 52, src/sass/components/_list-dotted.scss */
      .list-dotted.-inline > .item:nth-child(n+2)::before {
        content: "\2022";
        display: inline-block;
        padding: 0 0.75rem; }

/*
    Lists

    Styleguide 2.2.0
*/
/*
    List with separators

    A simple list with a horizontal line as a separator between each item.

    *Notice:* The separator is only visible starting with the the medium
    breakpoint.

    markup:
    <ul class="list-separated">
        <li class="item">A</li>
        <li class="item">B</li>
        <li class="item">C</li>
    </ul>

    Styleguide 2.2.1
*/
/* line 24, src/sass/components/_list-separated.scss */
.list-separated {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  /* line 29, src/sass/components/_list-separated.scss */
  .list-separated > .item {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none; }
    @media (min-width: 48rem) {
      /* line 29, src/sass/components/_list-separated.scss */
      .list-separated > .item {
        padding: 1rem 0.75rem; }
        /* line 37, src/sass/components/_list-separated.scss */
        .list-separated > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }
  /* line 44, src/sass/components/_list-separated.scss */
  .list-separated.-share > .item {
    padding: 1rem 0.75rem; }
    /* line 47, src/sass/components/_list-separated.scss */
    .list-separated.-share > .item:not(:first-child) {
      -webkit-box-shadow: 0 -2px 0 #f4f4f4;
              box-shadow: 0 -2px 0 #f4f4f4; }
    /* line 51, src/sass/components/_list-separated.scss */
    .list-separated.-share > .item > .icon {
      color: #898989;
      margin-right: 0.5rem; }
    /* line 56, src/sass/components/_list-separated.scss */
    .list-separated.-share > .item:hover {
      background-color: #e43e33;
      color: #fff; }
      /* line 60, src/sass/components/_list-separated.scss */
      .list-separated.-share > .item:hover > .icon {
        color: #fff; }

/* line 2, src/sass/components/_list-submenu.scss */
.list-submenu > .item {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none; }
  @media (min-width: 1155px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-de.user-loggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 1030px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-de.user-notloggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 1220px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-fr.user-loggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 1100px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-fr.user-notloggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 1120px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-it.user-loggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 985px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-it.user-notloggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 1080px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-en.user-loggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }
  @media (min-width: 930px) {
    /* line 12, src/sass/components/_list-submenu.scss */
    .lang-en.user-notloggedin .list-submenu > .item::before {
      content: "\203a";
      margin-right: 0.5em;
      position: relative;
      top: -1px; } }

/*
    Loading error

    The loading error.

*/
/* line 7, src/sass/components/_loading-error.scss */
.loading-error {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px; }
  /* line 17, src/sass/components/_loading-error.scss */
  .loading-error::before {
    content: "r";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 40px;
    line-height: 40px;
    color: #ff0300; }

/*
    Loading spinner

    The loading spinner has the following values as default:
    - Size: 1em
    - Color: #c2c2c2 (_("color", "silver"))

    You can use the following modifiers:
    - `-light` Makes a white loading spinner
    - `-hidden` Hides the spinner
    - `-big` A bigger spinner
    - `-absolute` An absolutely (centered vertically and horizontally) positioned spinner

    markup:
    <div class="loading-spinner"></div>
    <div class="loading-spinner -big"></div>
    <div class="loading-spinner -hidden"></div>
    <div style="display: inline-block; background-color: gray; padding: 1em;">
        <div class="loading-spinner -light"></div>
    </div>
    <div style="position: relative; height: 75px;">
        <div class="loading-spinner -absolute"></div>
    </div>
    <div style="position: relative; height: 75px; background-color: gray;">
        <div class="loading-spinner -absolute -big -light"></div>
    </div>

    Styleguide 2.10.2
*/
/* line 31, src/sass/components/_loading-spinner.scss */
.loading-spinner, .-loading.button-default:after, .button-group.-melt > .-loading.button:after, .-loading.button-link:after, .-loading.button-neutral:after, .-loading.button-outline:after, .-loading.button-plain:after, .-loading.button-primary:after, .-loading.button-secondary:after, .-loading.button-hg:after, .form-switch > .-loading.description:after, .tag-list > .-loading.term:after {
  -webkit-animation: loading-rotation 1s infinite linear;
       -o-animation: loading-rotation 1s infinite linear;
          animation: loading-rotation 1s infinite linear;
  border-color: transparent currentColor currentColor transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  color: #c2c2c2;
  content: "";
  cursor: wait;
  display: inline-block;
  font-size: 1em;
  height: 1em;
  -webkit-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 1em; }

@keyframes loading-rotation {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg); } }
  /* line 54, src/sass/components/_loading-spinner.scss */
  .loading-spinner.-light, .-light.-loading.button-default:after, .button-group.-melt > .-light.-loading.button:after, .-light.-loading.button-link:after, .-light.-loading.button-neutral:after, .-light.-loading.button-outline:after, .-light.-loading.button-plain:after, .-light.-loading.button-primary:after, .-light.-loading.button-secondary:after, .-light.-loading.button-hg:after, .form-switch > .-light.-loading.description:after, .tag-list > .-light.-loading.term:after {
    color: #fff; }
  /* line 58, src/sass/components/_loading-spinner.scss */
  .loading-spinner.-big, .-big.-loading.button-default:after, .button-group.-melt > .-big.-loading.button:after, .-big.-loading.button-link:after, .-big.-loading.button-neutral:after, .-big.-loading.button-outline:after, .-big.-loading.button-plain:after, .-big.-loading.button-primary:after, .-big.-loading.button-secondary:after, .-big.-loading.button-hg:after, .form-switch > .-big.-loading.description:after, .tag-list > .-big.-loading.term:after {
    font-size: 2em; }
  /* line 65, src/sass/components/_loading-spinner.scss */
  .loading-spinner.-absolute, .-absolute.-loading.button-default:after, .button-group.-melt > .-absolute.-loading.button:after, .-absolute.-loading.button-link:after, .-absolute.-loading.button-neutral:after, .-absolute.-loading.button-outline:after, .-absolute.-loading.button-plain:after, .-absolute.-loading.button-primary:after, .-absolute.-loading.button-secondary:after, .-absolute.-loading.button-hg:after, .form-switch > .-absolute.-loading.description:after, .tag-list > .-absolute.-loading.term:after {
    left: -webkit-calc(50% - 0.5em);
    left: calc(50% - 0.5em);
    position: absolute;
    top: -webkit-calc(50% - 0.5em);
    top: calc(50% - 0.5em);
    z-index: 9; }
  /* line 72, src/sass/components/_loading-spinner.scss */
  .loading-spinner.-hidden, .-hidden.-loading.button-default:after, .button-group.-melt > .-hidden.-loading.button:after, .-hidden.-loading.button-link:after, .-hidden.-loading.button-neutral:after, .-hidden.-loading.button-outline:after, .-hidden.-loading.button-plain:after, .-hidden.-loading.button-primary:after, .-hidden.-loading.button-secondary:after, .-hidden.-loading.button-hg:after, .form-switch > .-hidden.-loading.description:after, .tag-list > .-hidden.-loading.term:after {
    position: absolute;
    visibility: hidden; }

/* line 3, src/sass/components/_main-content.scss */
.main-content {
  position: relative; }
  @media (min-width: 48rem) {
    /* line 3, src/sass/components/_main-content.scss */
    .main-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: auto;
      max-width: 90rem;
      min-height: 60vh;
      -webkit-align-content: flex-start;
              align-content: flex-start; } }
  /* line 16, src/sass/components/_main-content.scss */
  .main-content > .messages {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%; }
    @media (min-width: 48rem) {
      /* line 16, src/sass/components/_main-content.scss */
      .main-content > .messages {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    /* line 23, src/sass/components/_main-content.scss */
    .main-content > .messages.-empty {
      display: none; }
  /* line 28, src/sass/components/_main-content.scss */
  .main-content > .content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    min-width: 0; }
    @media (min-width: 48rem) {
      /* line 28, src/sass/components/_main-content.scss */
      .main-content > .content {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    /* line 35, src/sass/components/_main-content.scss */
    .main-content > .content.-default {
      background-color: #fff;
      padding: 1rem 0.75rem;
      margin-bottom: 1.5rem; }
  @media (max-width: 63.9375rem) {
    /* line 42, src/sass/components/_main-content.scss */
    .main-content > .sidebar {
      display: none; } }

/* line 1, src/sass/components/_main-footer.scss */
.main-footer {
  padding: 1.5rem 0 0;
  background-color: #555;
  color: #fff;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 7, src/sass/components/_main-footer.scss */
  .main-footer > .finish {
    padding: 0 0 0.5rem; }
  /* line 12, src/sass/components/_main-footer.scss */
  .main-footer > .finish .copyright {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-size: 9.1px; }
    @media (min-width: 48rem) {
      /* line 12, src/sass/components/_main-footer.scss */
      .main-footer > .finish .copyright {
        text-align: right;
        top: 35px;
        position: relative; } }

/* line 27, src/sass/components/_main-footer.scss */
.app-store-icons {
  display: inline-block; }

/* line 31, src/sass/components/_main-footer.scss */
.app-store-icon {
  display: inline-block;
  margin-right: 0.75em; }

/* line 36, src/sass/components/_main-footer.scss */
.app-image {
  height: 45px;
  width: auto;
  max-width: 100%; }

/* line 1, src/sass/components/_main-header.scss */
.main-header {
  margin-bottom: 0.75rem;
  padding-top: 0.75rem; }
  @media (min-width: 48rem) {
    /* line 1, src/sass/components/_main-header.scss */
    .main-header {
      background-position: center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      margin-bottom: 1rem;
      padding-top: 1rem; } }
  @media (min-width: 48rem) {
    /* line 13, src/sass/components/_main-header.scss */
    .main-header.-mood-picture {
      background-image: url("../images/backgrounds/alps.jpg"); } }

/*
    Basic Map Box

    A simple map box for including a map with or without an icon.
    You can hide the marker by adding `data-map-marker="hide"` to the `jsmap`.

    markup:
    <div class="map map-box">
        <div class="jsmap"
             data-js-map
             data-map-streetview="false"
             data-map-options='{"mapTypeControl": true, "streetViewControl": true}'
             data-map-icon="/wp-content/themes/immostreet/assets/images/map-marker-main.png"
             data-map-location='{"lat": 47.5, "lng": 8.22}'
             data-map-location-inaccurate="false"></div>
    </div>

    Styleguide 2.10.11
*/
@media (min-width: 48rem) {
  /* line 20, src/sass/components/_map-box.scss */
  .map-box {
    min-height: 300px;
    max-height: 300px; } }

/* line 1, src/sass/components/_menu-bookmarks.scss */
.menu-bookmarks {
  display: inline-block;
  vertical-align: middle; }

/*
    Menus

    Styleguide 2.7.0
*/
/*
    Dropdown Menu

    Closed and openable dropdown-menu.

    markup:
    <button class="button-primary" data-toggle="-open" data-toggle-for="#menu-dropdown-styleguide-123">Trigger Dropdown Menu</button>
    <div class="menu-dropdown -lined-primary" id="menu-dropdown-styleguide-123">
        <ul class="list-separated">
            <li class="item">AAA</li>
            <li class="item">BBB</li>
            <li class="item">CCC</li>
        </ul>
    </div>

    Styleguide 2.7.1
*/
/* line 24, src/sass/components/_menu-dropdown.scss */
.menu-dropdown {
  display: none;
  position: absolute;
  min-width: 180px; }
  @media (max-width: 47.9375rem) {
    /* line 24, src/sass/components/_menu-dropdown.scss */
    .menu-dropdown {
      width: 100%;
      left: 0; } }
  /* line 34, src/sass/components/_menu-dropdown.scss */
  .menu-dropdown.-open {
    display: block;
    z-index: 120;
    background-color: #fff; }
  /* line 40, src/sass/components/_menu-dropdown.scss */
  .menu-dropdown.-lined-primary {
    -webkit-box-shadow: 0 -3px 0 #e43e33, 0 20px 20px -20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -3px 0 #e43e33, 0 20px 20px -20px rgba(0, 0, 0, 0.2);
    margin-top: 10px; }
    @media (min-width: 48rem) {
      /* line 40, src/sass/components/_menu-dropdown.scss */
      .menu-dropdown.-lined-primary {
        margin-top: 29px; } }
  /* line 49, src/sass/components/_menu-dropdown.scss */
  .menu-dropdown.-navtertiary {
    margin-top: 3px;
    right: 0; }
  /* line 54, src/sass/components/_menu-dropdown.scss */
  .menu-dropdown.-result-item-share {
    margin-top: 3px;
    width: 100%; }
    @media (min-width: 48rem) {
      /* line 54, src/sass/components/_menu-dropdown.scss */
      .menu-dropdown.-result-item-share {
        width: auto; } }
    @media (min-width: 64rem) {
      /* line 54, src/sass/components/_menu-dropdown.scss */
      .menu-dropdown.-result-item-share {
        width: 16.66666667%;
        right: 16.66666667%; } }
    /* line 69, src/sass/components/_menu-dropdown.scss */
    .menu-dropdown.-result-item-share.-smart {
      bottom: 38px; }
      /* line 72, src/sass/components/_menu-dropdown.scss */
      .menu-dropdown.-result-item-share.-smart.-lined-primary {
        -webkit-box-shadow: 0 3px 0 #e43e33, 0 20px 20px -20px rgba(0, 0, 0, 0.2);
                box-shadow: 0 3px 0 #e43e33, 0 20px 20px -20px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #555; }
      @media (min-width: 48rem) {
        /* line 69, src/sass/components/_menu-dropdown.scss */
        .menu-dropdown.-result-item-share.-smart {
          left: 50%;
          width: 50%; } }

/* line 1, src/sass/components/_menu-languages.scss */
.menu-languages {
  display: none;
  margin-bottom: 1rem;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  /* line 8, src/sass/components/_menu-languages.scss */
  .menu-languages.-open {
    -webkit-box-shadow: inset 0 -3px 0 #e43e33;
            box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 11, src/sass/components/_menu-languages.scss */
    .menu-languages.-open > .item:not(.-active) {
      visibility: visible; }
  /* line 16, src/sass/components/_menu-languages.scss */
  .menu-languages.-clone {
    -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.2);
    background-color: inherit;
    display: block;
    margin-bottom: 0;
    padding: 0 0.75rem 1rem; }
  /* line 25, src/sass/components/_menu-languages.scss */
  .menu-languages > .item {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-right: 1.5rem; }
    /* line 31, src/sass/components/_menu-languages.scss */
    .menu-languages > .item.-active {
      color: #d8d8d8; }

@media (min-width: 1155px) {
  /* line 39, src/sass/components/_menu-languages.scss */
  .lang-de.user-loggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-de.user-loggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 1030px) {
  /* line 40, src/sass/components/_menu-languages.scss */
  .lang-de.user-notloggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-de.user-notloggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 1220px) {
  /* line 41, src/sass/components/_menu-languages.scss */
  .lang-fr.user-loggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-fr.user-loggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 1100px) {
  /* line 42, src/sass/components/_menu-languages.scss */
  .lang-fr.user-notloggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-fr.user-notloggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 1120px) {
  /* line 43, src/sass/components/_menu-languages.scss */
  .lang-it.user-loggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-it.user-loggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 985px) {
  /* line 44, src/sass/components/_menu-languages.scss */
  .lang-it.user-notloggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-it.user-notloggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 1080px) {
  /* line 45, src/sass/components/_menu-languages.scss */
  .lang-en.user-loggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-en.user-loggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

@media (min-width: 930px) {
  /* line 46, src/sass/components/_menu-languages.scss */
  .lang-en.user-notloggedin .menu-languages {
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    margin-right: 0.75rem;
    vertical-align: middle; }
    /* line 199, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-languages::before {
      content: "";
      display: block;
      height: 100%; }
    /* line 205, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-languages.-open > .item.-active::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 211, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-languages.-clone {
      visibility: hidden;
      position: absolute; }
    /* line 216, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-languages > .item {
      display: block;
      margin-right: 0;
      padding: 0.5rem 1.5rem; }
      /* line 221, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .menu-languages > .item:not(.-active):last-of-type {
        -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5);
                box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5); }
      /* line 225, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .menu-languages > .item.-active {
        color: currentColor;
        cursor: pointer;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
        /* line 234, src/sass/meta/_mixins.scss */
        .lang-en.user-notloggedin .menu-languages > .item.-active::after {
          content: "p";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: ImmoStreetIcons;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          speak: none;
          text-transform: none;
          font-size: 0.75em;
          margin-left: 0.375rem; }
      /* line 242, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .menu-languages > .item:not(.-active) {
        background-color: #fff;
        visibility: hidden; }
    /* line 248, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-languages.-open > .item:not(.-active) {
      visibility: visible; } }

/* line 1, src/sass/components/_menu-user.scss */
.menu-user {
  position: relative; }
  /* line 4, src/sass/components/_menu-user.scss */
  .menu-user > .trigger {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-background-size: 0 0;
            background-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 3.5em;
    padding: 0;
    position: absolute;
    bottom: 100%;
    left: 0; }
    /* line 14, src/sass/components/_menu-user.scss */
    .menu-user > .trigger::before {
      display: inline-block;
      background-image: inherit;
      background-position: center left;
      background-repeat: no-repeat;
      -webkit-background-size: contain;
              background-size: contain;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 2px #d8d8d8;
              box-shadow: 0 0 0 2px #d8d8d8;
      content: "";
      height: 2em;
      margin-right: 1em;
      width: 2em; }
  /* line 29, src/sass/components/_menu-user.scss */
  .menu-user > .content > .item {
    padding: 0.5rem 0; }
    /* line 32, src/sass/components/_menu-user.scss */
    .menu-user > .content > .item:not(:first-child) {
      -webkit-box-shadow: none;
              box-shadow: none; }

@media (min-width: 1155px) {
  /* line 40, src/sass/components/_menu-user.scss */
  .lang-de.user-loggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-de.user-loggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 1030px) {
  /* line 41, src/sass/components/_menu-user.scss */
  .lang-de.user-notloggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-de.user-notloggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 1220px) {
  /* line 42, src/sass/components/_menu-user.scss */
  .lang-fr.user-loggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-fr.user-loggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 1100px) {
  /* line 43, src/sass/components/_menu-user.scss */
  .lang-fr.user-notloggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-fr.user-notloggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 1120px) {
  /* line 44, src/sass/components/_menu-user.scss */
  .lang-it.user-loggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-it.user-loggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 985px) {
  /* line 45, src/sass/components/_menu-user.scss */
  .lang-it.user-notloggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-it.user-notloggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 1080px) {
  /* line 46, src/sass/components/_menu-user.scss */
  .lang-en.user-loggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-en.user-loggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

@media (min-width: 930px) {
  /* line 47, src/sass/components/_menu-user.scss */
  .lang-en.user-notloggedin .menu-user {
    display: inline-block;
    position: static;
    vertical-align: middle; }
    /* line 260, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-user > .trigger {
      height: 100%;
      margin-bottom: 0;
      position: static; }
      /* line 265, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .menu-user > .trigger::after {
        content: "p";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: ImmoStreetIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 0.75em;
        margin-left: 0.375rem; }
    /* line 273, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-user.-open > .trigger::after {
      content: "q";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 0.75em; }
    /* line 279, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-user:not(.-open) > .content {
      display: none; }
    /* line 283, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .menu-user > .content {
      background-color: #fff;
      -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
              box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2), 0 -3px 0 #e43e33;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%; }
      /* line 291, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .menu-user > .content > .item {
        padding: 1rem 0.75rem; }
        /* line 294, src/sass/meta/_mixins.scss */
        .lang-en.user-notloggedin .menu-user > .content > .item:not(:first-child) {
          -webkit-box-shadow: 0 -2px 0 #d8d8d8;
                  box-shadow: 0 -2px 0 #d8d8d8; } }

/* line 1, src/sass/components/_nav-footer.scss */
.nav-footer {
  display: inline-block;
  vertical-align: middle; }
  /* line 5, src/sass/components/_nav-footer.scss */
  .nav-footer > .item {
    display: block; }

/*
    Navigations

    Styleguide 2.6.0
*/
/*
    Pagination

    The default variant of pagination.

    markup:
    <div class="nav-pagination">
        <p class="counter">Page <span class="number">5</span> of <span class="number">15</span></p>
        <nav class="items">
            <a href="#" class="item -previous">previous Page</a>
            <a href="#" class="item -secondary">5</a>
            <a href="#" class="item -primary">6</a>
            <a href="#" class="item -secondary">7</a>
            <a href="#" class="item -next">next Page</a>
        </nav>
    </div>

    Styleguide 2.6.1
*/
/* line 26, src/sass/components/_nav-pagination.scss */
.nav-pagination {
  text-align: center;
  margin-bottom: 1.5rem;
  position: relative; }
  /* line 31, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .counter {
    padding: 1em 0; }
  /* line 35, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .counter > .number {
    font-weight: bold; }
  /* line 39, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items {
    vertical-align: middle;
    position: static; }
  /* line 44, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item {
    text-decoration: none;
    text-align: center;
    padding: 0.5em 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1em;
    border-radius: 3px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block; }
  /* line 57, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item.-previous {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  /* line 63, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item.-next {
    margin-left: 0;
    margin-right: 0;
    float: right; }
  @media (max-width: 47.9375rem) {
    /* line 70, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-pages {
      margin-left: -0.5em;
      margin-right: -0.5em; }
    /* line 75, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-flexed {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center; } }
  @media (min-width: 48rem) {
    /* line 84, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction:not(.-extensively) > .item.-previous,
    .nav-pagination > .items.-direction:not(.-extensively) > .item.-next {
      position: absolute;
      bottom: 0;
      margin-top: 0; }
    /* line 91, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction:not(.-extensively) > .item.-previous {
      left: 0; }
    /* line 95, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction:not(.-extensively) > .item.-next {
      right: 0; } }
  @media (min-width: 90rem) {
    /* line 101, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction > .item.-previous,
    .nav-pagination > .items.-direction > .item.-next {
      position: absolute;
      bottom: 0;
      margin-top: 0; }
    /* line 108, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction > .item.-previous {
      left: 0; }
    /* line 112, src/sass/components/_nav-pagination.scss */
    .nav-pagination > .items.-direction > .item.-next {
      right: 0; } }
  /* line 117, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item.-previous,
  .nav-pagination > .items > .item.-next {
    background-color: #d8d8d8; }
  /* line 122, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item.-primary {
    background-color: #555;
    color: #fff; }
  /* line 127, src/sass/components/_nav-pagination.scss */
  .nav-pagination > .items > .item.-secondary {
    background-color: #fff; }
  /* line 131, src/sass/components/_nav-pagination.scss */
  .nav-pagination::after {
    clear: both;
    content: "";
    display: table; }

/* line 1, src/sass/components/_nav-primary.scss */
.nav-primary {
  background-color: inherit;
  display: block;
  padding: 0 0.75rem 1rem; }
  /* line 6, src/sass/components/_nav-primary.scss */
  .nav-primary::before {
    background-color: #d8d8d8;
    content: "";
    display: block;
    height: 2px;
    margin: 0 0 0.5rem; }
  /* line 14, src/sass/components/_nav-primary.scss */
  .nav-primary > .item {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 0.5rem 0; }
    /* line 20, src/sass/components/_nav-primary.scss */
    .nav-primary > .item.-active {
      color: #e43e33; }

@media (min-width: 1155px) {
  /* line 28, src/sass/components/_nav-primary.scss */
  .lang-de.user-loggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-de.user-loggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 1030px) {
  /* line 29, src/sass/components/_nav-primary.scss */
  .lang-de.user-notloggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-de.user-notloggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 1220px) {
  /* line 30, src/sass/components/_nav-primary.scss */
  .lang-fr.user-loggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-fr.user-loggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 1100px) {
  /* line 31, src/sass/components/_nav-primary.scss */
  .lang-fr.user-notloggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-fr.user-notloggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 1120px) {
  /* line 32, src/sass/components/_nav-primary.scss */
  .lang-it.user-loggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-it.user-loggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 985px) {
  /* line 33, src/sass/components/_nav-primary.scss */
  .lang-it.user-notloggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-it.user-notloggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 1080px) {
  /* line 34, src/sass/components/_nav-primary.scss */
  .lang-en.user-loggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-en.user-loggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

@media (min-width: 930px) {
  /* line 35, src/sass/components/_nav-primary.scss */
  .lang-en.user-notloggedin .nav-primary {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    height: 100%;
    margin-left: 1.5rem;
    padding: 0;
    vertical-align: middle; }
    /* line 133, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .nav-primary::before {
      display: none; }
    /* line 137, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .nav-primary > .item {
      display: inline-block;
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 143, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .nav-primary > .item:not(:last-child) {
        margin-right: 0.75rem; }
      /* line 147, src/sass/meta/_mixins.scss */
      .lang-en.user-notloggedin .nav-primary > .item.-active {
        -webkit-box-shadow: inset 0 -3px 0 currentColor;
                box-shadow: inset 0 -3px 0 currentColor; }
    /* line 163, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .nav-primary .nav-submenu > .trigger::after {
      display: inline-block; }
    /* line 167, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .nav-primary .nav-submenu > .trigger.-active {
      color: #e43e33;
      -webkit-box-shadow: inset 0 -3px 0 currentColor;
              box-shadow: inset 0 -3px 0 currentColor; } }

/* line 1, src/sass/components/_nav-secondary.scss */
.nav-secondary {
  background-color: inherit;
  padding: 1rem 0.75rem; }

@media (min-width: 1155px) {
  /* line 8, src/sass/components/_nav-secondary.scss */
  .lang-de.user-loggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-de.user-loggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 1030px) {
  /* line 9, src/sass/components/_nav-secondary.scss */
  .lang-de.user-notloggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-de.user-notloggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 1220px) {
  /* line 10, src/sass/components/_nav-secondary.scss */
  .lang-fr.user-loggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-fr.user-loggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 1100px) {
  /* line 11, src/sass/components/_nav-secondary.scss */
  .lang-fr.user-notloggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-fr.user-notloggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 1120px) {
  /* line 12, src/sass/components/_nav-secondary.scss */
  .lang-it.user-loggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-it.user-loggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 985px) {
  /* line 13, src/sass/components/_nav-secondary.scss */
  .lang-it.user-notloggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-it.user-notloggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 1080px) {
  /* line 14, src/sass/components/_nav-secondary.scss */
  .lang-en.user-loggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-en.user-loggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

@media (min-width: 930px) {
  /* line 15, src/sass/components/_nav-secondary.scss */
  .lang-en.user-notloggedin .nav-secondary {
    background-color: transparent;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
    top: 0; }
    /* line 183, src/sass/meta/_mixins.scss */
    .lang-en.user-notloggedin .nav-secondary > .user {
      margin-left: 1.5rem; } }

/*
    Sidebar Navigation

    The default variant of a sidebar navigation

    markup:
    <nav class="nav-sidebar">
        <a href="#" class="item"><i class="icon icon-flat-big"></i><span class="text">Point A</span></a>
        <a href="#" class="item"><i class="icon icon-year-built"></i><span class="text">Point B</span></a>
        <a href="#" class="item -active"><i class="icon icon-mail"></i><span class="text">Point C</span></a>
        <a href="#" class="item"><i class="icon icon-streetview"></i><span class="text">Point D</span></a>
        <a href="#" class="item"><i class="icon icon-phone"></i><span class="text">Point E</span></a>
    </nav>

    Styleguide 2.6.2
*/
/* line 17, src/sass/components/_nav-sidebar.scss */
.nav-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row; }
  @media (min-width: 48rem) {
    /* line 17, src/sass/components/_nav-sidebar.scss */
    .nav-sidebar {
      display: block; } }
  /* line 27, src/sass/components/_nav-sidebar.scss */
  .nav-sidebar > .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    padding: 1rem;
    background-color: #fff;
    text-decoration: none;
    text-align: center; }
    @media (min-width: 48rem) {
      /* line 27, src/sass/components/_nav-sidebar.scss */
      .nav-sidebar > .item {
        margin-bottom: 0.33333333rem;
        text-align: left;
        display: block; }
        /* line 39, src/sass/components/_nav-sidebar.scss */
        .nav-sidebar > .item > .icon {
          padding-right: 1rem; } }
    /* line 44, src/sass/components/_nav-sidebar.scss */
    .nav-sidebar > .item:hover:not(.-disabled) {
      background-color: #d8d8d8;
      text-decoration: none; }
      /* line 48, src/sass/components/_nav-sidebar.scss */
      .nav-sidebar > .item:hover:not(.-disabled) > .text {
        text-decoration: underline; }
    /* line 53, src/sass/components/_nav-sidebar.scss */
    .nav-sidebar > .item.-active {
      background-color: #e43e33;
      color: #fff; }
      /* line 57, src/sass/components/_nav-sidebar.scss */
      .nav-sidebar > .item.-active:hover {
        background-color: #e43e33; }
    /* line 62, src/sass/components/_nav-sidebar.scss */
    .nav-sidebar > .item.-disabled {
      pointer-events: none; }
    /* line 66, src/sass/components/_nav-sidebar.scss */
    .nav-sidebar > .item > .text {
      display: none; }
      @media (min-width: 48rem) {
        /* line 66, src/sass/components/_nav-sidebar.scss */
        .nav-sidebar > .item > .text {
          display: inline; } }

/* line 1, src/sass/components/_nav-submenu.scss */
.nav-submenu {
  display: inline-block;
  height: 100%;
  margin-right: 0.75rem;
  position: relative;
  vertical-align: top; }
  /* line 8, src/sass/components/_nav-submenu.scss */
  .nav-submenu.-active > .trigger {
    color: #e43e33; }
  /* line 12, src/sass/components/_nav-submenu.scss */
  .nav-submenu.-open > .trigger::after {
    content: "q";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none; }
  /* line 16, src/sass/components/_nav-submenu.scss */
  .nav-submenu > .trigger {
    cursor: pointer;
    display: block;
    outline: 0;
    padding: 0.5rem 0;
    text-decoration: none; }
    /* line 23, src/sass/components/_nav-submenu.scss */
    .nav-submenu > .trigger.-active {
      color: #e43e33; }
    /* line 27, src/sass/components/_nav-submenu.scss */
    .nav-submenu > .trigger::after {
      content: "p";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      display: none;
      font-size: 0.75em;
      margin-left: 0.375rem; }
  @media (min-width: 1155px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-de.user-loggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-de.user-loggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-de.user-loggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-de.user-loggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-de.user-loggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 1030px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-de.user-notloggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-de.user-notloggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-de.user-notloggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-de.user-notloggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-de.user-notloggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 1220px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-loggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-loggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-loggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-fr.user-loggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-loggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 1100px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-notloggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-notloggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-notloggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-fr.user-notloggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-fr.user-notloggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 1120px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-it.user-loggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-it.user-loggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-it.user-loggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-it.user-loggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-it.user-loggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 985px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-it.user-notloggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-it.user-notloggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-it.user-notloggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-it.user-notloggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-it.user-notloggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 1080px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-en.user-loggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-en.user-loggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-en.user-loggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-en.user-loggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-en.user-loggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }
  @media (min-width: 930px) {
    /* line 42, src/sass/components/_nav-submenu.scss */
    .lang-en.user-notloggedin .nav-submenu:not(.-open) > .menu {
      visibility: hidden; }
    /* line 46, src/sass/components/_nav-submenu.scss */
    .lang-en.user-notloggedin .nav-submenu.-active > .trigger {
      -webkit-box-shadow: inset 0 -3px 0 #e43e33;
              box-shadow: inset 0 -3px 0 #e43e33; }
    /* line 50, src/sass/components/_nav-submenu.scss */
    .lang-en.user-notloggedin .nav-submenu > .trigger {
      height: 100%;
      line-height: 71px;
      padding: 0; }
      /* line 57, src/sass/components/_nav-submenu.scss */
      .lang-en.user-notloggedin .nav-submenu > .trigger::before {
        content: "yes";
        font-size: 0; }
    /* line 63, src/sass/components/_nav-submenu.scss */
    .lang-en.user-notloggedin .nav-submenu > .menu {
      -webkit-box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
              box-shadow: 0 10px 10px -2rem rgba(0, 0, 0, 0.5), 0 -3px 0 #e43e33;
      background-color: #fff;
      left: 0;
      min-width: 300px;
      position: absolute;
      top: 100%; } }

/*
    Tertiary Navigation

    The 3rd-level navigation in the header

    markup:
    <nav class="nav-tertiary">
        <a href="#" class="item">An item</a>
        <a href="#" class="item">An item</a>
        <a href="#" class="item -active">An active item</a>
        <a href="#" class="item">An item</a>
        <a href="#" class="item">An item</a>
    </nav>

    Styleguide 2.6.3
*/
/* line 17, src/sass/components/_nav-tertiary.scss */
.nav-tertiary {
  -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin: 0;
  padding: 0 0.75rem 1rem; }
  /* line 24, src/sass/components/_nav-tertiary.scss */
  .nav-tertiary::before {
    background-color: #d8d8d8;
    content: "";
    display: block;
    height: 2px;
    margin: 0 0 0.5rem; }
  @media (min-width: 48rem) {
    /* line 17, src/sass/components/_nav-tertiary.scss */
    .nav-tertiary {
      padding-left: 1.5rem;
      padding-bottom: 0;
      margin-top: 3px;
      position: relative; }
      /* line 38, src/sass/components/_nav-tertiary.scss */
      .nav-tertiary::before {
        display: none; } }
  /* line 43, src/sass/components/_nav-tertiary.scss */
  .nav-tertiary > .item {
    display: block;
    text-decoration: none;
    padding: 0.5rem 0; }
    /* line 48, src/sass/components/_nav-tertiary.scss */
    .nav-tertiary > .item > .icon {
      color: #d8d8d8; }
    @media (min-width: 48rem) {
      /* line 43, src/sass/components/_nav-tertiary.scss */
      .nav-tertiary > .item {
        display: inline-block;
        height: 100%;
        line-height: 50px;
        padding: 0; }
        /* line 58, src/sass/components/_nav-tertiary.scss */
        .nav-tertiary > .item:not(:last-child) {
          margin-right: 0.75rem; }
        /* line 62, src/sass/components/_nav-tertiary.scss */
        .nav-tertiary > .item.-pullright {
          display: block;
          margin: -50px 0.75rem 0 auto;
          position: relative; }
        /* line 68, src/sass/components/_nav-tertiary.scss */
        .nav-tertiary > .item.-pullright.-empty {
          margin-top: 0; } }
    /* line 73, src/sass/components/_nav-tertiary.scss */
    .nav-tertiary > .item.-active {
      color: #e43e33; }

/* line 1, src/sass/components/_pin-me.scss */
.pin-me {
  top: auto;
  position: relative;
  display: none; }
  @media (min-width: 64rem) {
    /* line 1, src/sass/components/_pin-me.scss */
    .pin-me {
      display: block; } }
  /* line 10, src/sass/components/_pin-me.scss */
  .pin-me.-pinned {
    position: fixed;
    top: 0;
    width: 300px; }
  /* line 16, src/sass/components/_pin-me.scss */
  .pin-me.-header {
    width: 100%;
    margin: 0;
    display: block; }
    /* line 21, src/sass/components/_pin-me.scss */
    .pin-me.-header.-pinned {
      top: 0; }
  /* line 26, src/sass/components/_pin-me.scss */
  .pin-me.-gotosearch {
    display: none; }
    @media (max-width: 47.9375rem) {
      /* line 30, src/sass/components/_pin-me.scss */
      .pin-me.-gotosearch.-pinned {
        display: block;
        top: 0;
        left: 0;
        z-index: 95; } }

/* line 1, src/sass/components/_plain-list.scss */
.plain-list {
  padding-left: 18px; }

/*
    Post content

    A content wrapper for some articles / teasers / whatever, mostly used on the front-page.

    markup:
    <div class="post-content">
        <h3 class="title">Title of this content</h3>
        <h4 class="subtitle">Subtitle of this content</h4>
        <div class="article-row">
            <article class="contentarticle">
                <h3>Title</h3>
                <p>Some text</p>
                <a href="#" class="articlelink">A Link</a>
                <img src="http://placehold.it/400x250" class="image">
            </article>
            <article class="contentarticle">
                <h3>Title</h3>
                <p>Some text</p>
                <p>Some text</p>
                <p>Some text</p>
                <a href="#" class="articlelink">A Link</a>
                <img src="http://placehold.it/400x250" class="image">
            </article>
            <article class="contentarticle">ARTIKEL</article>
        </div>
    </div>

    Styleguide 2.8.4
*/
/* line 31, src/sass/components/_post-content.scss */
.post-content {
  padding: 2rem 0; }
  /* line 36, src/sass/components/_post-content.scss */
  .post-content:nth-child(even)::before {
    background-color: #fff;
    z-index: -1; }
  /* line 41, src/sass/components/_post-content.scss */
  .post-content > .title {
    margin: 1rem 0 0; }
  /* line 45, src/sass/components/_post-content.scss */
  .post-content > .subtitle {
    margin: 0 0 0.5rem;
    color: #898989;
    font-weight: 400;
    font-size: 15.4px; }
  /* line 52, src/sass/components/_post-content.scss */
  .post-content.-no-padding-bottom {
    padding-bottom: 0; }

/* line 57, src/sass/components/_post-content.scss */
.selection-link > .image.-laselectionimage {
  position: relative;
  max-width: 200px;
  margin: 1rem auto 0;
  bottom: 0;
  right: 0; }
  @media (min-width: 651px) {
    /* line 57, src/sass/components/_post-content.scss */
    .selection-link > .image.-laselectionimage {
      position: absolute;
      margin: 0; } }
  @media (min-width: 48rem) {
    /* line 57, src/sass/components/_post-content.scss */
    .selection-link > .image.-laselectionimage {
      right: 30px; } }

/*
    Primary link

    Primary link component

    markup:
    <a href="#" class="primary-link">link</a>

    Styleguide 2.10.5
*/
/* line 11, src/sass/components/_primary-link.scss */
.primary-link {
  color: #e43e33;
  padding: 0;
  text-decoration: underline; }
  /* line 16, src/sass/components/_primary-link.scss */
  .primary-link.-undecorated {
    color: initial;
    text-decoration: none; }

/* line 1, src/sass/components/_print-gallery.scss */
.print-gallery {
  display: none; }
  @media print {
    /* line 1, src/sass/components/_print-gallery.scss */
    .print-gallery {
      clear: both;
      content: "";
      display: table;
      display: block;
      page-break-before: always; }
      /* line 10, src/sass/components/_print-gallery.scss */
      .print-gallery > .image {
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 47.5%; }
        /* line 16, src/sass/components/_print-gallery.scss */
        .print-gallery > .image:nth-child(2n) {
          margin-left: 2.5%;
          margin-right: 0; }
        /* line 21, src/sass/components/_print-gallery.scss */
        .print-gallery > .image:nth-child(n+3) {
          margin-top: 4%; } }

/*
    Progress bar

    Progress bar component, displays, well, progress.

    markup:
    <div class="progress-bar"><span class="bar" style="width: 10%;"></div>
    <div class="progress-bar"><span class="bar" style="width: 60%;"></div>

    Styleguide 2.10.16
*/
/* line 15, src/sass/components/_progress-bar.scss */
.progress-bar {
  display: inline-block;
  width: 100%; }
  /* line 19, src/sass/components/_progress-bar.scss */
  .progress-bar > .bar {
    border-radius: 0.25em;
    -webkit-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    display: inline-block;
    height: 0.5em;
    width: 0;
    background: #e43e33; }

/*
    Rate interest

    A box within slider.

    Styleguide 2.10.17
*/
/* line 10, src/sass/components/_rate-interest.scss */
.rate-interest > .slider {
  display: block;
  width: 100%;
  min-width: 10rem;
  max-width: 100%;
  min-height: 5rem;
  padding: 1.5em;
  margin-bottom: 0.25em; }

/* line 20, src/sass/components/_rate-interest.scss */
.rate-interest > .label {
  padding: 1.5em 1.5em 0;
  color: #898989; }

/* line 25, src/sass/components/_rate-interest.scss */
.rate-interest > .slider.-hidden {
  visibility: hidden; }

/* line 29, src/sass/components/_rate-interest.scss */
.rate-interest > .slider > .value {
  color: #e43e33;
  font-weight: 300;
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.25em;
  line-height: 1; }

/* line 38, src/sass/components/_rate-interest.scss */
.rate-interest > .title,
.rate-interest > .link {
  font-weight: 700; }

/* line 43, src/sass/components/_rate-interest.scss */
.rate-interest > .link {
  color: #e43e33;
  text-decoration: none; }

/* line 48, src/sass/components/_rate-interest.scss */
.rate-interest::after {
  clear: both;
  content: "";
  display: table; }

/*
    Results ad

    The default variant of results ad.
*/
/* line 6, src/sass/components/_results-ad.scss */
.results-ad,
.results-tamediaimage {
  position: relative;
  text-align: center; }
  /* line 11, src/sass/components/_results-ad.scss */
  .results-ad > .container,
  .results-tamediaimage > .container {
    display: none; }
  /* line 15, src/sass/components/_results-ad.scss */
  .results-ad > .container.-show,
  .results-tamediaimage > .container.-show {
    display: inline-block; }
  /* line 19, src/sass/components/_results-ad.scss */
  .results-ad.-leaderboard > .container,
  .results-ad.-wideboard > .container,
  .results-tamediaimage.-leaderboard > .container,
  .results-tamediaimage.-wideboard > .container {
    margin: 0 auto 1.5rem auto; }

/*
    Results attributes

    The default variant of attributes in results item.

    markup:
    <ul class="results-attributes">
        <li class="item">
            <span class="key">Type</span>
            <span class="value">Garage</span>
        </li>
        <li class="item">
            <span class="key">Usage</span>
            <span class="value">Free</span>
        </li>
    </ul>

    Styleguide 2.4.4
*/
/* line 20, src/sass/components/_results-attributes.scss */
.results-attributes {
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  /* line 26, src/sass/components/_results-attributes.scss */
  .results-attributes::after,
  .results-attributes > .item::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 48rem) {
    /* line 20, src/sass/components/_results-attributes.scss */
    .results-attributes {
      display: block; }
      /* line 34, src/sass/components/_results-attributes.scss */
      .results-attributes > .item > .key,
      .results-attributes > .item > .value {
        float: left;
        line-height: 1.75; }
      /* line 40, src/sass/components/_results-attributes.scss */
      .results-attributes > .item > .key {
        width: 35%;
        font-weight: 200;
        color: #898989; }
      /* line 46, src/sass/components/_results-attributes.scss */
      .results-attributes > .item > .value {
        width: 65%;
        text-align: right;
        font-weight: 700; } }

/*
    Results bookmark

    The default variant of bookmark in results item.

    markup:
    <div class="results-bookmark">
        <button class="button {{modifier_class}}"></button>
    </div>

    .-active     - Display item as activated

    Styleguide 2.4.6
*/
/* line 16, src/sass/components/_results-bookmark.scss */
.results-bookmark {
  position: absolute;
  top: 10%;
  right: 0;
  z-index: 40; }
  /* line 22, src/sass/components/_results-bookmark.scss */
  .results-bookmark > .button {
    border: 0 none;
    background-color: rgba(0, 0, 0, 0.6);
    color: transparent;
    font-size: 24px;
    line-height: 20px;
    cursor: pointer;
    margin: 0;
    padding: 0.15em; }
    /* line 32, src/sass/components/_results-bookmark.scss */
    .results-bookmark > .button:focus {
      outline: 0; }
    /* line 36, src/sass/components/_results-bookmark.scss */
    .results-bookmark > .button::after {
      content: "4";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      color: #fff; }
    /* line 42, src/sass/components/_results-bookmark.scss */
    .results-bookmark > .button.-active::after {
      content: "5";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none; }
    /* line 46, src/sass/components/_results-bookmark.scss */
    .results-bookmark > .button.-loading::after {
      -webkit-animation: loading-rotation 1s infinite linear;
           -o-animation: loading-rotation 1s infinite linear;
              animation: loading-rotation 1s infinite linear;
      -webkit-transform-origin: 50% 54%;
           -o-transform-origin: 50% 54%;
              transform-origin: 50% 54%;
      display: inline-block;
      opacity: 0.5; }

/*
    Results content

    The default variant of content in results item.

    markup:
    <div class="results-content">
        <h2 class="title">My castle</h2>
        <div class="location">0000 Anywhere</div>
        <div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
        {{> "2.4.4"}}
    </div>

    Styleguide 2.4.3
*/
/* line 16, src/sass/components/_results-content.scss */
.results-content {
  padding: 0.75rem; }
  @media (min-width: 48rem) {
    /* line 16, src/sass/components/_results-content.scss */
    .results-content {
      min-height: 15em; } }
  @media (min-width: 64rem) {
    /* line 16, src/sass/components/_results-content.scss */
    .results-content {
      min-height: 17.5em; } }
  /* line 29, src/sass/components/_results-content.scss */
  .results-content > .title {
    font-size: 20px;
    font-weight: 700;
    color: #e43e33;
    line-height: 1.5; }
    /* line 35, src/sass/components/_results-content.scss */
    .results-content > .title > a {
      text-decoration: none; }
    /* line 39, src/sass/components/_results-content.scss */
    .results-content > .title > .count {
      margin-left: 0.375rem;
      -webkit-transform: translateY(-0.1em);
           -o-transform: translateY(-0.1em);
              transform: translateY(-0.1em); }
      @media (min-width: 48rem) {
        /* line 39, src/sass/components/_results-content.scss */
        .results-content > .title > .count {
          -webkit-transform: translateY(-0.4em);
               -o-transform: translateY(-0.4em);
                  transform: translateY(-0.4em); } }
  /* line 49, src/sass/components/_results-content.scss */
  .results-content > .location {
    font-weight: 300;
    padding-bottom: 0.5em; }
  /* line 54, src/sass/components/_results-content.scss */
  .results-content.-noborder::after {
    content: none; }
  @media (max-width: 47.9375rem) {
    /* line 59, src/sass/components/_results-content.scss */
    .results-content > .title,
    .results-content > .location {
      font-size: 14px; } }
  @media (max-width: 48rem) {
    /* line 66, src/sass/components/_results-content.scss */
    .results-content.-nopaddingtopmedium {
      padding-top: 0; } }
  @media (min-width: 48rem) {
    /* line 16, src/sass/components/_results-content.scss */
    .results-content {
      padding: 1.5rem; }
      /* line 74, src/sass/components/_results-content.scss */
      .results-content > .title,
      .results-content > .location {
        font-weight: 300; }
      /* line 79, src/sass/components/_results-content.scss */
      .results-content > .location {
        margin-top: 0.25rem; }
      /* line 83, src/sass/components/_results-content.scss */
      .results-content > .title {
        word-wrap: break-word; }
      /* line 88, src/sass/components/_results-content.scss */
      .results-content > .attributesshort {
        display: none; } }
  @media (min-width: 80rem) {
    /* line 94, src/sass/components/_results-content.scss */
    .results-content::after {
      content: "";
      position: absolute;
      top: 0;
      right: 1px;
      bottom: 0;
      width: 2px;
      background-color: #f4f4f4; } }

/*
    Results detail

    The default variant of detail in results item.

    markup:
    <div class="results-detail">
        <div class="availability">
            <span class="_text-silent">Availability</span><br>
            <span class="_text-fat">1.11.2016</span>
        </div>
    </div>

    Styleguide 2.4.5
*/
/* line 16, src/sass/components/_results-detail.scss */
.results-detail {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-content: stretch;
          align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch; }
  @media (min-width: 80rem) {
    /* line 16, src/sass/components/_results-detail.scss */
    .results-detail {
      position: absolute;
      height: 100%;
      width: 100%; } }
  /* line 34, src/sass/components/_results-detail.scss */
  .results-detail > .agency {
    display: none;
    max-height: 90px;
    width: 100%;
    padding: 0.75rem;
    padding-bottom: 0;
    text-align: right; }
    /* line 42, src/sass/components/_results-detail.scss */
    .results-detail > .agency > .image {
      width: auto;
      max-height: 80px;
      position: relative; }
      @media (min-width: 1044px) {
        /* line 42, src/sass/components/_results-detail.scss */
        .results-detail > .agency > .image {
          max-width: 200px; } }
    /* line 52, src/sass/components/_results-detail.scss */
    .results-detail > .agency > .image.-broken {
      display: none; }
    /* line 56, src/sass/components/_results-detail.scss */
    .results-detail > .agency > .noimage {
      width: 160px;
      height: 35px; }
    @media (min-width: 80rem) {
      /* line 34, src/sass/components/_results-detail.scss */
      .results-detail > .agency {
        display: block;
        min-height: 90px; } }
  /* line 67, src/sass/components/_results-detail.scss */
  .results-detail > .descriptionwrapper {
    display: none;
    padding: 1rem 0.75rem 0.5rem 0.75rem; }
    @media (min-width: 80rem) {
      /* line 67, src/sass/components/_results-detail.scss */
      .results-detail > .descriptionwrapper {
        display: block; } }
    /* line 77, src/sass/components/_results-detail.scss */
    .results-detail > .descriptionwrapper > .attributeslinks {
      display: inline-block;
      width: 26px;
      padding-top: 0.25rem;
      vertical-align: top;
      text-align: right; }
    /* line 85, src/sass/components/_results-detail.scss */
    .results-detail > .descriptionwrapper > .description {
      display: none;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      max-height: 5em;
      margin: 0;
      overflow: hidden;
      color: #898989; }
      @media (min-width: 80rem) {
        /* line 85, src/sass/components/_results-detail.scss */
        .results-detail > .descriptionwrapper > .description {
          display: inline-block; } }
  /* line 99, src/sass/components/_results-detail.scss */
  .results-detail > .action {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    -webkit-flex-basis: auto;
            flex-basis: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    /* line 106, src/sass/components/_results-detail.scss */
    .results-detail > .action > .share,
    .results-detail > .action > .request {
      border-radius: 0;
      width: 50%;
      float: left;
      text-align: center;
      display: inline-block;
      z-index: 1;
      position: relative;
      margin: 0 auto; }
    /* line 118, src/sass/components/_results-detail.scss */
    .results-detail > .action > .share > .icon {
      color: #898989; }

/*
    Results gallery

    Styles gallery or image component for result item.

    markup:
    <div class="grid-row">
        <div class="column -md-6">
            <!-- gallery: single -->
            <div class="results-gallery">
                <img class="image" src="https://source.unsplash.com/random/360x240" alt="">
            </div>
        </div>
        <div class="column -md-6">
            <!-- gallery: carousel -->
            <div class="results-gallery" data-gallery-carousel>
                <div class="slide">
                    <img class="image" src="https://source.unsplash.com/random/360x240" alt="G">
                </div>
                <div class="slide">
                    <img class="image" data-lazy="https://source.unsplash.com/random/360x240" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="">
                </div>
            </div>
        </div>
    </div>

    Styleguide 2.4.9
*/
/* line 30, src/sass/components/_results-gallery.scss */
.results-gallery {
  height: 320px;
  /* stylelint-disable */
  /* stylelint-enable */ }
  @media (max-width: 47.9375rem) {
    /* line 39, src/sass/components/_results-gallery.scss */
    .results-gallery.-empty:not(.-smart) {
      height: 240px; } }
  @media (min-width: 48rem) {
    /* line 30, src/sass/components/_results-gallery.scss */
    .results-gallery {
      height: 100%; }
      /* line 48, src/sass/components/_results-gallery.scss */
      .results-gallery.-smart {
        height: 300px; } }
  /* line 53, src/sass/components/_results-gallery.scss */
  .results-gallery > .image {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  /* line 59, src/sass/components/_results-gallery.scss */
  .results-gallery > .image,
  .results-gallery > .noimage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  /* line 68, src/sass/components/_results-gallery.scss */
  .results-gallery > .noimage {
    background-color: #fcfcfc;
    text-align: center; }
    /* line 72, src/sass/components/_results-gallery.scss */
    .results-gallery > .noimage::before {
      content: "E";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 100px;
      color: #e8e8e8;
      position: relative;
      top: 25%; }
  /* line 82, src/sass/components/_results-gallery.scss */
  .results-gallery > .slide {
    text-align: center; }
    /* line 85, src/sass/components/_results-gallery.scss */
    .results-gallery > .slide > .image {
      margin: 0 auto; }
  /* line 91, src/sass/components/_results-gallery.scss */
  .results-gallery .slick-list,
  .results-gallery .slick-track {
    height: 100%; }
  /* line 96, src/sass/components/_results-gallery.scss */
  .results-gallery > .slick-list .slide {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    overflow: hidden;
    position: relative; }
  /* line 104, src/sass/components/_results-gallery.scss */
  .results-gallery > .slick-dots {
    top: -5px; }
    /* line 107, src/sass/components/_results-gallery.scss */
    .results-gallery > .slick-dots > li {
      width: 14px;
      height: 14px; }
    /* line 112, src/sass/components/_results-gallery.scss */
    .results-gallery > .slick-dots > li > button {
      width: 14px;
      height: 14px; }
    /* line 117, src/sass/components/_results-gallery.scss */
    .results-gallery > .slick-dots > li > button::before {
      font-size: 16px; }
  /* line 122, src/sass/components/_results-gallery.scss */
  .results-gallery .slick-prev {
    width: 40px;
    height: 40px; }
  /* line 127, src/sass/components/_results-gallery.scss */
  .results-gallery .slick-prev {
    left: 5px; }
  /* line 131, src/sass/components/_results-gallery.scss */
  .results-gallery .slick-next {
    right: 5px; }
  /* line 135, src/sass/components/_results-gallery.scss */
  .results-gallery .slick-prev::before,
  .results-gallery .slick-next::before {
    font-size: 40px;
    vertical-align: middle; }

/*
    Results headline

    The default variant of the headline.

    markup:
    <div class="results-headline">
        <span class="hits">99 Hits</span> &middot;
        <h1 class="headline">House in Anywhere</h1>
    </div>

    Styleguide 2.4.21
*/
/* line 14, src/sass/components/_results-headline.scss */
.results-headline {
  display: inline-block; }
  @media (max-width: 999px) {
    /* line 14, src/sass/components/_results-headline.scss */
    .results-headline {
      width: 100%;
      margin-bottom: 0.5rem; } }
  /* line 22, src/sass/components/_results-headline.scss */
  .results-headline > .headline,
  .results-headline > .hits {
    font-size: 14px;
    display: inline-block; }
  /* line 28, src/sass/components/_results-headline.scss */
  .results-headline > .headline {
    font-weight: 400; }
  /* line 32, src/sass/components/_results-headline.scss */
  .results-headline > .hits {
    font-weight: 700; }

/*
    Results is-new flag

    Denotes whether a result-item is new since the last time the user was logged in.

    markup:
    <div class="results-isnew">New</div>

    Styleguide 2.4.8
*/
/* line 11, src/sass/components/_results-isnew.scss */
.results-isnew {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10%;
  left: 0;
  z-index: 40;
  padding: 0.25em 0.5em;
  background-color: rgba(228, 62, 51, 0.65);
  color: #fff;
  line-height: 1;
  font-size: 20px;
  font-weight: 400; }

/*
    Results

    This represents the serach results.

    Styleguide 2.4.0
*/
/*
    Results item

    The default variant of results item. In case you have to force the hover state,
    you can use `-hover` as a modifier. The following modifiers are available:

    - `-highlight` (mark the item as highlighted)

    markup:
    <div class="results-item">
        <a class="item grid-row -boxed">
            <div class="column -hg-4 -md-6 -sm-12">
                {{> "2.4.2"}}
            </div>
            <div class="column -hg-4 -md-6 -sm-12">
                {{> "2.4.3"}}
            </div>
            <div class="column -hg-4 -md-12 -sm-12">
                {{> "2.4.5"}}
            </div>
        </a>
    </div>

    Styleguide 2.4.1
*/
/* line 34, src/sass/components/_results-item.scss */
.results-item {
  position: relative;
  color: #000;
  background-color: #fff;
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  -o-transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s, -webkit-filter 0.5s; }
  /* line 42, src/sass/components/_results-item.scss */
  .results-item:not(.-smart) {
    margin-bottom: 1.5rem; }
  /* line 46, src/sass/components/_results-item.scss */
  .results-item > .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 0; }
  /* line 56, src/sass/components/_results-item.scss */
  .results-item > .item {
    text-decoration: none;
    width: 100%;
    min-height: 240px; }
  /* line 62, src/sass/components/_results-item.scss */
  .results-item > .item > .column {
    padding: 0;
    position: relative; }

@media (min-width: 48rem) and (max-width: 79.9375rem) {
  /* line 62, src/sass/components/_results-item.scss */
  .results-item > .item > .column {
    width: 50%; } }
  /* line 71, src/sass/components/_results-item.scss */
  .results-item > .restore {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    background: white;
    padding: 1rem;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
  /* line 84, src/sass/components/_results-item.scss */
  .results-item.-highlight, .results-item.-hover, .results-item:hover, .results-item:focus {
    -webkit-box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 20px 20px -2rem rgba(0, 0, 0, 0.2); }
  /* line 92, src/sass/components/_results-item.scss */
  .results-item.-deleted > *:not(.restore) {
    opacity: 0.4;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
  /* line 97, src/sass/components/_results-item.scss */
  .results-item.-deleted > .restore {
    display: block;
    opacity: 1; }

/* line 2, src/sass/components/_results-links.scss */
.results-links > .item > .icon {
  color: #898989;
  font-size: 125%; }

/*
    Results picture

    Styles picture or image component for result item.

    markup:
    <div class="results-picture">
        <div class="results-gallery" data-gallery-carousel>
            <div class="slide">
                <img class="image" src="https://source.unsplash.com/random/360x240" alt="G">
            </div>
            <div class="slide">
                <img class="image" data-lazy="https://source.unsplash.com/random/360x240" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="">
            </div>
        </div>
        {{> "2.4.6"}}
        {{> "2.4.7"}}
        {{> "2.4.8"}}
    </div>

    Styleguide 2.4.2
*/
/* line 24, src/sass/components/_results-picture.scss */
.results-picture {
  background-color: #d8d8d8;
  height: 100%;
  overflow: hidden;
  position: relative; }
  @media (min-width: 48rem) {
    /* line 24, src/sass/components/_results-picture.scss */
    .results-picture {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; } }

/*
    Results price

    The default variant of price in results item.

    markup:
    <div class="results-price">
        <span class="amount">8'681</span>
        <span class="currency">CHF</span>
    </div>

    Styleguide 2.4.7
*/
/* line 14, src/sass/components/_results-price.scss */
.results-price {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: 10%;
  right: 0;
  z-index: 40;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 1.1;
  padding: 0.25em 0.5em; }
  /* line 26, src/sass/components/_results-price.scss */
  .results-price > .amount {
    font-size: 22px;
    font-weight: 400; }
  /* line 31, src/sass/components/_results-price.scss */
  .results-price > .currency {
    vertical-align: top;
    font-size: 12px; }
  /* line 36, src/sass/components/_results-price.scss */
  .results-price > .priceunit {
    display: block;
    text-align: right;
    font-size: 15px;
    margin-top: 0.25em; }

/* line 1, src/sass/components/_results-sidebar.scss */
.results-sidebar {
  width: 1px; }
  /* line 4, src/sass/components/_results-sidebar.scss */
  .results-sidebar.-show {
    width: 300px;
    margin-right: 1.5rem; }
    @media (max-width: 89.9375rem) {
      /* line 4, src/sass/components/_results-sidebar.scss */
      .results-sidebar.-show {
        width: 160px; } }
    @media (max-width: 1240px) {
      /* line 4, src/sass/components/_results-sidebar.scss */
      .results-sidebar.-show {
        display: none; } }
  /* line 20, src/sass/components/_results-sidebar.scss */
  .results-sidebar > .pin > .map > .jsmap {
    width: 100%;
    min-height: 300px;
    display: block; }

/*
    Results sorting

    The default variant of sorting the results.

    markup:
    <div class="results-sorting">
        <form action="/" method="get">
            <input type="hidden" name="pageNum" value="5">
            <div class="form-select" data-select>
                <select class="select" id="resultsSorting" name="sort" onchange="this.form.submit();">
                    <option value="pa" selected="selected">Price ascending</option>
                    <option value="pd">Price descending</option>
                </select>
                <label class="label form-label" for="resultsSorting"><Sorting</label>
            </div>
        </form>
    </div>

    Styleguide 2.4.23
*/
/* line 22, src/sass/components/_results-sorting.scss */
.results-sorting {
  display: inline-block;
  float: right; }
  @media (max-width: 999px) {
    /* line 22, src/sass/components/_results-sorting.scss */
    .results-sorting {
      max-width: 220px; } }
  @media (max-width: 459px) {
    /* line 22, src/sass/components/_results-sorting.scss */
    .results-sorting {
      width: 100%;
      margin-top: 0.5rem;
      max-width: 100%; } }

/*
    Results subscription

    The default variant of the save.

    markup:
    <div class="results-subscription">
        <button class="button-default">Save free search subscription</button>
        <i class="icon-help-circle"></i>
    </div>

    Styleguide 2.4.22
*/
/* line 14, src/sass/components/_results-subscription.scss */
.results-subscription {
  display: inline-block; }
  @media (min-width: 1000px) {
    /* line 14, src/sass/components/_results-subscription.scss */
    .results-subscription {
      margin: 0 1em; } }
  @media (max-width: 459px) {
    /* line 14, src/sass/components/_results-subscription.scss */
    .results-subscription {
      width: 100%; }
      /* line 24, src/sass/components/_results-subscription.scss */
      .results-subscription > .button {
        width: 90%; } }

/*
    Results toolbar

    The default variant of the toolbar.

    markup:
    <div class="results-toolbar">
        {{> "2.4.21"}}
        {{> "2.4.22"}}
        {{> "2.4.23"}}
    </div>

    Styleguide 2.4.20
*/
/* line 15, src/sass/components/_results-toolbar.scss */
.results-toolbar {
  display: block;
  width: 100%;
  padding: 1.5rem;
  background-color: #fff;
  margin-bottom: 1.5rem; }

/* line 1, src/sass/components/_search-field.scss */
.search-field {
  position: relative; }
  /* line 4, src/sass/components/_search-field.scss */
  .search-field > .locate {
    color: #e43e33;
    font-size: 1.25em;
    padding: 0.4375em;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%); }
    @media (min-width: 48rem) {
      /* line 4, src/sass/components/_search-field.scss */
      .search-field > .locate {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
             -o-transform: none;
                transform: none; }
        /* line 18, src/sass/components/_search-field.scss */
        .search-field > .locate.-big {
          padding: 15px 0.4375em; }
        /* line 22, src/sass/components/_search-field.scss */
        .-btnsmaller .search-field > .locate.-big {
          padding: 0.4375em; } }
    /* line 27, src/sass/components/_search-field.scss */
    .search-field > .locate.-loading::after {
      display: none; }
  /* line 32, src/sass/components/_search-field.scss */
  .search-field > .suggest {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%; }
  /* line 40, src/sass/components/_search-field.scss */
  .search-field > .ghost {
    bottom: 0;
    font-size: 16px;
    height: 48px;
    left: 0;
    line-height: 48px;
    padding: 0 0.75rem;
    position: absolute;
    visibility: hidden; }
    /* line 50, src/sass/components/_search-field.scss */
    .search-field > .ghost.-big {
      border: 0;
      bottom: 50%;
      left: 1rem;
      padding: 0;
      -webkit-transform: translateY(50%);
           -o-transform: translateY(50%);
              transform: translateY(50%); }
      @media (min-width: 48rem) {
        /* line 50, src/sass/components/_search-field.scss */
        .search-field > .ghost.-big {
          font-size: 120%;
          margin-left: 3.25rem;
          line-height: 71px;
          height: 70px; } }
      @media (min-width: 64rem) {
        /* line 50, src/sass/components/_search-field.scss */
        .search-field > .ghost.-big {
          font-size: 150%;
          margin-left: 4rem; } }
    /* line 70, src/sass/components/_search-field.scss */
    .-btnsmaller .search-field > .ghost {
      font-size: 14px;
      height: 36px;
      line-height: 36px; }
    /* line 76, src/sass/components/_search-field.scss */
    .search-field > .ghost:not(:empty)[data-type]::after {
      content: attr(data-type);
      display: inline-block;
      margin-left: 0.25em;
      opacity: 0.25;
      visibility: visible; }
  /* line 85, src/sass/components/_search-field.scss */
  .search-field > .input {
    position: relative;
    background-color: transparent; }

/* line 93, src/sass/components/_search-field.scss */
.search-field-autocomplete-button.-loading > .icon {
  display: none; }

/* line 97, src/sass/components/_search-field.scss */
.search-field-autocomplete-button.-loading > .indicator {
  display: inline-block; }

/* line 102, src/sass/components/_search-field.scss */
.search-field-autocomplete-button > .indicator {
  display: none; }

/*
    Slide caption

    Captions for slide elements.

    markup:
    <div class="slick-slide" style="display: block; float: none;">
        <img class="image" src="https://source.unsplash.com/random/1500x500" />
        <div class="caption slide-caption">
            <h2 class="title">I am a title</h2>
            <p class="value">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
        </div>
    </div>

    Styleguide 2.10.4
*/
/* line 17, src/sass/components/_slide-caption.scss */
.slide-caption {
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%; }
  /* line 25, src/sass/components/_slide-caption.scss */
  .slide-caption > .title,
  .slide-caption > .value {
    color: inherit; }
    /* line 29, src/sass/components/_slide-caption.scss */
    .slide-caption > .title:last-child,
    .slide-caption > .value:last-child {
      margin-bottom: 0; }

/* line 35, src/sass/components/_slide-caption.scss */
.slide-caption-link {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0; }

/*
    Smart action

    No styleguide reference.
*/
/* line 6, src/sass/components/_smart-action.scss */
.smart-action {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1; }
  /* line 11, src/sass/components/_smart-action.scss */
  .smart-action > .share,
  .smart-action > .request {
    border-radius: 0;
    width: 50%;
    float: left;
    text-align: center; }
  /* line 19, src/sass/components/_smart-action.scss */
  .smart-action > .share > .icon {
    color: #898989; }

/*
    Advertise

    Styleguide 2.9.0
*/
/*
    Smart Image

    Styles smart-ad component.

    NOTE: we call it 'image' because adblockers block HTML element with classes like 'ad'.

    markup:
    <div class="smart-ad {{modifier_class}}">
        {{> "2.9.2"}}
        {{> "2.9.3"}}
        {{> "2.9.4"}}
    </div>

    Styleguide 2.9.1
*/
@media (min-width: 744px) {
  /* line 25, src/sass/components/_smart-image.scss */
  .smart-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  /* line 30, src/sass/components/_smart-image.scss */
  .smart-image::after {
    clear: both;
    content: "";
    display: table; }
  /* line 34, src/sass/components/_smart-image.scss */
  .smart-image > .figure,
  .smart-image > .detail {
    width: 50%;
    position: relative;
    padding: 0; }
  /* line 41, src/sass/components/_smart-image.scss */
  .smart-image > .detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch; }
  /* line 48, src/sass/components/_smart-image.scss */
  .smart-image > .detail > .action {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; } }

/*
    NOTE: IM-530 - Bug on iOS: @see https://github.com/davidjbradshaw/iframe-resizer/issues/183
 */
/* line 57, src/sass/components/_smart-image.scss */
body.smart-image-iframe-page {
  width: 1px;
  min-width: 100%; }

/*
    Smart Images

    Smart-ads container

    NOTE: we call it 'images' because adblockers block HTML element with classes like 'ads'.

    Styleguide 2.9.1
*/
@media (min-width: 48rem) {
  /* line 10, src/sass/components/_smart-images.scss */
  .smart-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%; } }

/* line 16, src/sass/components/_smart-images.scss */
.smart-images > .image {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  margin-top: 1rem;
  background-color: #fff;
  margin-bottom: 1.5rem; }
  @media (min-width: 48rem) {
    /* line 16, src/sass/components/_smart-images.scss */
    .smart-images > .image {
      margin-top: 0; } }
  /* line 26, src/sass/components/_smart-images.scss */
  .smart-images > .image > ins {
    display: block;
    font-size: 0; }
  @media (min-width: 48rem) {
    /* line 32, src/sass/components/_smart-images.scss */
    .smart-images > .image.-loaded + .image.-loaded {
      margin-left: 1.5rem; } }
  /* line 37, src/sass/components/_smart-images.scss */
  .smart-images > .image:not(.-loaded) {
    position: absolute;
    visibility: hidden; }

/*
    Smart content

    markup:
    <div class="smart-content">
        <div class="icon"><i class="icon-house"></i></div>
        <h2 class="title">Av. Gare des Eaux-Vives 26</h2>
        <p class="location">1208 Genève
          · <span class="category">Wohnung</span>
        </p>
        <p class="description">Habitez au coeur des Eaux-Vives</p>
        <ul class="attributes results-attributes -inline">
            <li class="item">
                <span class="key"><i class="icon icon-number-of-rooms"></i></span>
                <span class="value">3 Zimmer</span>
            </li>
            <li class="item">
                <span class="key"><i class="icon icon-ceiling-height"></i></span>
                <span class="value">58 m<sup>2</sup></span>
            </li>
        </ul>
    </div>

    Styleguide 2.9.5
*/
/* line 26, src/sass/components/_smart-content.scss */
.smart-content {
  padding: 1.5rem;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 29, src/sass/components/_smart-content.scss */
  .smart-content > .icon {
    float: left;
    width: 3.25rem;
    font-size: 2rem;
    color: #e43e33; }
    @media (max-width: 400px) {
      /* line 29, src/sass/components/_smart-content.scss */
      .smart-content > .icon {
        display: none; } }
  /* line 40, src/sass/components/_smart-content.scss */
  .smart-content > .titlewrapper {
    float: left;
    width: -webkit-calc(100% - 3.25rem);
    width: calc(100% - 3.25rem); }
    /* line 44, src/sass/components/_smart-content.scss */
    .smart-content > .titlewrapper > .title {
      font-weight: 600;
      line-height: 1.2;
      font-size: 1.5rem; }
    /* line 50, src/sass/components/_smart-content.scss */
    .smart-content > .titlewrapper > .location {
      margin-top: 0.125em;
      margin-bottom: 0.5em; }
    /* line 55, src/sass/components/_smart-content.scss */
    .smart-content > .titlewrapper > .location > .category {
      color: #898989; }
  /* line 60, src/sass/components/_smart-content.scss */
  .smart-content > .description {
    color: #898989;
    margin: 0.5rem 0 0; }
  /* line 65, src/sass/components/_smart-content.scss */
  .smart-content > .attributes {
    display: block;
    clear: both; }
  /* line 70, src/sass/components/_smart-content.scss */
  .smart-content > .attributes > .item {
    float: left;
    display: inline-block;
    padding: 0.5em 0;
    vertical-align: middle; }
  /* line 77, src/sass/components/_smart-content.scss */
  .smart-content > .attributes > .item:not(:last-of-type) {
    padding-right: 1.5em; }
  /* line 82, src/sass/components/_smart-content.scss */
  .smart-content > .attributes > .item > .key,
  .smart-content > .attributes > .item > .value {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold; }
  /* line 91, src/sass/components/_smart-content.scss */
  .smart-content > .attributes > .item > .key > .icon {
    font-size: 150%;
    padding-right: 0.5em;
    color: #898989; }

/*
    Smart detail

    markup:
    <div class="detail smart-detail">
        {{> "2.9.5"}}
        <div class="action results-action">
            <button class="share button-plain"><i class="icon icon-share"></i> teilen</button>
            <button class="request button-primary"><i class="icon icon-mail"></i> anfragen</button>
        </div>
    </div>

    Styleguide 2.9.4
*/
/* line 15, src/sass/components/_smart-detail.scss */
.smart-detail {
  position: relative; }
  /* line 18, src/sass/components/_smart-detail.scss */
  .smart-detail > .action {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    /* line 24, src/sass/components/_smart-detail.scss */
    .smart-detail > .action > .share,
    .smart-detail > .action > .request {
      border-radius: 0;
      width: 50%;
      float: left;
      text-align: center;
      display: inline-block;
      position: relative;
      z-index: 1; }
    /* line 35, src/sass/components/_smart-detail.scss */
    .smart-detail > .action > .share > .icon {
      color: #898989; }

/*
    Smart figure

    markup:
    <div class="figure smart-figure">
        <div class="picture results-gallery">
            <img class="image" src="https://source.unsplash.com/random/464x348" alt="Picture">
        </div>
        <div class="bookmark results-bookmark">
            <button class="button"></button>
        </div>
        <div class="price results-price">
            <span class="amount">1'234</span>
            <span class="currency">CHF</span>
        </div>
    </div>

    Styleguide 2.9.3
*/
/* line 20, src/sass/components/_smart-figure.scss */
.smart-figure {
  position: relative; }

/*
    Smart head

    markup:
    <div class="smart-head">
        <span class="label">Presented by</span>
        <span class="agency">Agency with extrem long name ltd. And more description and a lot of stuff placed here.</span>
        <img class="logo" src="/wp-content/themes/immostreet/assets/images/logos/immostreet.svg" alt="Logo">
    </div>

    Styleguide 2.9.2
*/
/* line 13, src/sass/components/_smart-head.scss */
.smart-head {
  border-bottom: 4px solid #e43e33;
  height: 80px;
  position: relative;
  width: 100%; }
  /* line 19, src/sass/components/_smart-head.scss */
  .smart-head > .label {
    background-color: #e43e33;
    color: #fff;
    display: inline-block;
    height: 100%;
    margin-right: 3rem;
    padding-left: 1.5rem;
    position: relative;
    vertical-align: middle;
    white-space: nowrap; }
    /* line 30, src/sass/components/_smart-head.scss */
    .smart-head > .label::before {
      content: "6";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ImmoStreetIcons;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 200%;
      vertical-align: middle; }
    /* line 37, src/sass/components/_smart-head.scss */
    .smart-head > .label::after {
      background-color: #e43e33;
      content: "";
      display: inline-block;
      height: 100%;
      margin-left: -1.25rem;
      -webkit-transform: skewX(30deg) translateX(50%);
           -o-transform: skewX(30deg) translateX(50%);
              transform: skewX(30deg) translateX(50%);
      vertical-align: middle;
      width: 3rem; }
  /* line 49, src/sass/components/_smart-head.scss */
  .smart-head > .agency {
    color: #e43e33;
    font-weight: bold;
    text-transform: uppercase; }
    @media (max-width: 47.9375rem) {
      /* line 49, src/sass/components/_smart-head.scss */
      .smart-head > .agency {
        display: none; } }
  /* line 59, src/sass/components/_smart-head.scss */
  .smart-head > .logo {
    max-height: 90%;
    max-width: 120px;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (max-width: 47.9375rem) {
      /* line 59, src/sass/components/_smart-head.scss */
      .smart-head > .logo {
        max-width: 23%; } }

/*
    Smart items

    Container that expand grid-row
*/
@media (min-width: 48rem) {
  /* line 8, src/sass/components/_smart-items.scss */
  .smart-items > .column {
    margin-bottom: 1.5rem; }
  /* line 12, src/sass/components/_smart-items.scss */
  .smart-items > .column > .item {
    height: 100%;
    margin-bottom: 0; }
  /* line 17, src/sass/components/_smart-items.scss */
  .smart-items > .column > .item > .item {
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column; } }

/*
    Social share

    Social share component with sharing links to various social plattforms such as facebook, twitter, google etc.
    The `data-label` attribute, if available, will be displayed in front of the share links.

    markup:
    <div class="social-share">
        <a class="item" href="#"><i class="icon icon-mail"></i>Mail</a>
        <a class="item" href="#"><i class="icon icon-facebook"></i>Facebook</a>
    </div>
    <div class="social-share" data-label="Share via:">
        <a class="item" href="#"><i class="icon icon-mail"></i>Mail</a>
        <a class="item" href="#"><i class="icon icon-facebook"></i>Facebook</a>
        <a class="item" href="#"><i class="icon icon-google-plus"></i>Google+</a>
        <a class="item" href="#"><i class="icon icon-whatsapp"></i>Whatsapp</a>
    </div>

    Styleguide 2.10.8
*/
/* line 24, src/sass/components/_social-share.scss */
.social-share[data-label]::before {
  color: #898989;
  content: attr(data-label);
  margin-right: 0.75rem; }

/* line 30, src/sass/components/_social-share.scss */
.social-share > .item {
  margin-right: 0.75rem; }
  /* line 33, src/sass/components/_social-share.scss */
  .social-share > .item > .icon {
    margin-right: 0.25em; }
  /* line 37, src/sass/components/_social-share.scss */
  .social-share > .item:last-of-type {
    margin-right: 0; }

/*
    Statistic Content

    This component is used on the insertion list items to show some statistics to the users insertions.

    markup:
    <div class="statistic-content -open">
        <div class="statisticitem">
            <div class="value">
                3021
            </div>
            <div class="key">
                Views
            </div>
        </div>
        <div class="statisticitem">
            <div class="value">
                1400232
            </div>
            <div class="key">
                Emails
            </div>
        </div>
        <div class="statisticitem">
            <div class="value">
                31.12.2015
            </div>
            <div class="key">
                Published on
            </div>
        </div>
        <div class="statisticitem">
            <div class="value">
                3021
            </div>
            <div class="key">
                Views
            </div>
        </div>
    </div>

    Styleguide 2.4.14
*/
/* line 45, src/sass/components/_statistic-content.scss */
.statistic-content {
  display: none; }
  /* line 48, src/sass/components/_statistic-content.scss */
  .statistic-content.-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    /* line 51, src/sass/components/_statistic-content.scss */
    .statistic-content.-open::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 2px;
      background-color: #f4f4f4; }
  /* line 62, src/sass/components/_statistic-content.scss */
  .statistic-content > .statisticitem {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    text-align: center;
    padding: 1rem; }
    /* line 67, src/sass/components/_statistic-content.scss */
    .statistic-content > .statisticitem > .value {
      font-weight: bold;
      margin-bottom: 0.5rem; }

/*
    Statistic Trigger

    This component is to trigger the statistics on a insertion-item.

    markup:
    <div class="statistic-trigger" id="statistic-trigger-123" data-toggle="-open" data-toggle-for="#statistic-trigger-123">
        Statistiken
    </div>

    Styleguide 2.4.15
*/
/* line 13, src/sass/components/_statistic-trigger.scss */
.statistic-trigger {
  display: block;
  width: 100%;
  left: 0;
  position: relative;
  bottom: 0;
  padding: 6px 0.75rem;
  cursor: pointer; }
  @media (min-width: 48rem) {
    /* line 13, src/sass/components/_statistic-trigger.scss */
    .statistic-trigger {
      padding: 6px 1.5rem;
      position: absolute; }
      /* line 26, src/sass/components/_statistic-trigger.scss */
      .statistic-trigger::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 2px;
        background-color: #f4f4f4; } }
  /* line 37, src/sass/components/_statistic-trigger.scss */
  .statistic-trigger::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ImmoStreetIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    position: absolute;
    right: 0.75rem;
    top: 8px;
    content: "p";
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform linear 100ms;
    transition: -webkit-transform linear 100ms;
    -o-transition: -o-transform linear 100ms;
    transition: transform linear 100ms;
    transition: transform linear 100ms, -webkit-transform linear 100ms, -o-transform linear 100ms; }
    @media (min-width: 48rem) {
      /* line 37, src/sass/components/_statistic-trigger.scss */
      .statistic-trigger::after {
        right: 1.5rem; } }
  /* line 52, src/sass/components/_statistic-trigger.scss */
  .statistic-trigger.-open::after {
    -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); }

/*
    Tag list

    A tag list displaying terms, e.g. for an article.

    markup:
    <ul class="tag-list">
        <li class="term"><a href="#">Fashion</a></li>
        <li class="term"><a href="#">Movies</a></li>
        <li class="term"><a href="#">Industrial</a></li>
    </ul>
    <div class="tag-list">
        <span class="term"><a href="#">Fashion</a></span>
        <span class="term"><a href="#">Movies</a></span>
        <span class="term"><a href="#">Industrial</a></span>
    </div>

    Styleguide 2.10.9
*/
/* line 21, src/sass/components/_tag-list.scss */
.tag-list {
  padding: 0;
  list-style-type: none; }
  /* line 25, src/sass/components/_tag-list.scss */
  .tag-list > .term {
    background: #f4f4f4;
    margin-right: 0.75rem; }
    /* line 31, src/sass/components/_tag-list.scss */
    .tag-list > .term > a {
      text-decoration: none; }
    /* line 35, src/sass/components/_tag-list.scss */
    .tag-list > .term:last-of-type {
      margin-right: 0; }
    /* line 39, src/sass/components/_tag-list.scss */
    .tag-list > .term:hover {
      color: #fff;
      background: #e43e33; }

/*
    Tamedia Image

    The adverts on all immostreet-pages

    NOTE: we call it 'image' because adblockers block HTML element with classes like 'ad'.
*/
/* line 8, src/sass/components/_tamedia-image.scss */
.tamedia-image {
  position: relative;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 64rem) {
    /* line 8, src/sass/components/_tamedia-image.scss */
    .tamedia-image {
      min-height: 250px; } }
  /* line 19, src/sass/components/_tamedia-image.scss */
  .tamedia-image > .imagecontainer {
    margin: 0 -0.75rem 1.5rem -0.75rem;
    /* stylelint-disable */
    /* stylelint-enable */ }
    @media (min-width: 48rem) {
      /* line 19, src/sass/components/_tamedia-image.scss */
      .tamedia-image > .imagecontainer {
        margin: 0 auto 1.5rem auto; } }
    /* line 27, src/sass/components/_tamedia-image.scss */
    .tamedia-image > .imagecontainer iframe {
      max-width: 100%;
      overflow: hidden;
      border: 0;
      margin: 0;
      padding: 0; }
  @media (min-width: 1064px) {
    /* line 37, src/sass/components/_tamedia-image.scss */
    .tamedia-image.-left {
      text-align: left; } }
  /* line 43, src/sass/components/_tamedia-image.scss */
  .tamedia-image.-sidebar {
    text-align: left; }
    @media (min-width: 64rem) {
      /* line 43, src/sass/components/_tamedia-image.scss */
      .tamedia-image.-sidebar {
        overflow: hidden; }
        /* line 49, src/sass/components/_tamedia-image.scss */
        .tamedia-image.-sidebar > .imagecontainer {
          display: block;
          margin: 0;
          position: relative !important;
          overflow: hidden; }
        /* line 56, src/sass/components/_tamedia-image.scss */
        .tamedia-image.-sidebar.-ready {
          display: block;
          margin-top: 1rem;
          width: 300px;
          height: 600px; }
          /* line 62, src/sass/components/_tamedia-image.scss */
          .tamedia-image.-sidebar.-ready > .imagecontainer {
            width: 300px;
            height: 600px; } }

/*
    Teaser d&l

    Styles for specified teaser.
*/
/* line 8, src/sass/components/_teaser-dl.scss */
.teaser-dl.-large > .action {
  margin-bottom: 1em; }

@media (min-width: 48rem) {
  /* line 13, src/sass/components/_teaser-dl.scss */
  .teaser-dl.-large {
    position: relative; }
    /* line 16, src/sass/components/_teaser-dl.scss */
    .teaser-dl.-large > .action {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-bottom: 0;
      z-index: 1; } }

/* line 26, src/sass/components/_teaser-dl.scss */
.teaser-dl > .hint {
  color: #898989;
  font-size: 90%; }

/* line 2, src/sass/components/_teaser-moneypark.scss */
.teaser-mp > .link {
  display: block;
  text-decoration: none;
  color: #e43e33; }
  /* line 7, src/sass/components/_teaser-moneypark.scss */
  .teaser-mp > .link > iframe {
    pointer-events: none;
    -webkit-transform: scale(0.932);
         -o-transform: scale(0.932);
            transform: scale(0.932);
    -webkit-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left; }

/* line 17, src/sass/components/_teaser-moneypark.scss */
.detail-teaser-mp {
  padding-bottom: 1rem; }
  @media (max-width: 1014px) {
    /* line 17, src/sass/components/_teaser-moneypark.scss */
    .detail-teaser-mp {
      display: block; } }

/*
    Teaser onhyp

    Styles for specified teaser.
*/
/* line 8, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .interest > .box {
  position: relative;
  display: block; }

/* line 13, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .interest > .box::after {
  clear: both;
  content: "";
  display: table; }

/* line 17, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .interest > .box > .column.-fx {
  background-color: #f4f4f4; }

@media (min-width: 48rem) {
  /* line 22, src/sass/components/_teaser-onhyp.scss */
  .teaser-onhyp > .interest {
    max-width: 40rem; }
  /* line 26, src/sass/components/_teaser-onhyp.scss */
  .teaser-onhyp > .interest > .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
  /* line 30, src/sass/components/_teaser-onhyp.scss */
  .teaser-onhyp > .interest > .box > .column {
    position: relative;
    float: left;
    width: 50%; }
  /* line 36, src/sass/components/_teaser-onhyp.scss */
  .teaser-onhyp > .interest > .box > .column.-fx {
    margin-right: 1em; }
  /* line 40, src/sass/components/_teaser-onhyp.scss */
  .teaser-onhyp.-large {
    position: relative; }
    /* line 43, src/sass/components/_teaser-onhyp.scss */
    .teaser-onhyp.-large > .action {
      position: absolute;
      right: 0;
      bottom: 0; } }

/* line 51, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .result {
  display: block;
  padding: 0.5em 0;
  margin: 0.5em 0;
  min-height: 36px;
  line-height: inherit; }

/* line 59, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .result.-hidden {
  opacity: 0; }

/* line 63, src/sass/components/_teaser-onhyp.scss */
.teaser-onhyp > .hint {
  color: #898989;
  font-size: 90%; }
  @media (min-width: 48rem) {
    /* line 63, src/sass/components/_teaser-onhyp.scss */
    .teaser-onhyp > .hint {
      max-width: 75%; } }

/*
    Text editor

    Our text-editor is based on quill.js, a powerfull wysiwyg-editor

    markup:
    <div class="_margin-bottom-half">
        <div class="text-editor"></div>
    </div>
    <div class="_margin-bottom-half">
        <div class="text-editor" data-placeholder="This editor has a counter." data-max-length="50"></div>
        <div class="editor-counter"></div>
    </div>
    <div class="_margin-bottom-half">
        <div class="text-editor" data-max-length="100"><p>In this editor, we have filled in text before.</div>
        <div class="editor-counter"></div>
    </div>
    <div class="_margin-bottom-half">
        <div class="text-editor" data-content-to="#textarea-content-placeholder" data-placeholder="Content here goes directly to the following textarea."></div>
    </div>
    <textarea id=textarea-content-placeholder></textarea>

    Styleguide 2.10.10
*/
/* line 26, src/sass/components/_text-editor.scss */
.ql-toolbar.ql-snow {
  /* stylelint-disable-line rscss/class-format */
  border: 2px solid #d8d8d8;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  padding: 4px 6px; }

/* line 35, src/sass/components/_text-editor.scss */
.ql-container.ql-snow {
  /* stylelint-disable-line rscss/class-format */
  border: 2px solid #d8d8d8;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  height: auto; }

/* line 42, src/sass/components/_text-editor.scss */
.ql-editor {
  background-color: #fff;
  max-height: 300px;
  min-height: 78px;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable-next-line rscss/no-descendant-combinator */ }
  /* line 53, src/sass/components/_text-editor.scss */
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl),
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl),
  .ql-editor ul li {
    padding-left: 1.5em; }
  /* line 67, src/sass/components/_text-editor.scss */
  .ql-editor li::before {
    /* stylelint-disable-line rscss/no-descendant-combinator */
    margin-right: 1em; }
  /* line 72, src/sass/components/_text-editor.scss */
  .ql-editor ul,
  .ql-editor ol {
    /* stylelint-disable-line rscss/no-descendant-combinator */
    padding-left: 0.5em; }

/* line 78, src/sass/components/_text-editor.scss */
.text-editor.-oversized {
  color: #ff0300; }

/* line 82, src/sass/components/_text-editor.scss */
.editor-counter {
  position: absolute;
  right: 1.5rem;
  margin-top: -20px;
  font-size: 11.2px;
  color: #898989; }
  /* line 89, src/sass/components/_text-editor.scss */
  .editor-counter > .oversized {
    color: #ff0300; }

/*
    Text ellipsis

    This is a generic text ellipsis component which handles overflowing text
    automatically by clipping it with ellipsis. There is purposely no
    `max-width` or `max-height` defined and `nowrap` is an optional modifier
    since those properties are subject to very dynamic nature and currently CSS
    is unable to handle dynamic data for styling.

    So in order to have a text element with a maximum amount of let's say
    10 characters, the best way to achieve that would be using the `ch` unit.

    markup:
    <span class="text-ellipsis -nowrap" style="max-width: 10ch;">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    </span>

    Styleguide 2.10.19
*/
/* line 20, src/sass/components/_text-ellipsis.scss */
.text-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis; }
  /* line 25, src/sass/components/_text-ellipsis.scss */
  .text-ellipsis.-nowrap {
    white-space: nowrap; }

/* line 1, src/sass/components/_tooltip.scss */
.tooltip-popup {
  display: none;
  margin-top: 15px;
  padding: 6px 30px 6px 50px;
  max-width: 310px;
  z-index: 95;
  color: #fff;
  background-color: #0b6ba1; }
  /* line 10, src/sass/components/_tooltip.scss */
  .tooltip-popup > .type {
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-transform: scale(1.6);
         -o-transform: scale(1.6);
            transform: scale(1.6); }
  /* line 17, src/sass/components/_tooltip.scss */
  .tooltip-popup > .dismiss {
    color: #084b71;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px; }
    /* line 25, src/sass/components/_tooltip.scss */
    .tooltip-popup > .dismiss:hover {
      color: #fff; }
  /* line 30, src/sass/components/_tooltip.scss */
  .tooltip-popup > .title {
    font-weight: 700; }
  /* line 34, src/sass/components/_tooltip.scss */
  .tooltip-popup > .arrow {
    position: absolute;
    top: -15px;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #0b6ba1; }
  /* line 46, src/sass/components/_tooltip.scss */
  .tooltip-popup.tether-target-attached-right > .arrow {
    /* stylelint-disable-line rscss/class-format */
    left: auto;
    right: 10px; }
  /* line 51, src/sass/components/_tooltip.scss */
  .tooltip-popup.tether-target-attached-center > .arrow {
    /* stylelint-disable-line rscss/class-format */
    left: 50%;
    -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); }

/* line 57, src/sass/components/_tooltip.scss */
[data-tooltip-show] {
  cursor: pointer; }

/*
    Wordpress

    Wordpress related components, based on the css classes generated by wordpress.

    @see https://codex.wordpress.org/CSS#WordPress_Generated_Classes

    Styleguide 2.30.0
*/
/*
    Wordpress caption

    Wordpress generated component for captions inside the content edited through the visual editor.

    markup:
    <div class="wp-caption">
        <img src="http://placehold.it/1500x300">
        <p class="wp-caption-text">Some caption</p>
    </div>
    <div class="wp-caption aligncenter" style="width: 300px;">
        <img src="http://placehold.it/300x100">
        <p class="wp-caption-text">Some caption</p>
    </div>

    Styleguide 2.30.1
*/
/* line 28, src/sass/components/_wp-caption.scss */
.wp-caption {
  max-width: 100%;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 36, src/sass/components/_wp-caption.scss */
  .wp-caption.aligncenter {
    margin: 0 auto; }

/*
    Wordpress caption text

    Wordpress generated component for captions text placed inside a `wp-caption` element.

    markup:
    <div class="wp-caption">
        <img src="http://placehold.it/1500x300">
        <p class="wp-caption-text">Some caption</p>
    </div>
    <div class="wp-caption aligncenter" style="width: 300px;">
        <img src="http://placehold.it/300x100">
        <p class="wp-caption-text">Some caption</p>
    </div>

    Styleguide 2.30.2
*/
/* line 60, src/sass/components/_wp-caption.scss */
.wp-caption-text {
  color: #898989;
  margin: 0;
  /* stylelint-disable */
  /* stylelint-enable */ }
  /* line 69, src/sass/components/_wp-caption.scss */
  .aligncenter .wp-caption-text {
    text-align: center; }

/*
    Quicklinks
*/
/* line 4, src/sass/components/_quicklinks.scss */
.quick-links-container {
  padding: 0.75rem 0;
  background-color: #e1e1e1;
  position: relative; }

/* line 10, src/sass/components/_quicklinks.scss */
.quick-links {
  padding: 2.625rem 0; }
  /* line 13, src/sass/components/_quicklinks.scss */
  .quick-links > .title {
    font-weight: 300;
    margin-bottom: 1em; }
  /* line 18, src/sass/components/_quicklinks.scss */
  .quick-links > .list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-column-fill: balance;
       -moz-column-fill: balance;
            column-fill: balance;
    margin: 0 -1.5rem;
    padding: 0;
    list-style-type: none; }
    /* line 26, src/sass/components/_quicklinks.scss */
    .quick-links > .list > .item {
      display: block;
      padding-left: 1.5rem; }
  @media (min-width: 48rem) {
    /* line 32, src/sass/components/_quicklinks.scss */
    .quick-links.-fullwidth > .list {
      -webkit-column-count: 4;
         -moz-column-count: 4;
              column-count: 4; } }

/* line 1, src/sass/modules/_modal.scss */
.modal {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0 999em rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 0 999em rgba(0, 0, 0, 0.6);
  left: 50%;
  max-height: 90%;
  max-width: 640px;
  opacity: 0;
  padding: 26px;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
       -o-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: 500ms opacity cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms visibility cubic-bezier(0.68, 0.01, 0.27, 1.55), -webkit-transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55);
  transition: 500ms opacity cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms visibility cubic-bezier(0.68, 0.01, 0.27, 1.55), -webkit-transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55);
  -o-transition: 500ms opacity cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms visibility cubic-bezier(0.68, 0.01, 0.27, 1.55), -o-transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55);
  transition: transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms opacity cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms visibility cubic-bezier(0.68, 0.01, 0.27, 1.55);
  transition: transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms opacity cubic-bezier(0.68, 0.01, 0.27, 1.55), 500ms visibility cubic-bezier(0.68, 0.01, 0.27, 1.55), -webkit-transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55), -o-transform 600ms cubic-bezier(0.68, 0.01, 0.27, 1.55);
  visibility: hidden;
  width: 90%;
  z-index: 1050; }
  /* line 19, src/sass/modules/_modal.scss */
  .modal--lightbox {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 90%;
    max-width: none;
    padding: 0; }
    /* line 26, src/sass/modules/_modal.scss */
    .modal--lightbox::before {
      background-color: rgba(0, 0, 0, 0.6);
      content: "";
      height: 999em;
      left: -499.5em;
      position: absolute;
      top: -499.5em;
      width: 999em; }

/* line 38, src/sass/modules/_modal.scss */
#privacyModal {
  width: 517px;
  border-radius: 8px;
  left: initial;
  top: initial;
  right: 24px;
  bottom: 24px;
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 16px;
  -webkit-box-shadow: 1px 2px 4px #ccc;
          box-shadow: 1px 2px 4px #ccc; }
  @media (max-width: 600px) {
    /* line 38, src/sass/modules/_modal.scss */
    #privacyModal {
      width: 96%;
      margin: 0 auto;
      left: 0;
      right: 0; } }

/* line 58, src/sass/modules/_modal.scss */
.modal.open {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
       -o-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 400ms, 500ms, 500ms;
       -o-transition-duration: 400ms, 500ms, 500ms;
          transition-duration: 400ms, 500ms, 500ms;
  visibility: visible; }

/* line 65, src/sass/modules/_modal.scss */
.modal__close {
  border-radius: 3px;
  border: 2px solid #ffffff;
  color: #ffffff;
  height: 30px;
  overflow: hidden;
  position: absolute;
  right: 13px;
  text-align: center;
  top: -15px;
  width: 30px; }

/* line 85, src/sass/modules/_modal.scss */
#privacyModal .modal__close {
  border: none;
  background: transparent;
  color: #111111;
  top: 5px; }
  /* line 91, src/sass/modules/_modal.scss */
  #privacyModal .modal__close i {
    font-size: 16px; }

/* line 96, src/sass/modules/_modal.scss */
.privacy-modal-content {
  font-size: 16px;
  line-height: 24px;
  width: 390px;
  margin: 0 auto; }
  /* line 102, src/sass/modules/_modal.scss */
  .privacy-modal-content a {
    color: blue; }
  /* line 106, src/sass/modules/_modal.scss */
  .privacy-modal-content::before {
    content: url("/wp-content/themes/immostreet/assets/images/IconSecurity.svg");
    position: absolute;
    left: 18px;
    top: 28px;
    height: 25.6px;
    width: 25.6px; }
    @media (max-width: 600px) {
      /* line 106, src/sass/modules/_modal.scss */
      .privacy-modal-content::before {
        top: 18px; } }
  @media (max-width: 600px) {
    /* line 96, src/sass/modules/_modal.scss */
    .privacy-modal-content {
      width: initial;
      padding: 0 45px; } }

/* line 129, src/sass/modules/_modal.scss */
.modal .input {
  border: 2px solid #9b9b9b;
  width: 100%; }

/* line 134, src/sass/modules/_modal.scss */
.modal .has-error .input,
.modal .has-error .textarea,
.modal .has-error .checkbox {
  border-color: #9e1720; }

/* line 140, src/sass/modules/_modal.scss */
.modal .has-error .label {
  color: #9e1720; }

/* line 8, src/sass/_incubation.scss */
.sortable-ghost {
  opacity: 0.5; }
/*# sourceMappingURL=styles.css.map */