@charset "UTF-8";
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  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.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
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.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
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.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
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.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[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.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[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.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Init & extend initialize */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

body {
  font-family: "Hind Siliguri", Arial, sans-serif;
  font-weight: normal;
  color: #808080;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  text-align: left;
  min-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 60px;
}
@media (min-width: 600px) {
  body {
    min-height: calc(100vh - 90px);
    padding-top: 90px;
  }
}
[data-dpcm-actionrequired=true] body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-dpcm-actionrequired=false] [data-dpcm-role=panel] {
  display: none !important;
}

:root {
  --rolv-on: ;
  --rolv-off: initial;
  --rolv-is-frozen: var(--rolv-off);
  --rolv-is-not-frozen: var(--rolv-on);
}

.Rolv, .Rolv--visible body {
  height: calc(100vh - 60px) !important;
  min-height: calc(100vh - 60px) !important;
}
@media (min-width: 600px) {
  .Rolv, .Rolv--visible body {
    height: calc(100vh - 90px) !important;
    min-height: calc(100vh - 90px) !important;
  }
}

.Rolv::after {
  background-color: rgba(5, 35, 58, 0.6) !important;
}

[data-rolv-body] {
  display: flex;
  flex-direction: column;
}
[data-rolv-body] > :first-child {
  flex-grow: 1;
}

/* Links */
a {
  color: #8dac34;
  text-decoration: underline;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #05233a;
  text-decoration: underline;
}
a:focus {
  outline: 0;
}

img.app-lazyload, img.lazyload, img.lazyloading {
  opacity: 0;
}
img.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

[hidden] {
  display: none !important;
}

/* forms.css*/
form, article.single {
  /* Custom input*/
}
form input,
form textarea,
form select,
form .ss-main .ss-single-selected,
form .ss-main .ss-multi-selected, article.single input,
article.single textarea,
article.single select,
article.single .ss-main .ss-single-selected,
article.single .ss-main .ss-multi-selected {
  box-sizing: border-box;
  border: 1px solid #b2b2b2;
  border-radius: 0;
  box-shadow: none;
  background-color: #E9E9E9;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0.4rem;
  width: 100%;
}
.theme--light form input,
.theme--light form textarea,
.theme--light form select,
.theme--light form .ss-main .ss-single-selected,
.theme--light form .ss-main .ss-multi-selected, .theme--light article.single input,
.theme--light article.single textarea,
.theme--light article.single select,
.theme--light article.single .ss-main .ss-single-selected,
.theme--light article.single .ss-main .ss-multi-selected {
  background-color: #ffffff;
}
form input:focus,
form textarea:focus,
form select:focus,
form .ss-main .ss-single-selected:focus,
form .ss-main .ss-multi-selected:focus, article.single input:focus,
article.single textarea:focus,
article.single select:focus,
article.single .ss-main .ss-single-selected:focus,
article.single .ss-main .ss-multi-selected:focus {
  outline: 0;
  border: 1px solid #05233a;
}
form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form .ss-main .ss-single-selected::-moz-placeholder, form .ss-main .ss-multi-selected::-moz-placeholder, article.single input::-moz-placeholder, article.single textarea::-moz-placeholder, article.single select::-moz-placeholder, article.single .ss-main .ss-single-selected::-moz-placeholder, article.single .ss-main .ss-multi-selected::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder, form .ss-main .ss-single-selected:-ms-input-placeholder, form .ss-main .ss-multi-selected:-ms-input-placeholder, article.single input:-ms-input-placeholder, article.single textarea:-ms-input-placeholder, article.single select:-ms-input-placeholder, article.single .ss-main .ss-single-selected:-ms-input-placeholder, article.single .ss-main .ss-multi-selected:-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
form input::placeholder,
form textarea::placeholder,
form select::placeholder,
form .ss-main .ss-single-selected::placeholder,
form .ss-main .ss-multi-selected::placeholder, article.single input::placeholder,
article.single textarea::placeholder,
article.single select::placeholder,
article.single .ss-main .ss-single-selected::placeholder,
article.single .ss-main .ss-multi-selected::placeholder {
  color: #b2b2b2;
  opacity: 1;
}
@media (min-width: 600px) {
  form input,
form textarea,
form select,
form .ss-main .ss-single-selected,
form .ss-main .ss-multi-selected, article.single input,
article.single textarea,
article.single select,
article.single .ss-main .ss-single-selected,
article.single .ss-main .ss-multi-selected {
    font-size: 1rem;
    line-height: 1.5;
  }
}
form input,
form textarea, article.single input,
article.single textarea {
  align-items: center;
}
form .dropdown, form .dropdown .middleColumn, form .dropdown select, article.single .dropdown, article.single .dropdown .middleColumn, article.single .dropdown select {
  height: 100%;
}
form .app-ContactForm-Row, article.single .app-ContactForm-Row {
  display: flex;
  align-content: center;
}
form .app-ContactForm-Field, article.single .app-ContactForm-Field {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.2rem;
}
form .app-ContactForm-Field .field:not(.checkbox):not(.checkboxset) label, article.single .app-ContactForm-Field .field:not(.checkbox):not(.checkboxset) label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
form .fieldholder-small, article.single .fieldholder-small {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  align-items: center;
  padding: 0.2rem;
}
form .fieldholder-small label, article.single .fieldholder-small label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
form .fieldholder-small .app-Dropdown, article.single .fieldholder-small .app-Dropdown {
  width: 100%;
}
form .fieldholder-small.textarea, article.single .fieldholder-small.textarea {
  align-items: flex-start;
}
form fieldset, article.single fieldset {
  border: 0;
  padding: 0;
}
form .field-hidden, article.single .field-hidden {
  display: none;
}
form select, article.single select {
  display: block;
  padding-right: 1.8rem;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468.3 290.5' style='enable-background:new 0 0 468.3 290.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23b2b2b2;%7D%0A%3C/style%3E%3Cpath id='Icon_material-keyboard-arrow-down' class='st0' d='M55.4,1l178.7,178.4L412.9,1l54.9,54.9L234.1,289.5L0.5,55.9L55.4,1z' /%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  color: #b2b2b2;
}
form .select::-ms-expand, article.single .select::-ms-expand {
  display: none;
}
form .select:hover, article.single .select:hover {
  border-color: #888;
}
form .select:focus, article.single .select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  outline: none;
}
form .select option, article.single .select option {
  font-weight: normal;
}
form .field.checkbox,
form .field.checkboxset .checkboxset > li,
form .field.radiobutton, article.single .field.checkbox,
article.single .field.checkboxset .checkboxset > li,
article.single .field.radiobutton {
  position: relative;
  margin: 0.4rem 0;
  padding: 0.2rem;
}
form .field.checkbox input[type=radio],
form .field.checkbox input[type=checkbox],
form .field.checkboxset .checkboxset > li input[type=radio],
form .field.checkboxset .checkboxset > li input[type=checkbox],
form .field.radiobutton input[type=radio],
form .field.radiobutton input[type=checkbox], article.single .field.checkbox input[type=radio],
article.single .field.checkbox input[type=checkbox],
article.single .field.checkboxset .checkboxset > li input[type=radio],
article.single .field.checkboxset .checkboxset > li input[type=checkbox],
article.single .field.radiobutton input[type=radio],
article.single .field.radiobutton input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
form .field.checkbox label,
form .field.checkboxset .checkboxset > li label,
form .field.radiobutton label, article.single .field.checkbox label,
article.single .field.checkboxset .checkboxset > li label,
article.single .field.radiobutton label {
  padding-left: 24px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-right: 1rem;
}
form .field.checkbox label a,
form .field.checkboxset .checkboxset > li label a,
form .field.radiobutton label a, article.single .field.checkbox label a,
article.single .field.checkboxset .checkboxset > li label a,
article.single .field.radiobutton label a {
  text-decoration: underline;
  color: #808080;
  display: inline;
}
form .field.checkbox label::before,
form .field.checkbox label::after,
form .field.checkboxset .checkboxset > li label::before,
form .field.checkboxset .checkboxset > li label::after,
form .field.radiobutton label::before,
form .field.radiobutton label::after, article.single .field.checkbox label::before,
article.single .field.checkbox label::after,
article.single .field.checkboxset .checkboxset > li label::before,
article.single .field.checkboxset .checkboxset > li label::after,
article.single .field.radiobutton label::before,
article.single .field.radiobutton label::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0.2rem;
  top: 0.3vw;
  margin-right: 0.5rem;
}
form .field.checkbox label::before,
form .field.checkboxset .checkboxset > li label::before,
form .field.radiobutton label::before, article.single .field.checkbox label::before,
article.single .field.checkboxset .checkboxset > li label::before,
article.single .field.radiobutton label::before {
  border: 1px solid #a09b9a;
}
form .field.checkbox label::after,
form .field.checkboxset .checkboxset > li label::after,
form .field.radiobutton label::after, article.single .field.checkbox label::after,
article.single .field.checkboxset .checkboxset > li label::after,
article.single .field.radiobutton label::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238DAC34;%7D%0A%3C/style%3E%3Cpath id='Icon_ionic-ios-checkmark' class='st0' d='M18.4,3.7l-1.5-1.6C16.8,2,16.7,2,16.6,2l0,0c-0.1,0-0.2,0-0.2,0.1L5.9,12.7 L2.1,8.8C2,8.7,1.8,8.7,1.6,8.8c0,0,0,0,0,0l-1.5,1.5c-0.1,0.1-0.1,0.3,0,0.5c0,0,0,0,0,0l4.8,4.8c0.3,0.3,0.6,0.5,1,0.5 c0.4,0,0.7-0.2,1-0.5h0L18.4,4.1C18.5,4,18.5,3.8,18.4,3.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  display: none;
}
form .field.checkbox .radio + label::before,
form .field.checkboxset .checkboxset > li .radio + label::before,
form .field.radiobutton .radio + label::before, article.single .field.checkbox .radio + label::before,
article.single .field.checkboxset .checkboxset > li .radio + label::before,
article.single .field.radiobutton .radio + label::before {
  border-radius: 50%;
  border: 1px solid #a09b9a;
}
form .field.checkbox input[type=radio]:checked + label::before,
form .field.checkbox input[type=checkbox]:checked + label::before,
form .field.checkboxset .checkboxset > li input[type=radio]:checked + label::before,
form .field.checkboxset .checkboxset > li input[type=checkbox]:checked + label::before,
form .field.radiobutton input[type=radio]:checked + label::before,
form .field.radiobutton input[type=checkbox]:checked + label::before, article.single .field.checkbox input[type=radio]:checked + label::before,
article.single .field.checkbox input[type=checkbox]:checked + label::before,
article.single .field.checkboxset .checkboxset > li input[type=radio]:checked + label::before,
article.single .field.checkboxset .checkboxset > li input[type=checkbox]:checked + label::before,
article.single .field.radiobutton input[type=radio]:checked + label::before,
article.single .field.radiobutton input[type=checkbox]:checked + label::before {
  border: none;
  box-shadow: none;
}
form .field.checkbox input[type=radio]:checked + label::after,
form .field.checkbox input[type=checkbox]:checked + label::after,
form .field.checkboxset .checkboxset > li input[type=radio]:checked + label::after,
form .field.checkboxset .checkboxset > li input[type=checkbox]:checked + label::after,
form .field.radiobutton input[type=radio]:checked + label::after,
form .field.radiobutton input[type=checkbox]:checked + label::after, article.single .field.checkbox input[type=radio]:checked + label::after,
article.single .field.checkbox input[type=checkbox]:checked + label::after,
article.single .field.checkboxset .checkboxset > li input[type=radio]:checked + label::after,
article.single .field.checkboxset .checkboxset > li input[type=checkbox]:checked + label::after,
article.single .field.radiobutton input[type=radio]:checked + label::after,
article.single .field.radiobutton input[type=checkbox]:checked + label::after {
  display: block;
}
form .field--sm.checkbox label,
form .field--sm.radiobutton label, article.single .field--sm.checkbox label,
article.single .field--sm.radiobutton label {
  font-size: 0.9rem;
}
form .message.required, form .message.bad, form .message.error, form .message.validation, article.single .message.required, article.single .message.bad, article.single .message.error, article.single .message.validation {
  background-color: #05233a;
  color: #ffffff;
  font-size: 0.9em;
  padding: 0.6em 0.8em;
  text-align: left;
}
form .ChunkedUploadField-Dropzone, article.single .ChunkedUploadField-Dropzone {
  background-color: white;
  border: 1px solid #E9E9E9;
  flex-grow: 1;
  line-height: 1.3;
}
form .ChunkedUploadField-Dropzone .dz-button, article.single .ChunkedUploadField-Dropzone .dz-button {
  display: block;
  height: 2em;
  margin: 0;
  padding: 0.4em;
  text-transform: none;
  width: 100%;
}
form .ChunkedUploadField-Dropzone.dz-drag-hover, article.single .ChunkedUploadField-Dropzone.dz-drag-hover {
  background-color: #f4f8e7;
}
form .ChunkedUploadField-Dropzone .dz-message + .dz-preview, article.single .ChunkedUploadField-Dropzone .dz-message + .dz-preview {
  margin-top: 0.4em;
}
form .ChunkedUploadField-Dropzone .dz-filename, article.single .ChunkedUploadField-Dropzone .dz-filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
form .ChunkedUploadField-Dropzone .dz-preview, article.single .ChunkedUploadField-Dropzone .dz-preview {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0.4em;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-image, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-image {
  display: none;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-details, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-details {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  max-width: 100%;
  order: -2;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-size, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-size {
  font-weight: bold;
  order: 1;
  white-space: nowrap;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-success-mark, form .ChunkedUploadField-Dropzone .dz-preview .dz-error-mark, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-success-mark, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-error-mark {
  display: none;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-progress, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-progress {
  flex-grow: 1;
  margin-top: 0.5em;
  order: 1;
  width: 100%;
}
form .ChunkedUploadField-Dropzone .dz-preview.dz-complete .dz-progress, article.single .ChunkedUploadField-Dropzone .dz-preview.dz-complete .dz-progress {
  display: none;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-remove, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-remove {
  order: -1;
  padding-left: 0.4em;
  text-decoration: underline;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-remove:hover, form .ChunkedUploadField-Dropzone .dz-preview .dz-remove:focus, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-remove:hover, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-remove:focus {
  text-decoration: none;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-upload, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-upload {
  background-color: #8dac34;
  height: 4px;
  display: block;
}
form .ChunkedUploadField-Dropzone .dz-preview .dz-error-message, article.single .ChunkedUploadField-Dropzone .dz-preview .dz-error-message {
  color: #f16522;
  flex-grow: 1;
  width: 100%;
}
form .ss-main .ss-single-selected,
form .ss-main .ss-multi-selected, article.single .ss-main .ss-single-selected,
article.single .ss-main .ss-multi-selected {
  height: auto;
}
form .ss-main .ss-single-selected > *,
form .ss-main .ss-multi-selected > *, article.single .ss-main .ss-single-selected > *,
article.single .ss-main .ss-multi-selected > * {
  line-height: 1.5 !important;
}
form .ss-main .ss-single-selected .ss-values,
form .ss-main .ss-multi-selected .ss-values, article.single .ss-main .ss-single-selected .ss-values,
article.single .ss-main .ss-multi-selected .ss-values {
  height: 1.5em !important;
}
form .ss-main .ss-single-selected .ss-values > *,
form .ss-main .ss-multi-selected .ss-values > *, article.single .ss-main .ss-single-selected .ss-values > *,
article.single .ss-main .ss-multi-selected .ss-values > * {
  font-size: 1em !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
form .ss-main .ss-multi-selected .ss-add, article.single .ss-main .ss-multi-selected .ss-add {
  margin: 0 8px 0 5px !important;
  position: relative !important;
  top: 0.45em !important;
}
form .ss-main .ss-single-selected > *, article.single .ss-main .ss-single-selected > * {
  height: 1.5em !important;
}
form .ss-content.ss-open, article.single .ss-content.ss-open {
  width: auto !important;
}
form .ss-content .ss-list .ss-option.ss-highlighted, form .ss-content .ss-list .ss-option:hover, article.single .ss-content .ss-list .ss-option.ss-highlighted, article.single .ss-content .ss-list .ss-option:hover {
  background-color: #bbd472;
}
form .ss-multi-selected + .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected, article.single .ss-multi-selected + .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  background-color: #f4f8e7;
}
form .ss-single-selected + .ss-content .ss-list .ss-option.ss-option-selected, article.single .ss-single-selected + .ss-content .ss-list .ss-option.ss-option-selected {
  background-color: #f4f8e7 !important;
  color: inherit !important;
  cursor: default !important;
}

article.single input,
article.single textarea,
article.single select {
  background-color: #ffffff;
}

.dark select,
.filterbar select {
  border-color: #8dac34;
  background-color: transparent;
  color: #8dac34;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468.3 290.5' style='enable-background:new 0 0 468.3 290.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238dac34;%7D%0A%3C/style%3E%3Cpath id='Icon_material-keyboard-arrow-down' class='st0' d='M55.4,1l178.7,178.4L412.9,1l54.9,54.9L234.1,289.5L0.5,55.9L55.4,1z' /%3E%3C/svg%3E");
}
.dark select:focus,
.filterbar select:focus {
  border-color: #8dac34;
}

.searchview__results-filter select,
.searchview__results select,
.RealtyTableBlock select {
  border-color: #05233a;
  background-color: transparent;
  color: #05233a;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468.3 290.5' style='enable-background:new 0 0 468.3 290.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2305233a;%7D%0A%3C/style%3E%3Cpath id='Icon_material-keyboard-arrow-down' class='st0' d='M55.4,1l178.7,178.4L412.9,1l54.9,54.9L234.1,289.5L0.5,55.9L55.4,1z' /%3E%3C/svg%3E");
  min-width: 10rem;
  margin-bottom: 0.5rem;
}
.searchview__results-filter select:focus,
.searchview__results select:focus,
.RealtyTableBlock select:focus {
  border-color: #05233a;
}

/* Images SCSS*/
img {
  vertical-align: middle;
  border-style: none;
}

figure {
  margin: 0;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

html:not([data-member-state--login]) [data-member-if-state--login=true],
html[data-member-state--login=false] [data-member-if-state--login=true] {
  display: none;
}

html[data-member-state--login=true] [data-member-if-state--login=false] {
  display: none;
}

/* Type SCSS*/
@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-300.woff2) format("woff2"), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-300.woff) format("woff");
}
@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-regular.woff2) format("woff2"), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-regular.woff) format("woff");
}
@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  src: local(""), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-500.woff2) format("woff2"), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-500.woff) format("woff");
}
@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-600.woff2) format("woff2"), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-600.woff) format("woff");
}
@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-700.woff2) format("woff2"), url(/_resources/themes/cus-mi36-mw20-theme-base/dist/fonts/hind-siliguri-v7-latin-700.woff) format("woff");
}
body {
  font-size: 16px;
  font-size: 1.1vw;
  line-height: 1.5;
  font-weight: 300;
}
@media (max-width: 1363.6363636364px) {
  body {
    font-size: 15px;
  }
}
@media (min-width: 90.9090909091rem) {
  body {
    font-size: 1rem;
  }
}

p {
  margin-bottom: 1em;
  margin-top: 1em;
}
h5 + p {
  margin-top: 0.3em;
}

/*
(scale, min size, max size, fallback size)
*/
h1 {
  font-size: 45px;
  font-size: 4vw;
}
@media (max-width: 52.5rem) {
  h1 {
    font-size: 2.1rem;
  }
}
@media (min-width: 82.5rem) {
  h1 {
    font-size: 3.3rem;
  }
}

h2 {
  font-size: 35px;
  font-size: 3vw;
}
@media (max-width: 50rem) {
  h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 93.3333333333rem) {
  h2 {
    font-size: 2.8rem;
  }
}

h3 {
  font-size: 25px;
  font-size: 2.5vw;
}
@media (max-width: 52rem) {
  h3 {
    font-size: 1.3rem;
  }
}
@media (min-width: 88rem) {
  h3 {
    font-size: 2.2rem;
  }
}

h4, h5, h6 {
  color: inherit;
  line-height: 1.1;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.1rem;
  margin-top: 1.4rem;
}

h1, h2, h3 {
  line-height: 1.1;
  color: #8dac34;
  font-weight: 600;
  text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

[role=doc-subtitle] {
  font-weight: normal;
  color: #05233a;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 15px;
  font-size: 1.4vw;
}
@media (max-width: 67.8571428571rem) {
  [role=doc-subtitle] {
    font-size: 0.95rem;
  }
}
@media (min-width: 107.1428571429rem) {
  [role=doc-subtitle] {
    font-size: 1.5rem;
  }
}

[role=doc-subtitle]:first-child {
  margin-top: 0;
}

[role=doc-subtitle] + h2 {
  margin-top: 0.8rem;
}

.hd-invert [role=doc-subtitle] {
  color: #8dac34;
}
.hd-invert h2 {
  color: #05233a;
}

strong {
  font-weight: 600;
}

h3.title-result {
  color: #05233a;
}
h3.title-result .count {
  color: #8dac34;
}

/* Single simple page*/
article.single h2, article.single h3, article.single h4, article.single h5 {
  margin-top: 2rem;
  color: #05233a;
  font-weight: 500;
}
article.single h2 {
  font-size: 20px;
  font-size: 1.4vw;
}
@media (max-width: 71.4285714286rem) {
  article.single h2 {
    font-size: 1rem;
  }
}
@media (min-width: 92.8571428571rem) {
  article.single h2 {
    font-size: 1.3rem;
  }
}
article.single h3 {
  font-size: 15px;
  font-size: 1vw;
}
@media (max-width: 80rem) {
  article.single h3 {
    font-size: 0.8rem;
  }
}
@media (min-width: 110rem) {
  article.single h3 {
    font-size: 1.1rem;
  }
}
article.single a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  margin: 0;
}
article.single a:hover, article.single a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  article.single a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  article.single a {
    font-size: 1.8rem;
  }
}
article.single a:hover, article.single a.hover {
  color: #8dac34;
  text-decoration: none;
}
article.single a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
article.single a:focus, article.single a.focus {
  background-color: transparent;
  outline: 0;
}
article.single a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  article.single a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  article.single a {
    font-size: 1.1rem;
  }
}
article.single a:hover, article.single a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
article.single a:hover {
  color: #ffffff;
}

.hint {
  font-weight: 500;
  color: #05233a;
  text-transform: uppercase;
}

.bg-dark p, .bg-dark ul, .bg-dark [role=doc-subtitle],
.bg-darken p,
.bg-darken ul,
.bg-darken [role=doc-subtitle],
.bg-blue p,
.bg-blue ul,
.bg-blue [role=doc-subtitle] {
  color: #ffffff;
}
.bg-dark .hd-invert [role=doc-subtitle],
.bg-darken .hd-invert [role=doc-subtitle],
.bg-blue .hd-invert [role=doc-subtitle] {
  color: #8dac34;
}
.bg-dark .hd-invert h2,
.bg-darken .hd-invert h2,
.bg-blue .hd-invert h2 {
  color: #ffffff;
}

blockquote {
  margin: 0;
  color: #000000;
  line-height: 1.3;
  color: #05233a;
}

blockquote::before {
  content: "";
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 71 70' style='enable-background:new 0 0 71 70;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .quotest0%7Bfill:%2301ABD5;%7D%0A%3C/style%3E%3Cpath class='quotest0' d='M29.44,17.64c-2.59,1.48-4.68,2.76-6.28,3.83c-1.6,1.07-3.22,2.48-4.87,4.24c-1.54,1.65-2.72,3.38-3.55,5.19 c-0.83,1.81-1.4,4.14-1.73,7h3.96c3.41,0,6.1,0.84,8.05,2.52c1.95,1.68,2.93,4.14,2.93,7.39c0,2.31-0.87,4.47-2.6,6.48 c-1.73,2.01-4.12,3.01-7.14,3.01c-4.74,0-8.12-1.55-10.16-4.66C6.02,49.54,5,45.45,5,40.4c0-3.57,0.77-6.83,2.31-9.77 c1.54-2.94,3.41-5.56,5.62-7.87c2.26-2.36,4.65-4.37,7.18-6.02c2.53-1.65,4.65-2.99,6.36-4.04L29.44,17.64z M60,17.64 c-2.59,1.48-4.68,2.76-6.28,3.83c-1.6,1.07-3.22,2.48-4.87,4.24c-1.6,1.7-2.79,3.44-3.59,5.23c-0.8,1.78-1.36,4.1-1.69,6.96h3.96 c3.41,0,6.1,0.84,8.05,2.52c1.95,1.68,2.93,4.14,2.93,7.39c0,2.31-0.87,4.47-2.6,6.48c-1.73,2.01-4.12,3.01-7.14,3.01 c-4.74,0-8.12-1.55-10.16-4.66c-2.04-3.1-3.06-7.19-3.06-12.24c0-3.57,0.77-6.83,2.31-9.77c1.54-2.94,3.41-5.56,5.61-7.87 c2.26-2.36,4.65-4.37,7.19-6.02c2.53-1.65,4.65-2.99,6.36-4.04L60,17.64z'/%3E%3C/svg%3E%0A");
}

/* blockquote p::after {
    content: close-quote;

}
 */
table:not(.unstyled) {
  margin-bottom: 1em;
  margin-top: 1em;
  width: 100% !important;
}
table:not(.unstyled) th, table:not(.unstyled) td {
  border: 1px solid #b2b2b2;
  padding: 0.2em 0.6em;
  text-align: left;
}
table:not(.unstyled) th {
  font-weight: normal;
  text-align: center;
}
table:not(.unstyled) thead th, table:not(.unstyled) thead td {
  text-align: center;
}

ul.bullets {
  list-style: none;
  padding-left: 2.8rem;
}
ul.bullets li:before {
  content: " ";
  display: inline-block;
  width: 2em;
  margin-left: -2em;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238DAC34;%7D%0A%3C/style%3E%3Crect id='Rechteck_936' x='4.5' y='5.5' class='st0' width='10' height='8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: 0 0.15rem;
}

/* unstyled list*/
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.a-y {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

ul.grid-3 {
  display: -ms-grid;
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
ul.grid-3 li {
  display: inline-block;
}
ul.grid-3 li a {
  padding-right: 0.3rem;
}

ul.columns-2 {
  -moz-columns: 2 15rem;
       columns: 2 15rem;
  padding-left: 1.8rem;
}

/* numbered list*/
ol.ol-numbers {
  list-style: none;
  counter-reset: list-count;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

ol.ol-numbers li {
  counter-increment: list-count;
  width: 45%;
  padding-right: 5%;
  padding-left: 0%;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  position: relative;
}
@media (min-width: 600px) {
  ol.ol-numbers li {
    padding-left: 4%;
    width: 38%;
    padding-right: 8%;
  }
}

ol.ol-numbers li::before {
  content: counter(list-count);
  font-size: 2rem;
  line-height: 1;
  color: #000000;
  position: absolute;
  left: 0rem;
  top: -2.5rem;
}
@media (min-width: 600px) {
  ol.ol-numbers li::before {
    top: 0;
    font-size: 3rem;
    margin-right: 0.5rem;
  }
}

ul.striped-list {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
  border-top: 1px solid #8dac34;
}
ul.striped-list li {
  border-bottom: 1px solid #8dac34;
  padding: 0.5rem;
  color: #05233a;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  ul.striped-list li {
    padding: 1.4rem 1rem;
  }
}
ul.striped-list li a {
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  padding: 0;
  text-decoration: none;
}
@media (max-width: 72.7272727273rem) {
  ul.striped-list li a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  ul.striped-list li a {
    font-size: 1.1rem;
  }
}
ul.striped-list li a:hover, ul.striped-list li a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
ul.striped-list li a:hover {
  color: #ffffff;
}
ul.striped-list li .icon {
  height: 18px;
  width: 18px;
}
ul.striped-list--linked li a {
  align-items: center;
  display: inline-flex;
  justify-content: space-between;
}

/* For Browsers with no grid support*/
.inline-head {
  margin-left: 1.5%;
  margin-bottom: 2rem;
}

/*.inline-head:after{
  content: ' ';
  display: block;
}*/
/* For Browsers with no grid support END*/
/* Resetting for modern grid browsers*/
@supports (display: grid) {
  .inline-head {
    margin-left: 0;
    margin-bottom: 0;
  }
}
/* Page Types */
@media (min-width: 600px) {
  .error-page article {
    min-height: 50vh;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .error-page article {
    min-height: 55vh;
  }
}
@media (min-width: 1670px) {
  .error-page article {
    min-height: 60vh;
  }
}

/* Grid SCSS*/
.container {
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .container {
    width: calc(100% - 2*2rem);
  }
}
.container--xs {
  max-width: 544px;
}
.container--sm {
  max-width: 1108px;
}
.container--md {
  max-width: 1410px;
}
.container--flex {
  display: flex;
  flex-direction: row;
}
.container--flex-col-1-1, .container--flex-col-1-2, .container--flex-col-1px-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 900px) {
  .container--flex-col-1-1, .container--flex-col-1-2, .container--flex-col-1px-1 {
    flex-direction: row;
  }
}
.container--flex-col-1-2-wide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .container--flex-col-1-2-wide {
    flex-direction: row;
  }
}
.container--flex-col-1-1 > div {
  flex-basis: 50%;
}
@media (min-width: 900px) {
  .container--flex-col-1-1 > div .col-1 {
    flex-basis: 28%;
  }
}
.container--burst {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 2rem;
}
@media (min-width: 900px) {
  .container--burst {
    margin: inherit;
    padding: 0;
  }
}
.container--burst-sm {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 900px) {
  .container--burst-sm {
    margin: inherit;
    padding: 0;
  }
}
@media (min-width: 900px) {
  .container--flex-col-1px-1 {
    justify-content: space-between;
  }
  .container--flex-col-1px-1 > div:first-child {
    flex-basis: 40%;
  }
  .container--flex-col-1px-1 > div:nth-child(2n) {
    flex-basis: 50%;
  }
}
@media (min-width: 900px) {
  .container--flex-col-1-2 .col-1 {
    flex-basis: 28%;
  }
}
.container--flex-col-1-2 .col-2-3 {
  flex-basis: 66.66%;
}
@media (min-width: 1200px) {
  .container--flex-col-1-2-wide .col-1 {
    flex-basis: 28%;
  }
}
.container--flex-col-1-2-wide .col-2-3 > * {
  margin-top: 1.4em;
}
@media (min-width: 1200px) {
  .container--flex-col-1-2-wide .col-2-3 {
    flex-basis: 66.66%;
  }
  .container--flex-col-1-2-wide .col-2-3 > * {
    margin-top: 0;
  }
}
.container--2col-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  .container--2col-header {
    flex-direction: row;
  }
}
.container--2col-header div:first-child {
  flex-basis: 50%;
}
.container--2col-header div:nth-child(2n) {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (min-width: 900px) {
  .container--2col-header div:nth-child(2n) {
    justify-content: flex-end;
  }
}
.container--2col-header-va-c {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.container--2col-header-va-c div:first-child {
  flex-basis: 50%;
  flex-grow: 1;
}
.container--2col-header-va-c div:nth-child(2n) {
  flex-shrink: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: -1rem;
}
@media (min-width: 900px) {
  .container--2col-header-va-c div:nth-child(2n) {
    margin-right: 0;
  }
}
.container--flex-col-sm {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .container--flex-col-sm {
    flex-direction: row;
  }
  .container--flex-col-sm .content-block:first-child {
    margin-bottom: 0;
  }
}
.container--center {
  align-items: center;
}
.container--space {
  justify-content: space-between;
}

/* Header */
header.site-header {
  display: flex;
  width: 100%;
  align-items: center;
  background-color: #05233a;
}
header.site-header .logo {
  display: flex;
  align-items: center;
  width: 50px;
  margin-right: 0px;
  transition: all 0.3s;
}
header.site-header .logo img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
header.site-header .logo svg {
  width: 100%;
}
header.site-header .logo {
  width: 7rem;
}
@media (min-width: 600px) {
  header.site-header .logo {
    margin-right: 1rem;
    width: 10.5rem;
  }
}
header.site-header .client-login {
  width: 7rem;
}
@media (min-width: 600px) {
  header.site-header .client-login {
    width: 11.5rem;
  }
}

body.header-fixed header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
body.header-fixed header.site-header .container {
  height: 60px;
}
@media (min-width: 600px) {
  body.header-fixed header.site-header .container {
    height: 90px;
  }
}

/* address */
address {
  font-style: normal;
  margin-bottom: 0;
}

/* address */
dl {
  flex-basis: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}
dl dt, dl dd {
  padding-right: 0.3rem;
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.1vw;
}
@media (max-width: 72.7272727273rem) {
  dl dt, dl dd {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  dl dt, dl dd {
    font-size: 1.1rem;
  }
}
dl dt {
  color: #a09b9a;
  -ms-grid-column-align: start;
      justify-self: start;
}
dl dd {
  margin: 0;
  color: #8dac34;
  text-transform: uppercase;
  font-weight: 500;
}

/* Article */
article {
  padding-top: 7vh;
  padding-bottom: 7vh;
  background-color: #E9E9E9;
}
article .container {
  background-color: #ffffff;
}
article .container h1:first-child {
  margin-top: 0;
}

/* tables */
table.tbl {
  width: 100%;
}
table.tbl th {
  padding: 0.3rem;
}
table.tbl tr:nth-child(odd) {
  background-color: #f6f6f6;
}
table.tbl tr:nth-child(even) {
  background-color: #ffffff;
}
table.tbl th {
  background-color: #05233a;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 300;
}
table.tbl td {
  border-bottom: 1px solid #E9E9E9;
  color: #05233a;
}
table.tbl td .btn {
  margin: 0;
}
@media (min-width: 600px) {
  table.tbl td .btn {
    line-height: 1.3;
  }
}
@media (min-width: 900px) {
  table.tbl td .btn {
    line-height: 2;
  }
}
@media (max-width: 599px) {
  table.tbl td {
    padding: 0.1rem;
    border: 0;
  }
}
table.tbl tr.hover {
  cursor: pointer;
}
@media (min-width: 600px) {
  table.tbl tr.hover td {
    background-color: #E9E9E9;
  }
}
table.tbl--centered th, table.tbl--centered td {
  text-align: center;
}
@media (max-width: 599px) {
  table.tbl--centered th, table.tbl--centered td {
    text-align: left;
  }
}
table.tbl--centered td:last-child {
  text-align: right;
}

/* Sections & Backgrounds */
section, footer {
  padding: 2.5rem 0;
  position: relative;
  z-index: 10;
}
@media (min-width: 600px) {
  section, footer {
    padding: 7vh 0;
  }
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  display: -ms-grid;
  display: grid;
}

/* Background Colors*/
.bg-dark {
  background-color: #05233a;
}

.bg-light {
  background-color: #E9E9E9;
}
@media (min-width: 900px) {
  .bg-light--md-only {
    background-color: inherit;
  }
}

.bg-lightest {
  background-color: #f6f6f6;
}

.site-footer {
  padding-bottom: 2rem;
  padding-top: 0;
  color: #ffffff;
  font-size: 15px;
  font-size: 1vw;
}
@media (max-width: 94rem) {
  .site-footer {
    font-size: 0.94rem;
  }
}
@media (min-width: 94rem) {
  .site-footer {
    font-size: 0.94rem;
  }
}
.site-footer h5 {
  color: #ffffff;
  margin-bottom: 0.8em;
  margin-top: 0;
  font-weight: 300;
  font-size: 15px;
  font-size: 1vw;
  text-transform: uppercase;
}
@media (max-width: 94rem) {
  .site-footer h5 {
    font-size: 0.94rem;
  }
}
@media (min-width: 94rem) {
  .site-footer h5 {
    font-size: 0.94rem;
  }
}
.site-footer a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer a:hover {
  color: #8dac34;
}
.site-footer svg.icon {
  margin-top: 2.5rem;
}
.site-footer__nav {
  margin-bottom: 2rem;
  border-bottom: 1px solid #8dac34;
  text-transform: uppercase;
  /*
  li:last-child a {
  	padding-right: 0;
  }
  */
}
@media (min-width: 600px) {
  .site-footer__nav {
    border-bottom-width: 2px;
  }
}
.site-footer__nav ul {
  justify-content: flex-end;
}
.site-footer__nav li a {
  display: block;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 2.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .site-footer__nav li a {
    background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0% 100%, 100% 100%;
    background-position: 0 50%, 100% 50%;
    transition-property: background-size, color;
    transition-duration: 200ms;
  }
  .site-footer__nav li a:hover, .site-footer__nav li a.hover {
    background-color: transparent;
    background-size: 100% 100%, 0% 100%;
  }
}
.site-footer__nav li a:hover {
  color: #ffffff;
}
@media (min-width: 600px) {
  .site-footer__nav {
    padding-left: 3rem;
  }
}
.site-footer__quicklinks {
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .site-footer__quicklinks {
    flex-direction: row;
  }
}
.site-footer__quicklinks address {
  text-align: left;
  margin-bottom: 2rem;
}
.site-footer__quicklinks address a {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .site-footer__quicklinks address {
    text-align: right;
    order: 2;
    margin-bottom: 0;
  }
}
.site-footer__quicklinks ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.site-footer__quicklinks ul li {
  display: inline-block;
}
.site-footer__quicklinks ul li:after {
  content: " • ";
  margin-right: 0.2rem;
}
.site-footer__quicklinks ul li a {
  padding-right: 0.2rem;
}
@media (min-width: 1200px) {
  .site-footer__quicklinks ul li a {
    padding-right: 2.5rem;
  }
}
.site-footer__quicklinks ul li:last-child:after {
  content: "";
}
@media (min-width: 1200px) {
  .site-footer__quicklinks ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .site-footer__quicklinks ul li:after {
    content: "";
  }
}

/* Navigation */
nav {
  display: flex;
  height: auto;
  flex: 1;
}
nav ul.menu-site {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  perspective: 700px;
}
nav ul.menu-contact {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  height: auto;
}
nav ul li a {
  display: block;
  display: flex;
  justify-content: space-between;
}
nav ul > li {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  border-top: 1px solid black;
  display: flow-root;
}
nav ul > li ul li {
  border-top: 1px solid #E9E9E9;
}
@media (min-width: 900px) {
  nav ul > li ul li {
    border: 0;
  }
}
nav ul > li a {
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  text-decoration: none;
  color: #ffffff;
  padding: 6px 12px;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 400;
}
@media (min-width: 900px) {
  nav ul > li a {
    background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0% 100%, 100% 100%;
    background-position: 0 50%, 100% 50%;
    transition-property: background-size, color;
    transition-duration: 200ms;
  }
  nav ul > li a:hover, nav ul > li a.hover {
    background-color: transparent;
    background-size: 100% 100%, 0% 100%;
  }
}
@media (min-width: 900px) {
  nav ul > li a {
    display: flex;
  }
}
nav ul > li a.hover, nav ul > li a:hover, nav ul > li a.focus, nav ul > li a:focus {
  color: #8dac34;
  text-decoration: none;
}
@media (min-width: 900px) {
  nav ul > li a.hover, nav ul > li a:hover, nav ul > li a.focus, nav ul > li a:focus {
    color: #ffffff;
  }
}
nav ul > li.has-children {
  position: relative;
}
nav ul > li svg {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}
nav ul {
  padding: 0;
  margin: 0;
  height: 100%;
}
nav ul li.current > a,
nav ul li.section > a {
  text-decoration: none;
  font-weight: 700;
}
nav ul li {
  /*         label {
              float: right;
              margin-top: -40px;
              padding: 7px;
              display: inline-block;
          } */
}
nav ul li .nav-toggle {
  opacity: 0;
  z-index: -1;
  display: none;
}
nav ul li .nav-toggle:checked ~ .subnav {
  max-height: 100vh;
  height: auto;
  width: auto;
  opacity: 1;
  visibility: visible;
}
nav ul li .nav-toggle:checked ~ .subnav li {
  visibility: visible;
}

@media (min-width: 900px) {
  nav {
    align-items: center;
    justify-content: space-between;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  nav ul.menu-site {
    position: relative;
    visibility: visible;
    opacity: 1;
    z-index: 99;
    position: unset;
    display: flex;
    align-items: center;
  }
  nav .has-children a {
    padding-right: 1.9rem;
  }
  nav ul > li {
    display: flex;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-top: 0px;
  }
  nav ul > li a {
    padding: 6px 6px;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  nav ul > li .has-children a {
    padding-right: 0;
  }
  nav ul > li svg {
    width: 18px;
    height: 18px;
  }
}
.client-login {
  visibility: hidden;
  opacity: 0;
  display: flex;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  align-items: center;
  justify-content: center;
}
@media (min-width: 900px) {
  .client-login {
    background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0% 100%, 100% 100%;
    background-position: 0 50%, 100% 50%;
    transition-property: background-size, color;
    transition-duration: 200ms;
    visibility: visible;
    opacity: 1;
  }
  .client-login:hover, .client-login.hover {
    background-color: transparent;
    background-size: 100% 100%, 0% 100%;
  }
}
.client-login a {
  display: flex;
  padding: 6px 12px;
  align-items: center;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  line-height: 1.1;
  font-size: 1.2rem;
  font-weight: 400;
}
@media (min-width: 900px) {
  .client-login a {
    font-size: 1rem;
    padding: 6px 16px;
  }
}
.client-login a:hover, .client-login a.hover {
  color: #ffffff;
}
.client-login a:hover svg path, .client-login a.hover svg path {
  fill: #ffffff;
  border: 1px solid green;
}
.client-login a svg {
  height: 32px;
  width: 32px;
}

@media (min-width: 900px) {
  nav ul > li a {
    padding: 6px 10px;
  }
}
@media (min-width: 1200px) {
  nav ul > li a {
    padding: 6px 12px;
  }
}
/* Button styling Menu Toggle*/
.menu-toggle,
.menu-close {
  display: flex;
  align-items: center;
  text-align: right;
}

.menu-toggle {
  z-index: 20000;
}

.nav-primary .menu-close[aria-expanded=false] {
  display: none;
}

@media (min-width: 900px) {
  .menu-toggle,
.nav-primary .menu-close {
    display: none;
  }
}
/* Mobile Navigation */
.nav-primary[aria-expanded=true] {
  position: fixed;
  visibility: visible;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 60px auto auto 80%;
  grid-template-rows: 60px auto auto 80%;
  align-items: start;
  opacity: 1;
  content: "";
  left: 0;
  top: 0;
  height: 100vh;
  width: 100% !important;
  z-index: 998;
  background: #000;
  background-color: #05233a;
  cursor: default;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 0 1rem;
}
.nav-primary[aria-expanded=true] > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.nav-primary[aria-expanded=true] > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.nav-primary[aria-expanded=true] > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.nav-primary[aria-expanded=true] > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.nav-primary[aria-expanded=true] > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.nav-primary[aria-expanded=true] > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.nav-primary[aria-expanded=true] > *:nth-child(7) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.nav-primary[aria-expanded=true] > *:nth-child(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
@media (min-width: 900px) {
  .nav-primary[aria-expanded=true] {
    -ms-grid-rows: 90px auto auto 80%;
    grid-template-rows: 90px auto auto 80%;
  }
}
.nav-primary[aria-expanded=true] ul > li {
  border: 0;
}
.nav-primary[aria-expanded=true] .logo {
  order: 0;
  -ms-grid-row-align: center;
      align-self: center;
}
.nav-primary[aria-expanded=true] ul.menu-site,
.nav-primary[aria-expanded=true] ul.menu-contact,
.nav-primary[aria-expanded=true] .client-login {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.nav-primary[aria-expanded=true] ul.menu-site,
.nav-primary[aria-expanded=true] ul.menu-contact,
.nav-primary[aria-expanded=true] .client-login {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  position: unset;
}
.nav-primary[aria-expanded=true] .menu-close {
  display: flex;
  height: 60px;
  order: 1;
}
.nav-primary[aria-expanded=true] .menu-close svg {
  margin-left: auto;
  width: 28px;
}
.nav-primary[aria-expanded=true] .menu-close svg path {
  fill: #8dac34;
}
@media (min-width: 900px) {
  .nav-primary[aria-expanded=true] .menu-close {
    height: 90px;
  }
}
.nav-primary[aria-expanded=true] .menu-site {
  margin-top: 2rem;
  order: 2;
}
.nav-primary[aria-expanded=true] .menu-contact {
  order: 4;
}
.nav-primary[aria-expanded=true] .client-login {
  order: 3;
  width: 60%;
  justify-content: flex-start;
  padding: 2rem 0;
}
.nav-primary[aria-expanded=true] .menu-site li,
.nav-primary[aria-expanded=true] .menu-contact li,
.nav-primary[aria-expanded=true] .client-login {
  border-left: 1px solid #8dac34;
}
.nav-primary[aria-expanded=true] .menu-contact li a {
  font-size: 14px;
  font-size: 0.9vw;
}
@media (max-width: 100rem) {
  .nav-primary[aria-expanded=true] .menu-contact li a {
    font-size: 0.9rem;
  }
}
@media (min-width: 111.1111111111rem) {
  .nav-primary[aria-expanded=true] .menu-contact li a {
    font-size: 1rem;
  }
}

@supports (position: fixed) {
  .nav-primary:target + .backdrop,
.nav-primary[aria-expanded=true] + .backdrop {
    position: fixed;
  }
}
.hidden {
  display: none;
}

/* Buttons */
/* .action etc. are Silverstripe Classes */
button,
.btn,
input[type=submit]:not(.btn--unstyled).action {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
}
button:focus, button.focus,
.btn:focus,
.btn.focus,
input[type=submit]:not(.btn--unstyled).action:focus,
input[type=submit]:not(.btn--unstyled).action.focus {
  background-color: transparent;
  outline: 0;
}
button.mod--fillParent::before,
.btn.mod--fillParent::before,
input[type=submit]:not(.btn--unstyled).action.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

button:not(.btn--unstyled),
.btn:not(.btn--unstyled),
input[type=submit]:not(.btn--unstyled).action {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
}
button:not(.btn--unstyled):hover, button:not(.btn--unstyled).hover,
.btn:not(.btn--unstyled):hover,
.btn:not(.btn--unstyled).hover,
input[type=submit]:not(.btn--unstyled).action:hover,
input[type=submit]:not(.btn--unstyled).action.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  button:not(.btn--unstyled),
.btn:not(.btn--unstyled),
input[type=submit]:not(.btn--unstyled).action {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  button:not(.btn--unstyled),
.btn:not(.btn--unstyled),
input[type=submit]:not(.btn--unstyled).action {
    font-size: 1.8rem;
  }
}
button:not(.btn--unstyled):hover, button:not(.btn--unstyled).hover,
.btn:not(.btn--unstyled):hover,
.btn:not(.btn--unstyled).hover,
input[type=submit]:not(.btn--unstyled).action:hover,
input[type=submit]:not(.btn--unstyled).action.hover {
  color: #8dac34;
  text-decoration: none;
}
button:not(.btn--unstyled):not(:disabled):not(.disabled),
.btn:not(.btn--unstyled):not(:disabled):not(.disabled),
input[type=submit]:not(.btn--unstyled).action:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.btn--sm,
.btn.btn--sm,
input[type=submit].action.btn--sm {
  margin: 0.5rem 0;
  padding: 0.5em;
  font-size: 13px;
  font-size: 0.6vh;
}
@media (max-height: 100rem) {
  button.btn--sm,
.btn.btn--sm,
input[type=submit].action.btn--sm {
    font-size: 0.6rem;
  }
}
@media (min-height: 166.6666666667rem) {
  button.btn--sm,
.btn.btn--sm,
input[type=submit].action.btn--sm {
    font-size: 1rem;
  }
}

button.btn--lg,
.btn.btn--lg,
input[type=submit].action.btn--lg {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  margin: 2rem 0;
  padding: 1em;
  min-width: 228px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
button.btn--lg:hover, button.btn--lg.hover,
.btn.btn--lg:hover,
.btn.btn--lg.hover,
input[type=submit].action.btn--lg:hover,
input[type=submit].action.btn--lg.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  button.btn--lg,
.btn.btn--lg,
input[type=submit].action.btn--lg {
    font-size: 1rem;
  }
}
@media (min-height: 200rem) {
  button.btn--lg,
.btn.btn--lg,
input[type=submit].action.btn--lg {
    font-size: 2rem;
  }
}
button.btn--lg:hover,
.btn.btn--lg:hover,
input[type=submit].action.btn--lg:hover {
  color: #8dac34;
}

/* button.btn--primary,
.btn.btn--primary,
input[type="submit"].action.btn--primary {
	color: $button-color-primary;
	background-color:$button-color-primary-bg;

	&:hover,
	&.hover {
		color: $button-hover-color;
		background-color:$button-hover-color-bg;
		border: 2px solid $black;
	}
}

 */
button.btn--secondary,
.btn.btn--secondary,
input[type=submit].action.btn--secondary {
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  color: #8dac34;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
}
button.btn--secondary:hover, button.btn--secondary.hover,
.btn.btn--secondary:hover,
.btn.btn--secondary.hover,
input[type=submit].action.btn--secondary:hover,
input[type=submit].action.btn--secondary.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
button.btn--secondary:hover, button.btn--secondary.hover,
.btn.btn--secondary:hover,
.btn.btn--secondary.hover,
input[type=submit].action.btn--secondary:hover,
input[type=submit].action.btn--secondary.hover {
  color: #ffffff;
}
button.btn--secondary:after,
.btn.btn--secondary:after,
input[type=submit].action.btn--secondary:after {
  display: none;
}
button.btn--secondary:before,
.btn.btn--secondary:before,
input[type=submit].action.btn--secondary:before {
  display: none;
}

.btn.btn--white {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.btn.btn--white:hover, .btn.btn--white.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}

button.btn--link,
.btn.btn--link,
input[type=submit].action.btn--link {
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
}
@media (max-width: 72.7272727273rem) {
  button.btn--link,
.btn.btn--link,
input[type=submit].action.btn--link {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  button.btn--link,
.btn.btn--link,
input[type=submit].action.btn--link {
    font-size: 1.1rem;
  }
}
button.btn--link:hover, button.btn--link.hover,
.btn.btn--link:hover,
.btn.btn--link.hover,
input[type=submit].action.btn--link:hover,
input[type=submit].action.btn--link.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
button.btn--link:hover,
.btn.btn--link:hover,
input[type=submit].action.btn--link:hover {
  color: #ffffff;
}

.btn-group .btn,
.btn-group button {
  margin: 1rem 0.5rem;
}

.btn-group--btn-mnv {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  overflow: hidden;
}

.btn-group--btn-m0 {
  display: flex;
  justify-content: flex-end;
}
.btn-group--btn-m0 .btn:first-child {
  margin-left: 0;
}
.btn-group--btn-m0 .btn:last-child {
  margin-right: 0;
}

.btn-group--last-btn-mr0 .btn:last-child {
  margin-right: 0;
}

.btn-group--first-btn-ml0 .btn:first-child {
  margin-left: 0;
}

.btn--lg.btn--headerfixed {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 100;
  margin: 0 !important;
}
@media (max-width: 599px) {
  .btn--lg.btn--headerfixed {
    position: static;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}

.btn--nobg {
  background-color: transparent;
  color: #8dac34;
}
.btn--nobg:hover {
  background-color: #8dac34;
}

button.btn__warning {
  background-color: #05233a !important;
  font-size: 0.9em;
  padding: 0.8em;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
button.btn__warning svg {
  width: 30px;
  height: 30px;
}

.bg-dark .btn,
.bg-blue .btn {
  background: linear-gradient(0deg, #05233a 0, #05233a 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
}
.bg-dark .btn:hover, .bg-dark .btn.hover,
.bg-blue .btn:hover,
.bg-blue .btn.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
.bg-dark .btn.btn--link,
.bg-blue .btn.btn--link {
  background-color: transparent;
  color: #8dac34;
}
.bg-dark .btn.btn--link:hover, .bg-dark .btn.btn--link.hover,
.bg-blue .btn.btn--link:hover,
.bg-blue .btn.btn--link.hover {
  color: #ffffff;
}

.btn--multiline {
  white-space: normal !important;
  line-height: 1.35 !important;
}

/* Icons */
.btn svg.icon,
.btn svg.icon-color {
  width: 28px;
  height: 28px;
}
.btn svg.icon {
  fill: #ffffff;
}

.prop {
  display: inline-block;
  position: relative;
  margin-left: 1rem;
}
@media (min-width: 600px) {
  .prop {
    margin-left: 2rem;
  }
}
.prop svg {
  height: 1.5em;
  width: 1.5em;
  fill: #808080;
  position: relative;
  top: -1px;
}

.prop:first-child {
  margin-left: 0;
}

.bg-dark svg.icon {
  height: 28px;
  width: 28px;
  fill: #ffffff;
}

/* Overlay */
.overlay__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.overlay__content {
  max-width: calc(100% - 2rem);
  height: auto;
  min-height: auto;
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
  margin: 0 auto;
  overflow-y: auto;
  color: #05233a;
}
@media (min-width: 600px) {
  .overlay__content {
    width: 55vw;
    padding: 3rem;
  }
}
.overlay__content h1, .overlay__content h2, .overlay__content h3, .overlay__content h4, .overlay__content h5 {
  margin-top: 0;
}
.overlay__content p a {
  color: #05233a;
}
.overlay__content .btn-group .btn {
  margin-left: 0;
}
.overlay__content .btn-group:last-child .btn {
  margin-bottom: 0;
}
#shareAPIPolyfill-container button {
  color: #05233a;
}

.app-VideoOverlay {
  max-width: 1920px;
}
.app-VideoOverlay-video {
  margin: auto;
  margin-bottom: 1.5em;
  width: 100%;
}
.app-VideoOverlay-video video {
  width: 100%;
}
.app-VideoOverlay-videoClose {
  color: white;
  display: block;
  right: 0.5rem;
  top: 0;
  height: 1.9em;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  width: 1rem;
}
@media (hover: hover) {
  .app-VideoOverlay-videoClose:hover {
    color: #8dac34;
  }
}
.app-VideoOverlay-videoClose svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* Banner */
.banner {
  height: 50vh;
  position: relative;
  box-sizing: border-box;
}
.banner--content {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
@media (min-width: 900px) {
  .banner--content {
    padding-bottom: 2.5rem;
  }
}
.banner picture {
  background-color: #E9E9E9;
  display: block;
  height: 100%;
  width: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--header {
  height: calc(100vh - 90px);
  text-align: center;
}
.banner--header h1 {
  font-size: 65px;
  font-size: 6vw;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 2px 8px #666666;
  margin-bottom: 0;
}
@media (max-width: 28.3333333333rem) {
  .banner--header h1 {
    font-size: 1.7rem;
  }
}
@media (min-width: 68.3333333333rem) {
  .banner--header h1 {
    font-size: 4.1rem;
  }
}
@media (min-width: 900px) {
  .banner--header {
    text-align: right;
  }
}
.banner--header:not(.banner--slider) img.app-lazyload, .banner--header:not(.banner--slider) img.lazyload, .banner--header:not(.banner--slider) img.lazyloading {
  opacity: 0;
  transform: scale(1.1);
}
.banner--header:not(.banner--slider) img.lazyloaded {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms, transform 500ms;
}
.banner--header:not(.banner--slider) h1 {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.banner--header-sm {
  height: calc(100vh - 90px);
  text-align: left;
}
.banner--slider {
  height: auto;
  overflow: hidden;
}

/* filterbar */
.filterbar {
  border-top: 1px solid #8dac34;
  background-color: #05233a;
  color: #fff;
  --position: var(--rolv-is-frozen) relative;
  position: var(--position, sticky);
  top: var(--rolv-is-not-frozen) 60px;
  transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
  z-index: 15;
}
@media (min-width: 600px) {
  .filterbar {
    top: var(--rolv-is-not-frozen) 90px;
  }
}
.filterbar__toggle {
  display: none;
  font-size: 0.9em;
}
@media (min-width: 1200px) {
  .filterbar__toggle {
    display: block;
  }
}
.filterbar__toggle button {
  font-size: 1rem !important;
  margin: 0;
  background-color: transparent;
  color: #8dac34;
}
.filterbar__toggle button:hover {
  color: #ffffff;
}

/* filterbar */
.searchview__map {
  position: relative;
  background-color: #a09b9a;
  order: 0;
  min-height: 18rem;
  height: 38vh;
}
.searchview__map img {
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .searchview__map {
    height: auto;
    order: 2;
  }
}
.searchview__map .searchview__mapholder {
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .searchview__map .searchview__mapholder {
    position: fixed;
    z-index: 5;
    height: calc(100vh - 90px);
    background-color: #a09b9a;
    transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
    width: 30%;
  }
}
.searchview__results {
  -ms-grid-row: 2;
  grid-row: 2;
}
@media (max-width: 599px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
.searchview__results .list {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .searchview--map {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
    -ms-grid-rows: 86px 1fr;
    grid-template-rows: 86px 1fr;
  }
  .searchview--map > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .searchview--map > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.searchview .mapboxgl-popup {
  width: 90%;
}
.searchview .mapboxgl-popup-close-button {
  display: none;
}

.infobanner {
  background-color: #8dac34;
  box-sizing: border-box;
  color: white;
  padding: 1.5em;
  line-height: 1.2;
  text-align: center;
}
.infobanner .btn, .infobanner button {
  margin-bottom: 0;
}
.infobanner button {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.infobanner button:hover, .infobanner button.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}

/* Collapse */
.faq {
  border-top: 1px solid #8dac34;
  text-align: left;
}
.faq__item {
  padding: 0.5rem 1rem;
  position: relative;
  border-bottom: 1px solid #8dac34;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  .faq__item {
    padding: 2rem 0 2rem 0;
  }
}
.faq__item h2, .faq__item h3, .faq__item h4 {
  margin-top: 0;
  color: #05233a;
}
.faq__item label {
  font-size: 18px;
  font-size: 1.4vw;
  margin-bottom: 0.7rem;
  color: #05233a;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  width: 100%;
  align-items: center;
}
@media (max-width: 71.4285714286rem) {
  .faq__item label {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .faq__item label {
    font-size: 1.6rem;
  }
}
.faq__item input[type=checkbox]:checked + label {
  color: #8dac34;
}
.faq__item input[type=checkbox] + label::after,
.faq__item input[type=checkbox]:checked + label::after {
  font-weight: 300;
  font-size: 2rem;
  line-height: 1;
}
.faq__item .btn--link {
  padding: 0;
  margin: 0;
}
@media (min-width: 900px) {
  .faq__item:first-child {
    padding-top: 0;
  }
}
.faq--sm {
  margin-top: 2rem;
}
.faq--sm .faq__item {
  padding: 0.5rem;
}
@media (min-width: 900px) {
  .faq--sm .faq__item {
    padding: 1rem;
  }
}
.faq--sm .faq__item label {
  font-size: inherit;
}
.faq--sm .faq__item input[type=checkbox] + label::after,
.faq--sm .faq__item input[type=checkbox]:checked + label::after {
  line-height: 1;
}
@media (min-width: 900px) {
  .faq--md-open label {
    cursor: inherit;
  }
}
.faq--md-open input[type=checkbox]:checked + label {
  color: #ffffff;
}
@media (min-width: 900px) {
  .faq--md-open input[type=checkbox] + label::after {
    display: none;
  }
}
@media (min-width: 900px) {
  .faq--md-open .collapse-content {
    max-height: none;
    overflow: inherit;
  }
}

/* Accordeon styles */
.faq__item {
  overflow: hidden;
  margin-bottom: 1px;
}

.faq__item input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s;
}

.collapse-content p {
  margin-bottom: 0;
}

.collapse-content p:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 900px) {
  .collapse-content p:last-child {
    margin-bottom: 0;
  }
}

/* :checked */
.faq__item input:checked ~ .collapse-content {
  max-height: 500vh;
}

/* .faq__item:last-child {
	border: 0;
} */
/* Icon */
.faq__item label::after {
  display: inline-block;
  transition: all 0.35s;
  margin-left: auto;
}

.faq__item input[type=checkbox] + label::after {
  content: "+";
}

.faq__item input[type=checkbox]:checked + label::after {
  transform: rotate(180deg);
  content: "–";
}

@media (min-width: 900px) {
  .bg-dark .faq,
.bg-darken .faq {
    border: 0;
  }
}
.bg-dark .faq__item h2, .bg-dark .faq__item h3, .bg-dark .faq__item h4, .bg-dark .faq__item h5, .bg-dark .faq__item label,
.bg-darken .faq__item h2,
.bg-darken .faq__item h3,
.bg-darken .faq__item h4,
.bg-darken .faq__item h5,
.bg-darken .faq__item label {
  color: #ffffff;
}
.bg-dark .faq__item a,
.bg-darken .faq__item a {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.bg-dark .faq__item a:focus, .bg-dark .faq__item a.focus,
.bg-darken .faq__item a:focus,
.bg-darken .faq__item a.focus {
  background-color: transparent;
  outline: 0;
}
.bg-dark .faq__item a.mod--fillParent::before,
.bg-darken .faq__item a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 1.8rem;
  }
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  color: #8dac34;
  text-decoration: none;
}
.bg-dark .faq__item a:not(:disabled):not(.disabled),
.bg-darken .faq__item a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
@media (max-width: 72.7272727273rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 1.1rem;
  }
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.bg-dark .faq__item a:hover,
.bg-darken .faq__item a:hover {
  color: #ffffff;
}
.bg-dark .faq__item input[type=checkbox]:checked + label,
.bg-darken .faq__item input[type=checkbox]:checked + label {
  color: #8dac34;
}
@media (min-width: 900px) {
  .bg-dark .faq__item:last-child,
.bg-darken .faq__item:last-child {
    border: 0;
  }
}
@media (min-width: 900px) {
  .bg-dark .faq--md-open .faq__item input[type=checkbox]:checked + label,
.bg-darken .faq--md-open .faq__item input[type=checkbox]:checked + label {
    color: #ffffff;
  }
}

/* Person Elements */
.person img {
  width: 152px;
  height: auto;
  margin-bottom: 0.4rem;
}
@media (min-width: 600px) {
  .person img {
    width: 18vw;
    max-width: 242px;
  }
}
@media (min-width: 1670px) {
  .person img {
    width: 20vw;
    max-width: 262px;
  }
}
.person p {
  margin-top: 0;
  margin-bottom: 0;
}
.person p a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  margin: 0;
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .person p a {
    font-size: 1.8rem;
  }
}
.person p a:hover, .person p a.hover {
  color: #8dac34;
  text-decoration: none;
}
.person p a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.person p a:focus, .person p a.focus {
  background-color: transparent;
  outline: 0;
}
.person p a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .person p a {
    font-size: 1.1rem;
  }
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.person p a:hover {
  color: #ffffff;
}
.person [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .person [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 150rem) {
  .person [role=doc-subtitle] {
    font-size: 1.2rem;
  }
}
.person__title, .person h2 {
  font-size: 18px;
  font-size: 1.4vw;
  color: #05233a;
  margin-bottom: 0.8rem;
}
@media (max-width: 71.4285714286rem) {
  .person__title, .person h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .person__title, .person h2 {
    font-size: 1.5rem;
  }
}
.person--group {
  width: 100%;
}
.person--group img {
  max-width: 660px !important;
  width: 100% !important;
}

/* Project Elements */
.news {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 600px) {
  .news {
    flex-direction: row;
  }
}
.news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__content [role=doc-subtitle] {
  color: #a09b9a;
  font-size: 14px;
  font-size: 0.9vw;
}
@media (max-width: 94.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 0.85rem;
  }
}
@media (min-width: 144.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 1.3rem;
  }
}
@media (min-width: 600px) {
  .news__img, .news__content {
    flex-basis: 47%;
  }
}

/* Project Elements */
@media (min-width: 600px) {
  .content-block {
    padding-right: 15%;
  }
}
/* Overlay */
.overlay__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.overlay__content {
  max-width: calc(100% - 2rem);
  height: auto;
  min-height: auto;
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
  margin: 0 auto;
  overflow-y: auto;
  color: #05233a;
}
@media (min-width: 600px) {
  .overlay__content {
    width: 55vw;
    padding: 3rem;
  }
}
.overlay__content h1, .overlay__content h2, .overlay__content h3, .overlay__content h4, .overlay__content h5 {
  margin-top: 0;
}
.overlay__content p a {
  color: #05233a;
}
.overlay__content .btn-group .btn {
  margin-left: 0;
}
.overlay__content .btn-group:last-child .btn {
  margin-bottom: 0;
}
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
.news {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 600px) {
  .news {
    flex-direction: row;
  }
}
.news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__content [role=doc-subtitle] {
  color: #a09b9a;
  font-size: 14px;
  font-size: 0.9vw;
}
@media (max-width: 94.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 0.85rem;
  }
}
@media (min-width: 144.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 1.3rem;
  }
}
@media (min-width: 600px) {
  .news__img, .news__content {
    flex-basis: 47%;
  }
}

/* slider */
.slider {
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
.slider .slider__trackcontainer {
  overflow: hidden;
  position: relative;
}
.slider .slider__badge {
  height: auto;
  left: 15px;
  max-width: 66%;
  position: absolute;
  top: 0;
  width: 34rem;
}
.slider .slider__textBadge {
  height: 100%;
  left: 15px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.slider .slider__textBadge > * {
  font-size: 18px;
  font-size: 1.4vw;
  background-color: #8dac34;
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "Hind Siliguri", Arial, sans-serif;
  left: 0;
  padding: 0.3em 4px 0.2em 8px;
  position: absolute;
  top: 0;
  transform-origin: 100% 0%;
  transform: rotate(-21deg) translateX(calc(-0.5 * (100% / 0.9335804265 - 100%)));
}
@media (max-width: 71.4285714286rem) {
  .slider .slider__textBadge > * {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .slider .slider__textBadge > * {
    font-size: 1.6rem;
  }
}
.slider .slider__textBadge > *::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: -1000px;
  position: absolute;
  right: -1000px;
  top: 0;
  z-index: -1;
}
.slider__track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 900px) {
  .slider__track {
    width: inherit;
  }
}
.slider__track .slider__item {
  padding: 0 15px 0 15px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  width: calc(100% - 30px);
}
.slider[data-slides="2"] .slider__item {
  width: calc(50% - 30px);
}
.slider__controls {
  display: inline-flex;
  justify-content: space-between;
  height: 45px;
  width: 100%;
  bottom: auto;
  left: 0;
  top: auto;
  padding-top: calc(33.33% - 29px);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.slider__controls button {
  margin: 0;
  pointer-events: auto;
}
@media (min-width: 900px) {
  .slider__controls {
    order: 1;
    margin-top: 1rem;
    padding-top: 0;
    position: relative;
    bottom: auto;
    left: auto;
    right: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .slider__controls {
    position: absolute;
    width: auto;
    top: auto;
    bottom: 5vw;
    left: 18vw;
    right: auto;
    bottom: calc(7vh + 0.3rem);
  }
}
@media (min-width: 1670px) {
  .slider__controls {
    left: 20vw;
  }
}
@media (min-width: 1800px) {
  .slider__controls {
    left: 24vw;
  }
}
.slider__controls .slider__arrow {
  width: 45px;
  height: 45px;
  padding: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow {
    width: 70px;
    height: 45px;
    margin: 0 0.4rem;
  }
}
.slider__controls .slider__arrow .icon {
  height: 24px;
}
.slider__controls .slider__arrow--prev {
  position: absolute;
  left: 0;
}
.slider__controls .slider__arrow--prev .icon {
  transform: scaleX(-1);
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--prev {
    position: relative;
    left: auto;
  }
}
.slider__controls .slider__arrow--next {
  position: absolute;
  right: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--next {
    position: relative;
    right: auto;
  }
}
.slider__controls--pagination {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  margin-top: -6.8rem;
  bottom: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .slider__controls--pagination {
    position: absolute;
    width: auto;
    justify-content: inherit;
    padding-bottom: 0;
    margin-top: 0;
    top: auto;
    bottom: 3rem;
    left: auto;
    right: 60vw;
    margin-top: 0;
  }
}
@media (min-width: 1670px) {
  .slider__controls--pagination {
    right: auto;
    left: 25rem;
  }
}
.slider__controls--pagination .slider__pagination {
  white-space: nowrap;
  padding: 0 0.5rem;
  color: #05233a;
  text-transform: uppercase;
  font-weight: 500;
}
.slider__controls--pagination .slider__arrow {
  position: relative;
}
.slider__controls--pagination .slider__arrow--prev {
  left: auto;
}
.slider__controls--pagination .slider__arrow--next {
  right: auto;
}
.slider .slider__item--v > * {
  padding: 0 0 3rem 0;
}

/* For complex and large slider */
.banner--slider.is-swiping .slider__item.scm-scene-post {
  transform: translateX(-100%);
  opacity: 1;
}
.banner--slider.is-swiping .slider__item.scm-scene-pre {
  transform: translateX(100%);
  opacity: 1;
}
.banner--slider.is-momentum .slider__track {
  transition: transform 300ms;
}
.banner--slider .slider {
  height: 100%;
}
.banner--slider .slider__track {
  display: block;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 0;
  height: calc(80vh - 90px - 8rem);
  min-height: 15rem;
}
@media (min-width: 900px) {
  .banner--slider .slider__track {
    height: calc(100vh - 90px);
  }
}
.banner--slider .slider__controls {
  top: calc(40vh - 22.5px - (90px / 2) - 4rem);
  padding-top: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    top: calc(50vh - 22.5px);
  }
}
.banner--slider .slider__item {
  height: 100%;
  margin: 0;
  position: relative;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  will-change: opacity;
  z-index: 1;
}
.banner--slider .slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--slider .slider__item--contain picture {
  background-color: #ffffff;
}
.banner--slider .slider__item--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.banner--slider .slider__item.scm-scene-animated {
  transition: opacity 300ms;
  transition-delay: 200ms;
}
.banner--slider .slider__item.scm-scene-post {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-post.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-pre {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-pre.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-current {
  opacity: 1;
  z-index: 2;
}
.banner--slider .slider__content {
  position: relative;
  background-color: #ffffff;
  padding: 0;
  left: 15px;
}
@media (min-width: 900px) {
  .banner--slider .slider__content {
    position: absolute;
    width: 30vw;
    bottom: 6rem;
  }
}
.banner--slider .slider__content .slider__content__header {
  text-align: left;
  padding: 2rem 4rem 2rem 0;
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
  min-width: 20vw;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__content .slider__content__header h1 {
  font-size: 30px;
  font-size: 2vw;
  color: #8dac34;
  font-weight: 600;
  margin-top: 0.8rem;
  text-shadow: none;
}
@media (max-width: 75rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 120rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 2.4rem;
  }
}
.banner--slider .slider__content .slider__content__header p {
  margin-bottom: 0;
}
.banner--slider .slider__content__addon {
  position: absolute;
  right: 30px;
  top: 0.8em;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    padding-bottom: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
    bottom: 6rem;
    width: 7rem;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .banner--slider .slider__controls {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .banner--slider .slider__controls {
    margin-right: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__controls .slider__arrow--prev {
  left: 0rem;
}
.banner--slider .slider__controls .slider__arrow--next {
  right: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls .slider__arrow--next {
    left: auto;
  }
}

.banner--narrow .slider__track {
  height: calc(80vh - 90px - 8rem);
}
.banner--narrow .slider__controls {
  margin-right: 0;
}

.app-BodyGroup {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  /*
  @keyframes app-PageStruct-BodyGroup-loadindicator-rotation {
  		from {
  				transform: scaleX(1);
  		}
  		to {
  				transform: scaleX(1) rotate(360deg);
  		}
  }

  &::before {
  		@size: 4em;

  		animation: app-PageStruct-BodyGroup-loadindicator-rotation 1.5s steps(8, end) infinite reverse;
  		background-image: data-uri('../../../img/animation/loading-indicator.svg');
  		content: '';
  		display: block;
  		height: @size;
  		width: @size;
  		opacity: 0;
  		position: fixed;
  		left: calc(~"50% - " (@size/2));
  		top: calc(~"50% - " (@size/2));
  		transition: 200ms opacity;
  }

  &.is-loading::before {
  		opacity: 1;
  }

  &.is-loading &-entry {
  		opacity: 0;
  }

  &.is-loaded &-entry {
  		opacity: 1;
  }
  */
}
.app-BodyGroup-entry {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 100%;
}
.app-BodyGroup-entry > *:not(header, footer) {
  flex-grow: 1;
}
.app-BodyGroup-entry::after {
  background-color: black;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: 300ms opacity;
  width: 100%;
  z-index: 100;
}
.app-BodyGroup-entry.is-covered::after {
  opacity: 0.5;
}
.app-BodyGroup-entry.is-covered {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
}
.app-BodyGroup-entry.is-covered > * {
  pointer-events: none;
}
.app-BodyGroup [data-overlaypage-entry="1"] {
  width: 82rem;
  margin-left: auto;
  transform: translateX(100%);
  transition: transform 400ms;
  z-index: 1;
  /*
  margin-top: (-@app-height-header-small);
  padding-top: @app-height-header-small;

  @media (min-width: @app-breakpoint-menu) {
  		margin-top: (-@app-height-header-normal);
  		padding-top: @app-height-header-normal;
  }
  */
}
.Rolv--visible .app-BodyGroup [data-overlaypage-entry="1"] [data-rolv-body] {
  background-color: #ffffff;
  left: auto;
  width: 82rem;
  max-width: 100%;
}
.app-BodyGroup [data-overlaypage-entry="1"] .app-HeaderBlock {
  transition: none;
  visibility: hidden;
}
.app-BodyGroup [data-overlaypage-entry="1"] .app-Footer {
  display: none;
}
.app-BodyGroup.is-loaded [data-overlaypage-entry="1"] {
  transform: none;
}
.app-BodyGroup.is-loaded [data-overlaypage-entry="1"] .app-HeaderBlock {
  transition: visibility 0ms;
  transition-delay: 400ms;
  visibility: visible;
}

[data-overlaypage-entry="1"] {
  margin-top: -60px;
}
@media (min-width: 600px) {
  [data-overlaypage-entry="1"] {
    margin-top: -90px;
  }
}
[data-overlaypage-entry="1"] .site-header, [data-overlaypage-entry="1"] .site-footer {
  display: none;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-HomePageMessageBanner {
  position: fixed;
  top: 135px;
  left: 0;
  z-index: 50;
}
.app-HomePageMessageBanner-content {
  background-color: #8dac34;
  box-sizing: border-box;
  color: white;
  max-height: calc(100vh - 170px);
  max-width: calc(95vw - 4rem);
  opacity: 0;
  overflow: auto;
  padding: 1.5em;
  position: absolute;
  left: 4.5rem;
  top: 0;
  transition: opacity 200ms;
  width: 32rem;
}
.app-HomePageMessageBanner-content h2 {
  font-size: 24px;
  font-size: 4vw;
}
@media (max-width: 27.5rem) {
  .app-HomePageMessageBanner-content h2 {
    font-size: 1.1rem;
  }
}
@media (min-width: 50rem) {
  .app-HomePageMessageBanner-content h2 {
    font-size: 2rem;
  }
}
.app-HomePageMessageBanner-content a {
  color: #05233a;
}
.app-HomePageMessageBanner-content a:focus-visible {
  color: #064757;
}
@media (hover: hover) {
  .app-HomePageMessageBanner-content a:hover {
    color: black;
  }
}
.app-HomePageMessageBanner-content [role=doc-subtitle] {
  font-size: 16px;
  font-size: 2vw;
  color: white;
}
@media (max-width: 40rem) {
  .app-HomePageMessageBanner-content [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 55rem) {
  .app-HomePageMessageBanner-content [role=doc-subtitle] {
    font-size: 1.1rem;
  }
}
.app-HomePageMessageBanner-closeIcon {
  display: none;
}
.app-HomePageMessageBanner-button {
  padding-left: 1.6em !important;
  transform: translateX(-0.8em);
  transition: transform 200ms;
}
.app-HomePageMessageBanner-button:hover, .app-HomePageMessageBanner.is-infoOpen .app-HomePageMessageBanner-button {
  transform: translateX(0);
}
.app-HomePageMessageBanner.is-infoOpen .app-HomePageMessageBanner-button {
  color: #8dac34;
}
.app-HomePageMessageBanner.is-infoOpen .app-HomePageMessageBanner-content {
  opacity: 1;
}
.app-HomePageMessageBanner.is-infoOpen .app-HomePageMessageBanner-openIcon {
  display: none;
}
.app-HomePageMessageBanner.is-infoOpen .app-HomePageMessageBanner-closeIcon {
  display: block;
}

.app-InfoPopup {
  align-items: center;
  display: inline-flex;
  font-weight: normal;
  margin: 0 0.2em;
  position: relative;
  text-transform: none;
  top: -0.1em;
  width: 1em;
  /* limit width, otherwise iOS will change the width of the container on opening */
}
.app-InfoPopup-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  margin: 0;
  padding: 0;
}
.app-InfoPopup-button:hover {
  color: white;
}
.app-InfoPopup--light .app-InfoPopup-button:hover {
  color: #8dac34;
}
.app-InfoPopup .icon {
  height: 1em;
  width: 1em;
}
.app-InfoPopup-Overlay::-webkit-backdrop {
  background-color: rgba(5, 35, 58, 0.6);
}
.app-InfoPopup-Overlay::backdrop {
  background-color: rgba(5, 35, 58, 0.6);
}
.app-InfoPopup-Overlay-content {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: clamp(3rem, calc(3% + 0.5rem), 5rem) clamp(2rem, calc(3% + 0.5rem), 5rem);
  position: relative;
  max-width: 60rem;
  width: calc(100vw - 1rem);
}
.app-InfoPopup-Overlay-CloseButton {
  color: #05233a;
  height: 1.3em;
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  width: 1.3em;
  z-index: 10000;
}
@media (hover: hover) {
  .app-InfoPopup-Overlay-CloseButton:hover {
    color: #8dac34;
  }
}
.app-InfoPopup-Overlay-CloseButton-symbol {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* TextWithMediaBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.TextWithMediaBlock {
  padding-top: 0;
}
.TextWithMediaBlock .container {
  margin-top: -4rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  z-index: 300;
}
@media (min-width: 600px) {
  .TextWithMediaBlock .container {
    margin-top: -10rem;
  }
}
@media (min-width: 900px) {
  .TextWithMediaBlock .container {
    margin-top: -12rem;
  }
}
.TextWithMediaBlock .container h2, .TextWithMediaBlock .container h3 {
  text-align: center;
}
.TextWithMediaBlock--textless {
  padding-bottom: 0;
}

.banner-bg {
  overflow: hidden;
  position: relative;
  z-index: 100;
  height: 210px;
}
@media (min-width: 600px) {
  .banner-bg {
    height: 400px;
  }
}
@media (min-width: 900px) {
  .banner-bg {
    height: 660px;
  }
}
.banner-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@-webkit-keyframes app-TextWithMediaBlock-parallax {
  0% {
    transform: translateY(-38.8753056235%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes app-TextWithMediaBlock-parallax {
  0% {
    transform: translateY(-38.8753056235%);
  }
  100% {
    transform: translateY(0%);
  }
}
html.sca-animatable .banner-bg--parallax.sca-animate .banner-parallax {
  -webkit-animation: app-TextWithMediaBlock-parallax linear 100s;
          animation: app-TextWithMediaBlock-parallax linear 100s;
  -webkit-animation-delay: -100s;
          animation-delay: -100s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  height: 163.6%;
  will-change: transform;
}

/* TextWithMediaBlockMap */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* TextWithMediaBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.TextWithMediaBlock {
  padding-top: 0;
}
.TextWithMediaBlock .container {
  margin-top: -4rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  z-index: 300;
}
@media (min-width: 600px) {
  .TextWithMediaBlock .container {
    margin-top: -10rem;
  }
}
@media (min-width: 900px) {
  .TextWithMediaBlock .container {
    margin-top: -12rem;
  }
}
.TextWithMediaBlock .container h2, .TextWithMediaBlock .container h3 {
  text-align: center;
}
.TextWithMediaBlock--textless {
  padding-bottom: 0;
}

.banner-bg {
  overflow: hidden;
  position: relative;
  z-index: 100;
  height: 210px;
}
@media (min-width: 600px) {
  .banner-bg {
    height: 400px;
  }
}
@media (min-width: 900px) {
  .banner-bg {
    height: 660px;
  }
}
.banner-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@keyframes app-TextWithMediaBlock-parallax {
  0% {
    transform: translateY(-38.8753056235%);
  }
  100% {
    transform: translateY(0%);
  }
}
html.sca-animatable .banner-bg--parallax.sca-animate .banner-parallax {
  -webkit-animation: app-TextWithMediaBlock-parallax linear 100s;
          animation: app-TextWithMediaBlock-parallax linear 100s;
  -webkit-animation-delay: -100s;
          animation-delay: -100s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  height: 163.6%;
  will-change: transform;
}

.TextWithMediaBlock--map {
  padding-top: 0;
}
.TextWithMediaBlock--map .container {
  margin-top: 3rem;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .TextWithMediaBlock--map .container {
    margin-top: 3rem;
  }
}

/* QuicklinkBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Banner */
.banner {
  height: 50vh;
  position: relative;
  box-sizing: border-box;
}
.banner--content {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
@media (min-width: 900px) {
  .banner--content {
    padding-bottom: 2.5rem;
  }
}
.banner picture {
  background-color: #E9E9E9;
  display: block;
  height: 100%;
  width: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--header {
  height: calc(100vh - 90px);
  text-align: center;
}
.banner--header h1 {
  font-size: 65px;
  font-size: 6vw;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 2px 8px #666666;
  margin-bottom: 0;
}
@media (max-width: 28.3333333333rem) {
  .banner--header h1 {
    font-size: 1.7rem;
  }
}
@media (min-width: 68.3333333333rem) {
  .banner--header h1 {
    font-size: 4.1rem;
  }
}
@media (min-width: 900px) {
  .banner--header {
    text-align: right;
  }
}
.banner--header:not(.banner--slider) img.app-lazyload, .banner--header:not(.banner--slider) img.lazyload, .banner--header:not(.banner--slider) img.lazyloading {
  opacity: 0;
  transform: scale(1.1);
}
.banner--header:not(.banner--slider) img.lazyloaded {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms, transform 500ms;
}
.banner--header:not(.banner--slider) h1 {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.banner--header-sm {
  height: calc(100vh - 90px);
  text-align: left;
}
.banner--slider {
  height: auto;
  overflow: hidden;
}

/* Banner */
.banner__linkblocks {
  margin: 2rem 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.banner__linkblocks li {
  width: 46%;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  flex-grow: 1;
}
@media (min-width: 900px) {
  .banner__linkblocks li {
    flex-grow: 0;
    width: auto;
    margin: 0;
  }
}
.banner__linkblocks li a {
  box-sizing: border-box;
  background-color: #05233a;
  padding: 0.6rem 0.2rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 500;
  font-size: 20px;
  font-size: 1.2vw;
  line-height: 1.2;
}
@media (max-width: 66.6666666667rem) {
  .banner__linkblocks li a {
    font-size: 0.8rem;
  }
}
@media (min-width: 108.3333333333rem) {
  .banner__linkblocks li a {
    font-size: 1.3rem;
  }
}
@media (min-width: 900px) {
  .banner__linkblocks li a {
    padding: 1.6rem;
  }
}
@media (hover: hover) {
  .banner__linkblocks li a {
    background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #05233a 0, #05233a 100%);
    background-repeat: no-repeat;
    background-size: 0% 100%, 100% 100%;
    background-position: 0 50%, 100% 50%;
    transition-property: background-size, color;
    transition-duration: 200ms;
  }
  .banner__linkblocks li a:hover, .banner__linkblocks li a.hover {
    background-color: transparent;
    background-size: 100% 100%, 0% 100%;
  }
}
.banner__linkblocks li a strong {
  color: #8dac34;
}
@media (hover: hover) {
  .banner__linkblocks li a:hover {
    color: #05233a;
  }
}
@media (min-width: 900px) {
  .banner__linkblocks {
    align-content: center;
    flex-wrap: nowrap;
  }
  .banner__linkblocks li {
    justify-content: flex-end;
  }
  .banner__linkblocks li a {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    width: auto;
    width: 12vw;
  }
}
@media (min-width: 900px) {
  .banner__linkblocks li a {
    width: 16vw;
  }
}

/* ProjectSliderBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
.project {
  color: #05233a;
  cursor: pointer;
}
.project.is-filtered {
  display: none;
}
.project__imglink {
  align-items: center;
  background-color: #E9E9E9;
  display: flex;
  position: relative;
  transition: transform 0.35s ease-in-out;
}
.project__imglink::before {
  content: "";
  padding-bottom: 66.67%;
}
.project__imglink img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.project__imglink .project__badge {
  max-width: 90%;
  width: 22rem;
}
@media (min-width: 900px) {
  .project__imglink:hover, .project__imglink.hover {
    transform: scale(0.9);
  }
}
.project__imglink img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: auto;
  margin-right: auto;
}
.project__img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
}
.project [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .project [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 118.75rem) {
  .project [role=doc-subtitle] {
    font-size: 0.95rem;
  }
}
.project__title, .project h2 {
  font-size: 18px;
  font-size: 1.4vw;
  margin-bottom: 0.4rem;
}
@media (max-width: 71.4285714286rem) {
  .project__title, .project h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .project__title, .project h2 {
    font-size: 1.5rem;
  }
}
.project__title, .project__title a, .project h2, .project h2 a {
  color: #05233a;
}
.project__title a, .project h2 a {
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  text-decoration: none;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  color: #ffffff;
}
.project__desc {
  padding-top: 1rem;
}
.project__desc p {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .project__desc {
    padding-left: 5%;
  }
}
.project--narrow .project__img {
  margin-bottom: 0;
  max-height: 150px;
}
.project--narrow .project__desc {
  padding: 0 5%;
}
.project--narrow .project__title {
  font-size: 18px;
  font-size: 1.2vw;
  margin-bottom: 0.5rem;
}
@media (max-width: 75rem) {
  .project--narrow .project__title {
    font-size: 0.9rem;
  }
}
@media (min-width: 100rem) {
  .project--narrow .project__title {
    font-size: 1.2rem;
  }
}
.project--narrow p {
  line-height: 1.4;
}

/* slider */
.slider {
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
.slider .slider__trackcontainer {
  overflow: hidden;
  position: relative;
}
.slider .slider__badge {
  height: auto;
  left: 15px;
  max-width: 66%;
  position: absolute;
  top: 0;
  width: 34rem;
}
.slider .slider__textBadge {
  height: 100%;
  left: 15px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.slider .slider__textBadge > * {
  font-size: 18px;
  font-size: 1.4vw;
  background-color: #8dac34;
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "Hind Siliguri", Arial, sans-serif;
  left: 0;
  padding: 0.3em 4px 0.2em 8px;
  position: absolute;
  top: 0;
  transform-origin: 100% 0%;
  transform: rotate(-21deg) translateX(calc(-0.5 * (100% / 0.9335804265 - 100%)));
}
@media (max-width: 71.4285714286rem) {
  .slider .slider__textBadge > * {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .slider .slider__textBadge > * {
    font-size: 1.6rem;
  }
}
.slider .slider__textBadge > *::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: -1000px;
  position: absolute;
  right: -1000px;
  top: 0;
  z-index: -1;
}
.slider__track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 900px) {
  .slider__track {
    width: inherit;
  }
}
.slider__track .slider__item {
  padding: 0 15px 0 15px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  width: calc(100% - 30px);
}
.slider[data-slides="2"] .slider__item {
  width: calc(50% - 30px);
}
.slider__controls {
  display: inline-flex;
  justify-content: space-between;
  height: 45px;
  width: 100%;
  bottom: auto;
  left: 0;
  top: auto;
  padding-top: calc(33.33% - 29px);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.slider__controls button {
  margin: 0;
  pointer-events: auto;
}
@media (min-width: 900px) {
  .slider__controls {
    order: 1;
    margin-top: 1rem;
    padding-top: 0;
    position: relative;
    bottom: auto;
    left: auto;
    right: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .slider__controls {
    position: absolute;
    width: auto;
    top: auto;
    bottom: 5vw;
    left: 18vw;
    right: auto;
    bottom: calc(7vh + 0.3rem);
  }
}
@media (min-width: 1670px) {
  .slider__controls {
    left: 20vw;
  }
}
@media (min-width: 1800px) {
  .slider__controls {
    left: 24vw;
  }
}
.slider__controls .slider__arrow {
  width: 45px;
  height: 45px;
  padding: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow {
    width: 70px;
    height: 45px;
    margin: 0 0.4rem;
  }
}
.slider__controls .slider__arrow .icon {
  height: 24px;
}
.slider__controls .slider__arrow--prev {
  position: absolute;
  left: 0;
}
.slider__controls .slider__arrow--prev .icon {
  transform: scaleX(-1);
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--prev {
    position: relative;
    left: auto;
  }
}
.slider__controls .slider__arrow--next {
  position: absolute;
  right: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--next {
    position: relative;
    right: auto;
  }
}
.slider__controls--pagination {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  margin-top: -6.8rem;
  bottom: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .slider__controls--pagination {
    position: absolute;
    width: auto;
    justify-content: inherit;
    padding-bottom: 0;
    margin-top: 0;
    top: auto;
    bottom: 3rem;
    left: auto;
    right: 60vw;
    margin-top: 0;
  }
}
@media (min-width: 1670px) {
  .slider__controls--pagination {
    right: auto;
    left: 25rem;
  }
}
.slider__controls--pagination .slider__pagination {
  white-space: nowrap;
  padding: 0 0.5rem;
  color: #05233a;
  text-transform: uppercase;
  font-weight: 500;
}
.slider__controls--pagination .slider__arrow {
  position: relative;
}
.slider__controls--pagination .slider__arrow--prev {
  left: auto;
}
.slider__controls--pagination .slider__arrow--next {
  right: auto;
}
.slider .slider__item--v > * {
  padding: 0 0 3rem 0;
}

/* For complex and large slider */
.banner--slider.is-swiping .slider__item.scm-scene-post {
  transform: translateX(-100%);
  opacity: 1;
}
.banner--slider.is-swiping .slider__item.scm-scene-pre {
  transform: translateX(100%);
  opacity: 1;
}
.banner--slider.is-momentum .slider__track {
  transition: transform 300ms;
}
.banner--slider .slider {
  height: 100%;
}
.banner--slider .slider__track {
  display: block;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 0;
  height: calc(80vh - 90px - 8rem);
  min-height: 15rem;
}
@media (min-width: 900px) {
  .banner--slider .slider__track {
    height: calc(100vh - 90px);
  }
}
.banner--slider .slider__controls {
  top: calc(40vh - 22.5px - (90px / 2) - 4rem);
  padding-top: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    top: calc(50vh - 22.5px);
  }
}
.banner--slider .slider__item {
  height: 100%;
  margin: 0;
  position: relative;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  will-change: opacity;
  z-index: 1;
}
.banner--slider .slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--slider .slider__item--contain picture {
  background-color: #ffffff;
}
.banner--slider .slider__item--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.banner--slider .slider__item.scm-scene-animated {
  transition: opacity 300ms;
  transition-delay: 200ms;
}
.banner--slider .slider__item.scm-scene-post {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-post.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-pre {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-pre.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-current {
  opacity: 1;
  z-index: 2;
}
.banner--slider .slider__content {
  position: relative;
  background-color: #ffffff;
  padding: 0;
  left: 15px;
}
@media (min-width: 900px) {
  .banner--slider .slider__content {
    position: absolute;
    width: 30vw;
    bottom: 6rem;
  }
}
.banner--slider .slider__content .slider__content__header {
  text-align: left;
  padding: 2rem 4rem 2rem 0;
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
  min-width: 20vw;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__content .slider__content__header h1 {
  font-size: 30px;
  font-size: 2vw;
  color: #8dac34;
  font-weight: 600;
  margin-top: 0.8rem;
  text-shadow: none;
}
@media (max-width: 75rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 120rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 2.4rem;
  }
}
.banner--slider .slider__content .slider__content__header p {
  margin-bottom: 0;
}
.banner--slider .slider__content__addon {
  position: absolute;
  right: 30px;
  top: 0.8em;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    padding-bottom: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
    bottom: 6rem;
    width: 7rem;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .banner--slider .slider__controls {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .banner--slider .slider__controls {
    margin-right: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__controls .slider__arrow--prev {
  left: 0rem;
}
.banner--slider .slider__controls .slider__arrow--next {
  right: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls .slider__arrow--next {
    left: auto;
  }
}

.banner--narrow .slider__track {
  height: calc(80vh - 90px - 8rem);
}
.banner--narrow .slider__controls {
  margin-right: 0;
}

.ProjectSliderBlock {
  background-color: #ffffff;
}
.ProjectSliderBlock .col-2-3 {
  overflow: hidden;
}
@media (min-width: 900px) {
  .ProjectSliderBlock .col-2-3 {
    display: flex;
    flex-direction: column;
  }
}
.ProjectSliderBlock .slider__controls {
  padding-bottom: 0;
}
.ProjectSliderBlock .project__imglink {
  display: block;
  overflow: hidden;
  padding-bottom: 66.67%;
  position: relative;
}
.ProjectSliderBlock .project__imglink > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ResidentialRealtyListBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
ul.ResidentialRealtyListBlock {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  background-color: #f6f6f6;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock {
    background-color: inherit;
  }
}
ul.ResidentialRealtyListBlock li {
  background-color: #f6f6f6;
  border-bottom: 1px solid #b2b2b2;
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
ul.ResidentialRealtyListBlock li:last-child {
  border: 0;
}
@media (min-width: 1200px) {
  ul.ResidentialRealtyListBlock li {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33% 1fr;
    grid-template-columns: 33% 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border: 0;
    margin-bottom: 1.2rem;
  }
  ul.ResidentialRealtyListBlock li > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  ul.ResidentialRealtyListBlock li > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  ul.ResidentialRealtyListBlock li > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  ul.ResidentialRealtyListBlock li > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 900px) {
  ul.ResidentialRealtyListBlock li {
    -ms-grid-columns: minmax(33%, 383px) 1fr;
    grid-template-columns: minmax(33%, 383px) 1fr;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header {
  padding-top: 1.2rem;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header {
    margin-top: 0;
    order: 2;
    padding: 1.2rem 1.2rem 0 1.2rem;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header h2 {
  margin-bottom: 0.3rem;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header p {
  color: #05233a;
  margin-top: 0;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 150rem) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__header [role=doc-subtitle] {
    font-size: 1.2rem;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img {
  background-color: #ffffff;
  border: 2px solid #f6f6f6;
  display: flex;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img a {
  display: block;
  height: 100%;
  min-height: 14rem;
  position: relative;
  width: 100%;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  position: absolute;
  top: 0;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img .ResidentialRealtyListBlock__badge {
  max-width: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
  width: 17rem;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img {
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__img--contain img {
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(0.93);
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 1.2rem;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc {
    margin-top: 0;
    padding: 0 1.2rem 1.2rem 1.2rem;
    order: 3;
  }
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc {
    align-items: flex-end;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts,
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__btn {
  display: flex;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts,
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__btn {
    align-items: flex-start;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts {
  align-self: flex-start;
  flex-direction: column;
  width: 100%;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  min-width: 33%;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dd,
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dt {
  padding-top: 0.3rem;
  padding-right: 0.6rem;
  line-height: 1.3;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dt {
  width: auto;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dd {
  white-space: normal;
  min-width: 7vw;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl:first-child dt {
  min-width: 4.5em;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl:first-child dd {
  min-width: 3.5em;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl:last-child {
  flex-grow: 1;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dd,
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__facts dl dt {
    padding-top: 0.4rem;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__btn {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 600px) {
  ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__btn {
    margin-bottom: 0;
  }
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__desc .ResidentialRealtyListBlock__btn .btn--link {
  line-height: 1.3;
  padding: 0;
  margin: 0;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__piped {
  white-space: nowrap;
}
ul.ResidentialRealtyListBlock li .ResidentialRealtyListBlock__piped:not(:last-child)::after {
  content: " | ";
}

/* ParkingRealtyListBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
ul.ParkingRealtyListBlock {
  padding: 0;
  list-style: none;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock {
    background-color: inherit;
  }
}
ul.ParkingRealtyListBlock li {
  background-color: #f6f6f6;
}
ul.ParkingRealtyListBlock li:nth-child(even) {
  background-color: white;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li:nth-child(even) {
    background-color: #f6f6f6;
  }
}
ul.ParkingRealtyListBlock li.is-filtered {
  display: none;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li {
    margin-bottom: 0.8rem;
  }
}
ul.ParkingRealtyListBlock li:last-child {
  border: 0;
}
ul.ParkingRealtyListBlock li::before, ul.ParkingRealtyListBlock li::after {
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  content: "";
  border-bottom: 1px solid #E9E9E9;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  ul.ParkingRealtyListBlock li::before, ul.ParkingRealtyListBlock li::after {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li::before, ul.ParkingRealtyListBlock li::after {
    display: none;
  }
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li {
    width: calc(100% - 2rem);
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(120px, 184px) 1fr 1.3fr;
    grid-template-columns: minmax(120px, 184px) 1fr 1.3fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    max-height: 120px;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  ul.ParkingRealtyListBlock li > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  ul.ParkingRealtyListBlock li {
    width: calc(100% - 2*2rem);
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__img {
  display: none;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__img {
    background-color: #E9E9E9;
    display: block;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header {
  padding: 0.8rem 0 0 0;
  order: 1;
  margin-bottom: 0.3rem;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header h2 {
  margin-top: 0;
  margin-bottom: 0.3rem;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header p {
  margin-top: 0;
  margin-bottom: 0;
  color: #05233a;
  font-weight: 500;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header {
    margin-bottom: 0rem;
    padding: 0.8rem 0 0 1.2rem;
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props {
  padding: 0.8rem 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props {
    padding: 0.8rem 1.2rem 0 0;
    text-align: right;
    order: 2;
    flex-direction: column;
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props .btn--link {
  margin: 0;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0.8rem 0;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    flex-direction: column;
    padding: 0 1.2rem 0.8rem 1.2rem;
    order: 3;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    align-items: flex-start;
  }
}
@media (min-width: 1670px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    flex-direction: row;
    align-items: flex-end;
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts {
  flex-direction: column;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl {
  display: inline-block;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dt, ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dd {
  display: inline;
  line-height: 1;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dt:before {
  display: block;
  clear: both;
  content: "";
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl {
    display: flex;
  }
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dd,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dt {
    padding-top: 0;
  }
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts {
    flex-direction: row;
  }
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dd {
    margin-right: 1rem;
  }
}
@media (min-width: 1670px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts {
    flex-direction: row;
  }
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__facts dl dd {
    margin-right: 3rem;
  }
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__btn {
  display: flex;
  align-items: flex-end;
}
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__btn .btn--link {
  margin: 0;
  line-height: 1.5;
}
@media (min-width: 900px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__btn .btn--link {
    line-height: 1;
  }
}
@media (max-width: 599px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2rem);
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) and (min-width: 1200px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2rem);
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) and (min-width: 1200px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2rem);
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) and (min-width: 1200px) {
  ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__header,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__props,
ul.ParkingRealtyListBlock li .ParkingRealtyListBlock__desc {
    width: calc(100% - 2*2rem);
  }
}

/* ApartmentRealtyListBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
.project {
  color: #05233a;
  cursor: pointer;
}
.project.is-filtered {
  display: none;
}
.project__imglink {
  align-items: center;
  background-color: #E9E9E9;
  display: flex;
  position: relative;
  transition: transform 0.35s ease-in-out;
}
.project__imglink::before {
  content: "";
  padding-bottom: 66.67%;
}
.project__imglink img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.project__imglink .project__badge {
  max-width: 90%;
  width: 22rem;
}
@media (min-width: 900px) {
  .project__imglink:hover, .project__imglink.hover {
    transform: scale(0.9);
  }
}
.project__imglink img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: auto;
  margin-right: auto;
}
.project__img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
}
.project [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .project [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 118.75rem) {
  .project [role=doc-subtitle] {
    font-size: 0.95rem;
  }
}
.project__title, .project h2 {
  font-size: 18px;
  font-size: 1.4vw;
  margin-bottom: 0.4rem;
}
@media (max-width: 71.4285714286rem) {
  .project__title, .project h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .project__title, .project h2 {
    font-size: 1.5rem;
  }
}
.project__title, .project__title a, .project h2, .project h2 a {
  color: #05233a;
}
.project__title a, .project h2 a {
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  text-decoration: none;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  color: #ffffff;
}
.project__desc {
  padding-top: 1rem;
}
.project__desc p {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .project__desc {
    padding-left: 5%;
  }
}
.project--narrow .project__img {
  margin-bottom: 0;
  max-height: 150px;
}
.project--narrow .project__desc {
  padding: 0 5%;
}
.project--narrow .project__title {
  font-size: 18px;
  font-size: 1.2vw;
  margin-bottom: 0.5rem;
}
@media (max-width: 75rem) {
  .project--narrow .project__title {
    font-size: 0.9rem;
  }
}
@media (min-width: 100rem) {
  .project--narrow .project__title {
    font-size: 1.2rem;
  }
}
.project--narrow p {
  line-height: 1.4;
}

ul.ApartmentRealtyListBlock {
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  ul.ApartmentRealtyListBlock {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 900px) {
  ul.ApartmentRealtyListBlock {
    background-color: inherit;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
  }
}
ul.ApartmentRealtyListBlock li {
  background-color: #f6f6f6;
  /* 		&.odd {
  			background-color: white;
  			@include for-tablet-landscape-up {
  				background-color: $gray-lightest;
  			}
  		} */
  margin-bottom: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 1fr;
  grid-template-columns: 100px 1fr;
  -ms-grid-rows: 75% 25%;
  grid-template-rows: 75% 25%;
}
ul.ApartmentRealtyListBlock li > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
ul.ApartmentRealtyListBlock li > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
ul.ApartmentRealtyListBlock li > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
ul.ApartmentRealtyListBlock li > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media (min-width: 900px) {
  ul.ApartmentRealtyListBlock li {
    margin-bottom: 0;
    -ms-grid-columns: minmax(120px, 184px) 1fr;
    grid-template-columns: minmax(120px, 184px) 1fr;
  }
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__img {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__header {
  padding: 0.8rem 0 0 1.2rem;
  margin-bottom: 0.3rem;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__header h2 {
  margin-top: 0;
  margin-bottom: 0.3rem;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__header p {
  margin-top: 0;
  margin-bottom: 0.6em;
  color: #05233a;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__header strong {
  font-weight: 500;
}
@media (min-width: 600px) {
  ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__header {
    margin-bottom: 0rem;
  }
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__btn {
  display: flex;
  justify-content: flex-end;
  padding: 0 1.2rem 0.8rem 1.2rem;
  align-items: flex-end;
}
ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__btn .btn--link {
  margin: 0;
  line-height: 1.2;
  white-space: inherit;
  text-align: left;
}
@media (min-width: 600px) {
  ul.ApartmentRealtyListBlock li .ApartmentRealtyListBlock__btn .btn--link {
    line-height: 1;
    text-align: right;
  }
}

/* ProjectListBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
.project {
  color: #05233a;
  cursor: pointer;
}
.project.is-filtered {
  display: none;
}
.project__imglink {
  align-items: center;
  background-color: #E9E9E9;
  display: flex;
  position: relative;
  transition: transform 0.35s ease-in-out;
}
.project__imglink::before {
  content: "";
  padding-bottom: 66.67%;
}
.project__imglink img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.project__imglink .project__badge {
  max-width: 90%;
  width: 22rem;
}
@media (min-width: 900px) {
  .project__imglink:hover, .project__imglink.hover {
    transform: scale(0.9);
  }
}
.project__imglink img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: auto;
  margin-right: auto;
}
.project__img {
  width: 100%;
  height: auto;
  margin-bottom: 0.4rem;
}
.project [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .project [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 118.75rem) {
  .project [role=doc-subtitle] {
    font-size: 0.95rem;
  }
}
.project__title, .project h2 {
  font-size: 18px;
  font-size: 1.4vw;
  margin-bottom: 0.4rem;
}
@media (max-width: 71.4285714286rem) {
  .project__title, .project h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .project__title, .project h2 {
    font-size: 1.5rem;
  }
}
.project__title, .project__title a, .project h2, .project h2 a {
  color: #05233a;
}
.project__title a, .project h2 a {
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  text-decoration: none;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.project__title a:hover, .project__title a.hover, .project h2 a:hover, .project h2 a.hover {
  color: #ffffff;
}
.project__desc {
  padding-top: 1rem;
}
.project__desc p {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .project__desc {
    padding-left: 5%;
  }
}
.project--narrow .project__img {
  margin-bottom: 0;
  max-height: 150px;
}
.project--narrow .project__desc {
  padding: 0 5%;
}
.project--narrow .project__title {
  font-size: 18px;
  font-size: 1.2vw;
  margin-bottom: 0.5rem;
}
@media (max-width: 75rem) {
  .project--narrow .project__title {
    font-size: 0.9rem;
  }
}
@media (min-width: 100rem) {
  .project--narrow .project__title {
    font-size: 1.2rem;
  }
}
.project--narrow p {
  line-height: 1.4;
}

ul.ProjectListBlock {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  margin-bottom: 4rem;
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  ul.ProjectListBlock {
    width: calc(100% - 2*2rem);
  }
}
@media (min-width: 900px) {
  ul.ProjectListBlock {
    -ms-grid-columns: (minmax(200px, 1fr))[3];
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    grid-row-gap: 80px;
  }
}
ul.ProjectListBlock--headless {
  margin-bottom: 0;
  margin-top: 4rem;
}
@media (min-width: 900px) {
  ul.ProjectListBlock--narrow {
    -ms-grid-columns: (minmax(300px, 1fr))[2];
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (min-width: 1200px) {
  ul.ProjectListBlock--narrow {
    -ms-grid-columns: (minmax(350px, 1fr))[2];
    grid-template-columns: repeat(2, minmax(350px, 1fr));
  }
}
@media (min-width: 1670px) {
  ul.ProjectListBlock--narrow {
    -ms-grid-columns: (minmax(400px, 1fr))[2];
    grid-template-columns: repeat(2, minmax(400px, 1fr));
  }
}
/* ProjectLinkBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.ProjectLinkBlock {
  border-bottom: 1px solid #ffffff;
}
.ProjectLinkBlock div:first-child {
  flex-basis: 34%;
}

/* RealtyFilterBar */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* filterbar */
.filterbar {
  border-top: 1px solid #8dac34;
  background-color: #05233a;
  color: #fff;
  --position: var(--rolv-is-frozen) relative;
  position: var(--position, sticky);
  top: var(--rolv-is-not-frozen) 60px;
  transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
  z-index: 15;
}
@media (min-width: 600px) {
  .filterbar {
    top: var(--rolv-is-not-frozen) 90px;
  }
}
.filterbar__toggle {
  display: none;
  font-size: 0.9em;
}
@media (min-width: 1200px) {
  .filterbar__toggle {
    display: block;
  }
}
.filterbar__toggle button {
  font-size: 1rem !important;
  margin: 0;
  background-color: transparent;
  color: #8dac34;
}
.filterbar__toggle button:hover {
  color: #ffffff;
}

/* filterbar */
.searchview__map {
  position: relative;
  background-color: #a09b9a;
  order: 0;
  min-height: 18rem;
  height: 38vh;
}
.searchview__map img {
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .searchview__map {
    height: auto;
    order: 2;
  }
}
.searchview__map .searchview__mapholder {
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .searchview__map .searchview__mapholder {
    position: fixed;
    z-index: 5;
    height: calc(100vh - 90px);
    background-color: #a09b9a;
    transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
    width: 30%;
  }
}
.searchview__results {
  -ms-grid-row: 2;
  grid-row: 2;
}
@media (max-width: 599px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
.searchview__results .list {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .searchview--map {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
    -ms-grid-rows: 86px 1fr;
    grid-template-rows: 86px 1fr;
  }
  .searchview--map > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .searchview--map > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.searchview .mapboxgl-popup {
  width: 90%;
}
.searchview .mapboxgl-popup-close-button {
  display: none;
}

.is-splitview .searchview__results .container:first-of-type {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .filterbar .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .filterbar .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .filterbar .container {
    margin-left: calc(50vw - 1670px/2);
  }
}
@media (min-width: 900px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ProjectListBlock {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ResidentialRealtyListBlock li {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .RelatedBlock .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .RelatedBlock .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .RelatedBlock .container {
    margin-left: calc(50vw - 1670px/2);
  }
}

.RealtyFilterBar {
  height: 50px;
  display: flex;
  align-items: center;
}
@media (min-width: 900px) {
  .RealtyFilterBar {
    height: 86px;
  }
}
.RealtyFilterBar form {
  display: flex;
  align-items: center;
}
.RealtyFilterBar form label:hover {
  color: #8dac34;
}
.RealtyFilterBar .field {
  margin-right: 2rem;
}
.RealtyFilterBar label {
  text-transform: uppercase;
}
.RealtyFilterBar .field.radiobutton {
  display: none;
}
@media (min-width: 600px) {
  .RealtyFilterBar .field.radiobutton {
    display: inherit;
  }
}
.RealtyFilterBar .field.radiobutton input:checked + label {
  color: #8dac34;
}
.RealtyFilterBar .field.dropdown select {
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .RealtyFilterBar .field.dropdown {
    display: none;
  }
}

/* ProjectFilterBar */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* filterbar */
.filterbar {
  border-top: 1px solid #8dac34;
  background-color: #05233a;
  color: #fff;
  --position: var(--rolv-is-frozen) relative;
  position: var(--position, sticky);
  top: var(--rolv-is-not-frozen) 60px;
  transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
  z-index: 15;
}
@media (min-width: 600px) {
  .filterbar {
    top: var(--rolv-is-not-frozen) 90px;
  }
}
.filterbar__toggle {
  display: none;
  font-size: 0.9em;
}
@media (min-width: 1200px) {
  .filterbar__toggle {
    display: block;
  }
}
.filterbar__toggle button {
  font-size: 1rem !important;
  margin: 0;
  background-color: transparent;
  color: #8dac34;
}
.filterbar__toggle button:hover {
  color: #ffffff;
}

/* filterbar */
.searchview__map {
  position: relative;
  background-color: #a09b9a;
  order: 0;
  min-height: 18rem;
  height: 38vh;
}
.searchview__map img {
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .searchview__map {
    height: auto;
    order: 2;
  }
}
.searchview__map .searchview__mapholder {
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .searchview__map .searchview__mapholder {
    position: fixed;
    z-index: 5;
    height: calc(100vh - 90px);
    background-color: #a09b9a;
    transform: var(--rolv-is-frozen) translateY(var(--rolv-scroll-pos));
    width: 30%;
  }
}
.searchview__results {
  -ms-grid-row: 2;
  grid-row: 2;
}
@media (max-width: 599px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .searchview__results {
    padding-bottom: 0;
  }
}
.searchview__results .list {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .searchview--map {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
    -ms-grid-rows: 86px 1fr;
    grid-template-rows: 86px 1fr;
  }
  .searchview--map > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .searchview--map > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .searchview--map > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.searchview .mapboxgl-popup {
  width: 90%;
}
.searchview .mapboxgl-popup-close-button {
  display: none;
}

.is-splitview .searchview__results .container:first-of-type {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .filterbar .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .filterbar .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .filterbar .container {
    margin-left: calc(50vw - 1670px/2);
  }
}
@media (min-width: 900px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ProjectListBlock {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ResidentialRealtyListBlock li {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .RelatedBlock .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .RelatedBlock .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .RelatedBlock .container {
    margin-left: calc(50vw - 1670px/2);
  }
}

.ProjectFilterBar {
  height: 50px;
  display: flex;
  align-items: center;
}
@media (min-width: 900px) {
  .ProjectFilterBar {
    height: 86px;
  }
}
.ProjectFilterBar form {
  display: flex;
  align-items: center;
}
.ProjectFilterBar form label:hover {
  color: #8dac34;
}
.ProjectFilterBar .field {
  color: #8dac34;
  display: flex;
  gap: 0.5rem;
  margin-right: 1rem;
}
.ProjectFilterBar label {
  text-transform: uppercase;
}
.ProjectFilterBar select {
  text-transform: uppercase;
}

/* ComplexSliderBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Banner */
.banner {
  height: 50vh;
  position: relative;
  box-sizing: border-box;
}
.banner--content {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
@media (min-width: 900px) {
  .banner--content {
    padding-bottom: 2.5rem;
  }
}
.banner picture {
  background-color: #E9E9E9;
  display: block;
  height: 100%;
  width: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--header {
  height: calc(100vh - 90px);
  text-align: center;
}
.banner--header h1 {
  font-size: 65px;
  font-size: 6vw;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 2px 8px #666666;
  margin-bottom: 0;
}
@media (max-width: 28.3333333333rem) {
  .banner--header h1 {
    font-size: 1.7rem;
  }
}
@media (min-width: 68.3333333333rem) {
  .banner--header h1 {
    font-size: 4.1rem;
  }
}
@media (min-width: 900px) {
  .banner--header {
    text-align: right;
  }
}
.banner--header:not(.banner--slider) img.app-lazyload, .banner--header:not(.banner--slider) img.lazyload, .banner--header:not(.banner--slider) img.lazyloading {
  opacity: 0;
  transform: scale(1.1);
}
.banner--header:not(.banner--slider) img.lazyloaded {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms, transform 500ms;
}
.banner--header:not(.banner--slider) h1 {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.banner--header-sm {
  height: calc(100vh - 90px);
  text-align: left;
}
.banner--slider {
  height: auto;
  overflow: hidden;
}

/* slider */
.slider {
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
.slider .slider__trackcontainer {
  overflow: hidden;
  position: relative;
}
.slider .slider__badge {
  height: auto;
  left: 15px;
  max-width: 66%;
  position: absolute;
  top: 0;
  width: 34rem;
}
.slider .slider__textBadge {
  height: 100%;
  left: 15px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.slider .slider__textBadge > * {
  font-size: 18px;
  font-size: 1.4vw;
  background-color: #8dac34;
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "Hind Siliguri", Arial, sans-serif;
  left: 0;
  padding: 0.3em 4px 0.2em 8px;
  position: absolute;
  top: 0;
  transform-origin: 100% 0%;
  transform: rotate(-21deg) translateX(calc(-0.5 * (100% / 0.9335804265 - 100%)));
}
@media (max-width: 71.4285714286rem) {
  .slider .slider__textBadge > * {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .slider .slider__textBadge > * {
    font-size: 1.6rem;
  }
}
.slider .slider__textBadge > *::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: -1000px;
  position: absolute;
  right: -1000px;
  top: 0;
  z-index: -1;
}
.slider__track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 900px) {
  .slider__track {
    width: inherit;
  }
}
.slider__track .slider__item {
  padding: 0 15px 0 15px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  width: calc(100% - 30px);
}
.slider[data-slides="2"] .slider__item {
  width: calc(50% - 30px);
}
.slider__controls {
  display: inline-flex;
  justify-content: space-between;
  height: 45px;
  width: 100%;
  bottom: auto;
  left: 0;
  top: auto;
  padding-top: calc(33.33% - 29px);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.slider__controls button {
  margin: 0;
  pointer-events: auto;
}
@media (min-width: 900px) {
  .slider__controls {
    order: 1;
    margin-top: 1rem;
    padding-top: 0;
    position: relative;
    bottom: auto;
    left: auto;
    right: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .slider__controls {
    position: absolute;
    width: auto;
    top: auto;
    bottom: 5vw;
    left: 18vw;
    right: auto;
    bottom: calc(7vh + 0.3rem);
  }
}
@media (min-width: 1670px) {
  .slider__controls {
    left: 20vw;
  }
}
@media (min-width: 1800px) {
  .slider__controls {
    left: 24vw;
  }
}
.slider__controls .slider__arrow {
  width: 45px;
  height: 45px;
  padding: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow {
    width: 70px;
    height: 45px;
    margin: 0 0.4rem;
  }
}
.slider__controls .slider__arrow .icon {
  height: 24px;
}
.slider__controls .slider__arrow--prev {
  position: absolute;
  left: 0;
}
.slider__controls .slider__arrow--prev .icon {
  transform: scaleX(-1);
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--prev {
    position: relative;
    left: auto;
  }
}
.slider__controls .slider__arrow--next {
  position: absolute;
  right: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--next {
    position: relative;
    right: auto;
  }
}
.slider__controls--pagination {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  margin-top: -6.8rem;
  bottom: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .slider__controls--pagination {
    position: absolute;
    width: auto;
    justify-content: inherit;
    padding-bottom: 0;
    margin-top: 0;
    top: auto;
    bottom: 3rem;
    left: auto;
    right: 60vw;
    margin-top: 0;
  }
}
@media (min-width: 1670px) {
  .slider__controls--pagination {
    right: auto;
    left: 25rem;
  }
}
.slider__controls--pagination .slider__pagination {
  white-space: nowrap;
  padding: 0 0.5rem;
  color: #05233a;
  text-transform: uppercase;
  font-weight: 500;
}
.slider__controls--pagination .slider__arrow {
  position: relative;
}
.slider__controls--pagination .slider__arrow--prev {
  left: auto;
}
.slider__controls--pagination .slider__arrow--next {
  right: auto;
}
.slider .slider__item--v > * {
  padding: 0 0 3rem 0;
}

/* For complex and large slider */
.banner--slider.is-swiping .slider__item.scm-scene-post {
  transform: translateX(-100%);
  opacity: 1;
}
.banner--slider.is-swiping .slider__item.scm-scene-pre {
  transform: translateX(100%);
  opacity: 1;
}
.banner--slider.is-momentum .slider__track {
  transition: transform 300ms;
}
.banner--slider .slider {
  height: 100%;
}
.banner--slider .slider__track {
  display: block;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 0;
  height: calc(80vh - 90px - 8rem);
  min-height: 15rem;
}
@media (min-width: 900px) {
  .banner--slider .slider__track {
    height: calc(100vh - 90px);
  }
}
.banner--slider .slider__controls {
  top: calc(40vh - 22.5px - (90px / 2) - 4rem);
  padding-top: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    top: calc(50vh - 22.5px);
  }
}
.banner--slider .slider__item {
  height: 100%;
  margin: 0;
  position: relative;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  will-change: opacity;
  z-index: 1;
}
.banner--slider .slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--slider .slider__item--contain picture {
  background-color: #ffffff;
}
.banner--slider .slider__item--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.banner--slider .slider__item.scm-scene-animated {
  transition: opacity 300ms;
  transition-delay: 200ms;
}
.banner--slider .slider__item.scm-scene-post {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-post.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-pre {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-pre.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-current {
  opacity: 1;
  z-index: 2;
}
.banner--slider .slider__content {
  position: relative;
  background-color: #ffffff;
  padding: 0;
  left: 15px;
}
@media (min-width: 900px) {
  .banner--slider .slider__content {
    position: absolute;
    width: 30vw;
    bottom: 6rem;
  }
}
.banner--slider .slider__content .slider__content__header {
  text-align: left;
  padding: 2rem 4rem 2rem 0;
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
  min-width: 20vw;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__content .slider__content__header h1 {
  font-size: 30px;
  font-size: 2vw;
  color: #8dac34;
  font-weight: 600;
  margin-top: 0.8rem;
  text-shadow: none;
}
@media (max-width: 75rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 120rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 2.4rem;
  }
}
.banner--slider .slider__content .slider__content__header p {
  margin-bottom: 0;
}
.banner--slider .slider__content__addon {
  position: absolute;
  right: 30px;
  top: 0.8em;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    padding-bottom: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
    bottom: 6rem;
    width: 7rem;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .banner--slider .slider__controls {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .banner--slider .slider__controls {
    margin-right: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__controls .slider__arrow--prev {
  left: 0rem;
}
.banner--slider .slider__controls .slider__arrow--next {
  right: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls .slider__arrow--next {
    left: auto;
  }
}

.banner--narrow .slider__track {
  height: calc(80vh - 90px - 8rem);
}
.banner--narrow .slider__controls {
  margin-right: 0;
}

/* DataBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.DataBlock__facts {
  display: flex;
  flex-direction: column;
  background-color: #05233a;
  margin-bottom: 1.4em;
  margin-top: 1.4em;
  padding: 1.2rem;
}
@media (min-width: 900px) {
  .DataBlock__facts {
    padding: 2rem;
  }
}
@media (min-width: 900px) {
  .DataBlock__facts {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.DataBlock__facts dl {
  flex-grow: 1;
  -ms-grid-columns: 10.5em auto;
  grid-template-columns: 10.5em auto;
}
.DataBlock__facts dl:first-child:not(:last-child) {
  border-bottom: 1px solid #8dac34;
  padding-bottom: 0.6rem;
}
@media (min-width: 900px) {
  .DataBlock__facts dl:first-child:not(:last-child) {
    padding-right: 3rem;
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #8dac34;
  }
}
.DataBlock__facts dl:nth-child(2n) {
  padding-top: 0.6rem;
}
@media (min-width: 900px) {
  .DataBlock__facts dl:nth-child(2n) {
    padding-left: 3rem;
    padding-top: 0;
  }
}
.DataBlock__facts dl dt {
  color: #ffffff;
}
.DataBlock__facts dl dd {
  white-space: normal;
}
.DataBlock__facts--centered > div {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.DataBlock__facts--centered div:not(:last-child) {
  border-bottom: 1px solid #8dac34;
}
@media (min-width: 900px) {
  .DataBlock__facts--centered div:not(:last-child) {
    border-right: 1px solid #8dac34;
    border-bottom: 0;
  }
}
.DataBlock__facts--centered h4 {
  font-size: 18px;
  font-size: 1.4vw;
  color: #8dac34;
  text-transform: uppercase;
  margin: 1rem 0;
}
@media (max-width: 71.4285714286rem) {
  .DataBlock__facts--centered h4 {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .DataBlock__facts--centered h4 {
    font-size: 1.6rem;
  }
}
.DataBlock__facts--centered p {
  color: #ffffff;
}
@media (min-width: 900px) {
  .DataBlock__facts {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .DataBlock__facts dl dd,
.DataBlock__facts dl dt {
    padding-top: 0.4rem;
  }
}

/* MapBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Banner */
.banner {
  height: 50vh;
  position: relative;
  box-sizing: border-box;
}
.banner--content {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
@media (min-width: 900px) {
  .banner--content {
    padding-bottom: 2.5rem;
  }
}
.banner picture {
  background-color: #E9E9E9;
  display: block;
  height: 100%;
  width: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--header {
  height: calc(100vh - 90px);
  text-align: center;
}
.banner--header h1 {
  font-size: 65px;
  font-size: 6vw;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 2px 8px #666666;
  margin-bottom: 0;
}
@media (max-width: 28.3333333333rem) {
  .banner--header h1 {
    font-size: 1.7rem;
  }
}
@media (min-width: 68.3333333333rem) {
  .banner--header h1 {
    font-size: 4.1rem;
  }
}
@media (min-width: 900px) {
  .banner--header {
    text-align: right;
  }
}
.banner--header:not(.banner--slider) img.app-lazyload, .banner--header:not(.banner--slider) img.lazyload, .banner--header:not(.banner--slider) img.lazyloading {
  opacity: 0;
  transform: scale(1.1);
}
.banner--header:not(.banner--slider) img.lazyloaded {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms, transform 500ms;
}
.banner--header:not(.banner--slider) h1 {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.banner--header-sm {
  height: calc(100vh - 90px);
  text-align: left;
}
.banner--slider {
  height: auto;
  overflow: hidden;
}

/* RelatedBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.RelatedBlock .content-block {
  padding-right: 0;
}
@media (min-width: 900px) {
  .RelatedBlock .content-block {
    padding-right: 5%;
  }
}
.RelatedBlock .content-block:nth-child(2) {
  text-align: right;
}
@media (min-width: 900px) {
  .RelatedBlock .content-block:nth-child(2) {
    text-align: left;
  }
}
.RelatedBlock:last-child {
  border-bottom: 1px solid #8dac34;
}

/* TeamBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Person Elements */
.person img {
  width: 152px;
  height: auto;
  margin-bottom: 0.4rem;
}
@media (min-width: 600px) {
  .person img {
    width: 18vw;
    max-width: 242px;
  }
}
@media (min-width: 1670px) {
  .person img {
    width: 20vw;
    max-width: 262px;
  }
}
.person p {
  margin-top: 0;
  margin-bottom: 0;
}
.person p a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  margin: 0;
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .person p a {
    font-size: 1.8rem;
  }
}
.person p a:hover, .person p a.hover {
  color: #8dac34;
  text-decoration: none;
}
.person p a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.person p a:focus, .person p a.focus {
  background-color: transparent;
  outline: 0;
}
.person p a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .person p a {
    font-size: 1.1rem;
  }
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.person p a:hover {
  color: #ffffff;
}
.person [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .person [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 150rem) {
  .person [role=doc-subtitle] {
    font-size: 1.2rem;
  }
}
.person__title, .person h2 {
  font-size: 18px;
  font-size: 1.4vw;
  color: #05233a;
  margin-bottom: 0.8rem;
}
@media (max-width: 71.4285714286rem) {
  .person__title, .person h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .person__title, .person h2 {
    font-size: 1.5rem;
  }
}
.person--group {
  width: 100%;
}
.person--group img {
  max-width: 660px !important;
  width: 100% !important;
}

.TeamBlock {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 2rem;
  align-items: start;
}
@media (min-width: 900px) {
  .TeamBlock {
    -ms-grid-columns: 1fr 5rem 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5rem;
  }
}
@media (min-width: 1200px) {
  .TeamBlock {
    grid-column-gap: 10rem;
  }
}
.TeamBlock .content-block {
  order: 1;
  padding: 0;
}
.TeamBlock__list {
  order: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media (min-width: 900px) {
  .TeamBlock__list {
    -ms-grid-row-span: 3;
    grid-row: span 3;
  }
}
.TeamBlock__desc {
  order: 3;
}

/* PersonListBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
@media (min-width: 600px) {
  .content-block {
    padding-right: 15%;
  }
}
/* Person Elements */
.person img {
  width: 152px;
  height: auto;
  margin-bottom: 0.4rem;
}
@media (min-width: 600px) {
  .person img {
    width: 18vw;
    max-width: 242px;
  }
}
@media (min-width: 1670px) {
  .person img {
    width: 20vw;
    max-width: 262px;
  }
}
.person p {
  margin-top: 0;
  margin-bottom: 0;
}
.person p a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  margin: 0;
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .person p a {
    font-size: 1.8rem;
  }
}
.person p a:hover, .person p a.hover {
  color: #8dac34;
  text-decoration: none;
}
.person p a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.person p a:focus, .person p a.focus {
  background-color: transparent;
  outline: 0;
}
.person p a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .person p a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .person p a {
    font-size: 1.1rem;
  }
}
.person p a:hover, .person p a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.person p a:hover {
  color: #ffffff;
}
.person [role=doc-subtitle] {
  font-weight: normal;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 0.8vw;
}
@media (max-width: 100rem) {
  .person [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 150rem) {
  .person [role=doc-subtitle] {
    font-size: 1.2rem;
  }
}
.person__title, .person h2 {
  font-size: 18px;
  font-size: 1.4vw;
  color: #05233a;
  margin-bottom: 0.8rem;
}
@media (max-width: 71.4285714286rem) {
  .person__title, .person h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .person__title, .person h2 {
    font-size: 1.5rem;
  }
}
.person--group {
  width: 100%;
}
.person--group img {
  max-width: 660px !important;
  width: 100% !important;
}

.PersonListBlock {
  display: flex;
  flex-direction: column;
}
.PersonListBlock .btn {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 600px) {
  .PersonListBlock {
    flex-direction: row;
  }
  .PersonListBlock .btn {
    margin-top: 1rem;
  }
}
.PersonListBlock .person {
  flex-shrink: 0;
  margin-top: 1.5rem;
}
@media (min-width: 600px) {
  .PersonListBlock .person {
    margin-top: 0;
  }
}
.PersonListBlock--multiplepersons {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 600px) {
  .PersonListBlock--multiplepersons .content-block {
    flex-basis: 28%;
    padding-right: 0%;
  }
}

/* FaqTeaserBlock.scss */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Collapse */
.faq {
  border-top: 1px solid #8dac34;
  text-align: left;
}
.faq__item {
  padding: 0.5rem 1rem;
  position: relative;
  border-bottom: 1px solid #8dac34;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  .faq__item {
    padding: 2rem 0 2rem 0;
  }
}
.faq__item h2, .faq__item h3, .faq__item h4 {
  margin-top: 0;
  color: #05233a;
}
.faq__item label {
  font-size: 18px;
  font-size: 1.4vw;
  margin-bottom: 0.7rem;
  color: #05233a;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  width: 100%;
  align-items: center;
}
@media (max-width: 71.4285714286rem) {
  .faq__item label {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .faq__item label {
    font-size: 1.6rem;
  }
}
.faq__item input[type=checkbox]:checked + label {
  color: #8dac34;
}
.faq__item input[type=checkbox] + label::after,
.faq__item input[type=checkbox]:checked + label::after {
  font-weight: 300;
  font-size: 2rem;
  line-height: 1;
}
.faq__item .btn--link {
  padding: 0;
  margin: 0;
}
@media (min-width: 900px) {
  .faq__item:first-child {
    padding-top: 0;
  }
}
.faq--sm {
  margin-top: 2rem;
}
.faq--sm .faq__item {
  padding: 0.5rem;
}
@media (min-width: 900px) {
  .faq--sm .faq__item {
    padding: 1rem;
  }
}
.faq--sm .faq__item label {
  font-size: inherit;
}
.faq--sm .faq__item input[type=checkbox] + label::after,
.faq--sm .faq__item input[type=checkbox]:checked + label::after {
  line-height: 1;
}
@media (min-width: 900px) {
  .faq--md-open label {
    cursor: inherit;
  }
}
.faq--md-open input[type=checkbox]:checked + label {
  color: #ffffff;
}
@media (min-width: 900px) {
  .faq--md-open input[type=checkbox] + label::after {
    display: none;
  }
}
@media (min-width: 900px) {
  .faq--md-open .collapse-content {
    max-height: none;
    overflow: inherit;
  }
}

/* Accordeon styles */
.faq__item {
  overflow: hidden;
  margin-bottom: 1px;
}

.faq__item input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s;
}

.collapse-content p {
  margin-bottom: 0;
}

.collapse-content p:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 900px) {
  .collapse-content p:last-child {
    margin-bottom: 0;
  }
}

/* :checked */
.faq__item input:checked ~ .collapse-content {
  max-height: 500vh;
}

/* .faq__item:last-child {
	border: 0;
} */
/* Icon */
.faq__item label::after {
  display: inline-block;
  transition: all 0.35s;
  margin-left: auto;
}

.faq__item input[type=checkbox] + label::after {
  content: "+";
}

.faq__item input[type=checkbox]:checked + label::after {
  transform: rotate(180deg);
  content: "–";
}

@media (min-width: 900px) {
  .bg-dark .faq,
.bg-darken .faq {
    border: 0;
  }
}
.bg-dark .faq__item h2, .bg-dark .faq__item h3, .bg-dark .faq__item h4, .bg-dark .faq__item h5, .bg-dark .faq__item label,
.bg-darken .faq__item h2,
.bg-darken .faq__item h3,
.bg-darken .faq__item h4,
.bg-darken .faq__item h5,
.bg-darken .faq__item label {
  color: #ffffff;
}
.bg-dark .faq__item a,
.bg-darken .faq__item a {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.bg-dark .faq__item a:focus, .bg-dark .faq__item a.focus,
.bg-darken .faq__item a:focus,
.bg-darken .faq__item a.focus {
  background-color: transparent;
  outline: 0;
}
.bg-dark .faq__item a.mod--fillParent::before,
.bg-darken .faq__item a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 1.8rem;
  }
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  color: #8dac34;
  text-decoration: none;
}
.bg-dark .faq__item a:not(:disabled):not(.disabled),
.bg-darken .faq__item a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
@media (max-width: 72.7272727273rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .bg-dark .faq__item a,
.bg-darken .faq__item a {
    font-size: 1.1rem;
  }
}
.bg-dark .faq__item a:hover, .bg-dark .faq__item a.hover,
.bg-darken .faq__item a:hover,
.bg-darken .faq__item a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.bg-dark .faq__item a:hover,
.bg-darken .faq__item a:hover {
  color: #ffffff;
}
.bg-dark .faq__item input[type=checkbox]:checked + label,
.bg-darken .faq__item input[type=checkbox]:checked + label {
  color: #8dac34;
}
@media (min-width: 900px) {
  .bg-dark .faq__item:last-child,
.bg-darken .faq__item:last-child {
    border: 0;
  }
}
@media (min-width: 900px) {
  .bg-dark .faq--md-open .faq__item input[type=checkbox]:checked + label,
.bg-darken .faq--md-open .faq__item input[type=checkbox]:checked + label {
    color: #ffffff;
  }
}

/* Project Elements */
@media (min-width: 600px) {
  .content-block {
    padding-right: 15%;
  }
}
/* HeroBlock */
/* NewsBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* Project Elements */
.news {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 600px) {
  .news {
    flex-direction: row;
  }
}
.news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__content [role=doc-subtitle] {
  color: #a09b9a;
  font-size: 14px;
  font-size: 0.9vw;
}
@media (max-width: 94.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 0.85rem;
  }
}
@media (min-width: 144.4444444444rem) {
  .news__content [role=doc-subtitle] {
    font-size: 1.3rem;
  }
}
@media (min-width: 600px) {
  .news__img, .news__content {
    flex-basis: 47%;
  }
}

/* slider */
.slider {
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
.slider .slider__trackcontainer {
  overflow: hidden;
  position: relative;
}
.slider .slider__badge {
  height: auto;
  left: 15px;
  max-width: 66%;
  position: absolute;
  top: 0;
  width: 34rem;
}
.slider .slider__textBadge {
  height: 100%;
  left: 15px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.slider .slider__textBadge > * {
  font-size: 18px;
  font-size: 1.4vw;
  background-color: #8dac34;
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "Hind Siliguri", Arial, sans-serif;
  left: 0;
  padding: 0.3em 4px 0.2em 8px;
  position: absolute;
  top: 0;
  transform-origin: 100% 0%;
  transform: rotate(-21deg) translateX(calc(-0.5 * (100% / 0.9335804265 - 100%)));
}
@media (max-width: 71.4285714286rem) {
  .slider .slider__textBadge > * {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .slider .slider__textBadge > * {
    font-size: 1.6rem;
  }
}
.slider .slider__textBadge > *::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: -1000px;
  position: absolute;
  right: -1000px;
  top: 0;
  z-index: -1;
}
.slider__track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 900px) {
  .slider__track {
    width: inherit;
  }
}
.slider__track .slider__item {
  padding: 0 15px 0 15px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  width: calc(100% - 30px);
}
.slider[data-slides="2"] .slider__item {
  width: calc(50% - 30px);
}
.slider__controls {
  display: inline-flex;
  justify-content: space-between;
  height: 45px;
  width: 100%;
  bottom: auto;
  left: 0;
  top: auto;
  padding-top: calc(33.33% - 29px);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.slider__controls button {
  margin: 0;
  pointer-events: auto;
}
@media (min-width: 900px) {
  .slider__controls {
    order: 1;
    margin-top: 1rem;
    padding-top: 0;
    position: relative;
    bottom: auto;
    left: auto;
    right: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .slider__controls {
    position: absolute;
    width: auto;
    top: auto;
    bottom: 5vw;
    left: 18vw;
    right: auto;
    bottom: calc(7vh + 0.3rem);
  }
}
@media (min-width: 1670px) {
  .slider__controls {
    left: 20vw;
  }
}
@media (min-width: 1800px) {
  .slider__controls {
    left: 24vw;
  }
}
.slider__controls .slider__arrow {
  width: 45px;
  height: 45px;
  padding: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow {
    width: 70px;
    height: 45px;
    margin: 0 0.4rem;
  }
}
.slider__controls .slider__arrow .icon {
  height: 24px;
}
.slider__controls .slider__arrow--prev {
  position: absolute;
  left: 0;
}
.slider__controls .slider__arrow--prev .icon {
  transform: scaleX(-1);
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--prev {
    position: relative;
    left: auto;
  }
}
.slider__controls .slider__arrow--next {
  position: absolute;
  right: 0;
}
@media (min-width: 900px) {
  .slider__controls .slider__arrow--next {
    position: relative;
    right: auto;
  }
}
.slider__controls--pagination {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  margin-top: -6.8rem;
  bottom: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .slider__controls--pagination {
    position: absolute;
    width: auto;
    justify-content: inherit;
    padding-bottom: 0;
    margin-top: 0;
    top: auto;
    bottom: 3rem;
    left: auto;
    right: 60vw;
    margin-top: 0;
  }
}
@media (min-width: 1670px) {
  .slider__controls--pagination {
    right: auto;
    left: 25rem;
  }
}
.slider__controls--pagination .slider__pagination {
  white-space: nowrap;
  padding: 0 0.5rem;
  color: #05233a;
  text-transform: uppercase;
  font-weight: 500;
}
.slider__controls--pagination .slider__arrow {
  position: relative;
}
.slider__controls--pagination .slider__arrow--prev {
  left: auto;
}
.slider__controls--pagination .slider__arrow--next {
  right: auto;
}
.slider .slider__item--v > * {
  padding: 0 0 3rem 0;
}

/* For complex and large slider */
.banner--slider.is-swiping .slider__item.scm-scene-post {
  transform: translateX(-100%);
  opacity: 1;
}
.banner--slider.is-swiping .slider__item.scm-scene-pre {
  transform: translateX(100%);
  opacity: 1;
}
.banner--slider.is-momentum .slider__track {
  transition: transform 300ms;
}
.banner--slider .slider {
  height: 100%;
}
.banner--slider .slider__track {
  display: block;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 0;
  height: calc(80vh - 90px - 8rem);
  min-height: 15rem;
}
@media (min-width: 900px) {
  .banner--slider .slider__track {
    height: calc(100vh - 90px);
  }
}
.banner--slider .slider__controls {
  top: calc(40vh - 22.5px - (90px / 2) - 4rem);
  padding-top: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    top: calc(50vh - 22.5px);
  }
}
.banner--slider .slider__item {
  height: 100%;
  margin: 0;
  position: relative;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  will-change: opacity;
  z-index: 1;
}
.banner--slider .slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--slider .slider__item--contain picture {
  background-color: #ffffff;
}
.banner--slider .slider__item--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.banner--slider .slider__item.scm-scene-animated {
  transition: opacity 300ms;
  transition-delay: 200ms;
}
.banner--slider .slider__item.scm-scene-post {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-post.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-pre {
  opacity: 0;
}
.banner--slider .slider__item.scm-scene-pre.scm-scene-animated {
  opacity: 0;
  transition-duration: 300ms;
}
.banner--slider .slider__item.scm-scene-current {
  opacity: 1;
  z-index: 2;
}
.banner--slider .slider__content {
  position: relative;
  background-color: #ffffff;
  padding: 0;
  left: 15px;
}
@media (min-width: 900px) {
  .banner--slider .slider__content {
    position: absolute;
    width: 30vw;
    bottom: 6rem;
  }
}
.banner--slider .slider__content .slider__content__header {
  text-align: left;
  padding: 2rem 4rem 2rem 0;
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
  min-width: 20vw;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .banner--slider .slider__content .slider__content__header {
    margin-left: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__content .slider__content__header h1 {
  font-size: 30px;
  font-size: 2vw;
  color: #8dac34;
  font-weight: 600;
  margin-top: 0.8rem;
  text-shadow: none;
}
@media (max-width: 75rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 120rem) {
  .banner--slider .slider__content .slider__content__header h1 {
    font-size: 2.4rem;
  }
}
.banner--slider .slider__content .slider__content__header p {
  margin-bottom: 0;
}
.banner--slider .slider__content__addon {
  position: absolute;
  right: 30px;
  top: 0.8em;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls {
    padding-bottom: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
    bottom: 6rem;
    width: 7rem;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .banner--slider .slider__controls {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .banner--slider .slider__controls {
    margin-right: calc(50vw - 1670px/2);
  }
}
.banner--slider .slider__controls .slider__arrow--prev {
  left: 0rem;
}
.banner--slider .slider__controls .slider__arrow--next {
  right: 0;
}
@media (min-width: 900px) {
  .banner--slider .slider__controls .slider__arrow--next {
    left: auto;
  }
}

.banner--narrow .slider__track {
  height: calc(80vh - 90px - 8rem);
}
.banner--narrow .slider__controls {
  margin-right: 0;
}

.NewsBlock {
  padding-bottom: 0;
  position: relative;
}
.NewsBlock .slider {
  margin-top: 2rem;
}
@media (min-width: 900px) {
  .NewsBlock .slider {
    margin-top: inherit;
  }
}
.NewsBlock .slider.not-lg-only {
  padding-bottom: 8rem;
  padding-left: 5%;
  padding-right: 5%;
}
.NewsBlock .slider.not-lg-only .slider__trackcontainer {
  margin-left: -15px;
  margin-right: -15px;
}

/* ContactBlock.scss */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.ContactBlock {
  text-align: center;
}
.ContactBlock-text {
  display: block;
  max-width: 860px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
}
.ContactBlock .app-ContactForm-Field--actions input, .ContactBlock .app-ContactForm-Field--actions button {
  width: auto;
}
.ContactBlock-DataPrivacyBox {
  background-color: #f6f6f6;
  max-width: 860px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 1em 0.1em 1em;
}
.ContactBlock-DataPrivacyBox h4 {
  margin-top: 0;
}

/* RealtyTableBlock */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* tables */
table.tbl {
  width: 100%;
}
table.tbl th {
  padding: 0.3rem;
}
table.tbl tr:nth-child(odd) {
  background-color: #f6f6f6;
}
table.tbl tr:nth-child(even) {
  background-color: #ffffff;
}
table.tbl th {
  background-color: #05233a;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 300;
}
table.tbl td {
  border-bottom: 1px solid #E9E9E9;
  color: #05233a;
}
table.tbl td .btn {
  margin: 0;
}
@media (min-width: 600px) {
  table.tbl td .btn {
    line-height: 1.3;
  }
}
@media (min-width: 900px) {
  table.tbl td .btn {
    line-height: 2;
  }
}
@media (max-width: 599px) {
  table.tbl td {
    padding: 0.1rem;
    border: 0;
  }
}
table.tbl tr.hover {
  cursor: pointer;
}
@media (min-width: 600px) {
  table.tbl tr.hover td {
    background-color: #E9E9E9;
  }
}
table.tbl--centered th, table.tbl--centered td {
  text-align: center;
}
@media (max-width: 599px) {
  table.tbl--centered th, table.tbl--centered td {
    text-align: left;
  }
}
table.tbl--centered td:last-child {
  text-align: right;
}

@media (max-width: 599px) {
  .RealtyTableBlock table.tbl th {
    display: none;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 5rem;
    grid-template-columns: 1fr 1fr 1fr 5rem;
    padding: 0.5rem 1rem;
    position: relative;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl tr:after,
.RealtyTableBlock table.tbl tr:nth-child(odd):after {
    content: "";
    position: absolute;
    width: 92%;
    height: 1px;
    background: #E6E6E6;
    top: 100%;
    left: 4%;
    z-index: 10;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl td[label]:before {
    content: attr(label);
    margin-right: 4px;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl td.invert:before {
    display: none;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl td.invert:after {
    content: attr(label);
    margin-left: 4px;
  }
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl td.location {
    font-weight: 600;
  }
}
.RealtyTableBlock table.tbl td.location {
  order: 1;
}
.RealtyTableBlock table.tbl td.location-stiege {
  order: 2;
}
.RealtyTableBlock table.tbl td.floor {
  order: 3;
}
.RealtyTableBlock table.tbl td.status {
  order: 4;
  color: #8dac34;
  -ms-grid-column-align: end;
      justify-self: end;
}
.RealtyTableBlock table.tbl td.priceAlternate {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-column-align: end;
      justify-self: end;
}
.RealtyTableBlock table.tbl td.surety {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/span 4;
}
.RealtyTableBlock table.tbl td.oneTimeContribution {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/span 4;
}
.RealtyTableBlock table.tbl td.rooms {
  order: 5;
}
.RealtyTableBlock table.tbl td.space {
  order: 6;
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl td.space:before {
    margin-right: 0px;
  }
}
.RealtyTableBlock table.tbl td.price {
  order: 7;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-column-align: end;
      justify-self: end;
}
.RealtyTableBlock table.tbl td.empty {
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/span 4;
  padding: 0;
}
.RealtyTableBlock table.tbl td.empty::before {
  display: none;
}
.RealtyTableBlock table.tbl .actionAlternate {
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/span 4;
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl .actionAlternate {
    text-align: left;
  }
}
.RealtyTableBlock table.tbl .alreadyRequested {
  padding: 0.8em;
  font-style: italic;
}
@media (max-width: 599px) {
  .RealtyTableBlock table.tbl .alreadyRequested {
    padding: 0;
  }
}

/* SimpleTextWithMediaBlock.scss */
/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.SimpleTextWithMediaBlock .container h2, .SimpleTextWithMediaBlock .container h3 {
  text-align: center;
}
.SimpleTextWithMediaBlock img, .SimpleTextWithMediaBlock svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
}

.is-splitview .searchview__results .container:first-of-type {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .searchview__results .container:first-of-type {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .filterbar .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .filterbar .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .filterbar .container {
    margin-left: calc(50vw - 1670px/2);
  }
}
@media (min-width: 900px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    width: auto;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 900px) and (min-width: 1670px) {
  .is-splitview ul.ParkingRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ProjectListBlock {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ProjectListBlock {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview ul.ResidentialRealtyListBlock li {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview ul.ResidentialRealtyListBlock li {
    margin-left: calc(50vw - 1670px/2);
  }
}
.is-splitview .RelatedBlock .container {
  margin-left: 1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 1200px) {
  .is-splitview .RelatedBlock .container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1670px) {
  .is-splitview .RelatedBlock .container {
    margin-left: calc(50vw - 1670px/2);
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-ExtendedSearchProfileForm {
  position: relative;
}
.app-ExtendedSearchProfileForm h2, .app-ExtendedSearchProfileForm h3 {
  text-align: center;
}
.app-ExtendedSearchProfileForm::before {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  position: absolute;
  left: -50vw;
  right: -50vw;
  top: 0;
}
.app-ExtendedSearchProfileForm-content {
  position: relative;
}
.app-ExtendedSearchProfileForm-content::after, .app-ExtendedSearchProfileForm-content::before {
  content: "";
  display: block;
  height: 3rem;
}
.app-ExtendedSearchProfileForm-actions {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.app-ExtendedSearchProfileForm-actions .btn--lg {
  margin-bottom: 0;
}
.app-ExtendedSearchProfileForm section {
  border-bottom: 2px solid #E9E9E9;
  padding: 1em 0;
}
.app-ExtendedSearchProfileForm section:first-child {
  border-top: 2px solid #E9E9E9;
}
.app-ExtendedSearchProfileForm fieldset {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
}
.app-ExtendedSearchProfileForm fieldset .field {
  width: 13em;
}
.app-ExtendedSearchProfileForm fieldset .textinput {
  align-items: baseline;
  display: flex;
}
.app-ExtendedSearchProfileForm legend {
  text-transform: uppercase;
  color: #05233a;
  font-weight: 600;
  margin: 0.5em 0;
  width: 13rem;
}
.app-ExtendedSearchProfileForm legend::after {
  content: "";
}
@media (min-width: 900px) {
  .app-ExtendedSearchProfileForm section {
    padding: 0.4em 0;
  }
  .app-ExtendedSearchProfileForm fieldset {
    padding-left: 13rem;
  }
  .app-ExtendedSearchProfileForm legend {
    left: 1em;
    margin: 0;
    margin-top: 0.5em;
    position: absolute;
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCContent {
  margin-left: auto;
  margin-right: auto;
  max-width: 54rem;
  padding-bottom: 2rem;
}
.app-SCContent-header {
  padding-top: 3rem;
}
.app-SCContent-header h2 {
  font-size: 24px;
  font-size: 4vw;
}
@media (max-width: 27.5rem) {
  .app-SCContent-header h2 {
    font-size: 1.1rem;
  }
}
@media (min-width: 50rem) {
  .app-SCContent-header h2 {
    font-size: 2rem;
  }
}
.app-SCContent-header h3 {
  font-size: 16px;
  font-size: 2vw;
}
@media (max-width: 40rem) {
  .app-SCContent-header h3 {
    font-size: 0.8rem;
  }
}
@media (min-width: 55rem) {
  .app-SCContent-header h3 {
    font-size: 1.1rem;
  }
}
.app-SCContent-List ul {
  list-style: none;
  padding: 0;
}
.app-SCContent-List li {
  background-color: #ffffff;
  margin-bottom: 1rem;
}
.app-SCContent-List--lineSeparated .app-SCContent-List-list {
  border-top: 1px solid #8dac34;
}
.app-SCContent-List--lineSeparated .app-SCContent-List-list > li {
  border-bottom: 1px solid #8dac34;
  margin-bottom: 0;
  padding: 1rem;
}
.app-SCContent-List-headline {
  text-transform: uppercase;
  color: #05233a;
}
.app-SCContent-List-description {
  margin-bottom: 0.9em;
  margin-top: 0.5em;
}
.app-SCContent-List-Header {
  display: flex;
  justify-content: flex-end;
}
.app-SCContent-List-Header-filter {
  max-width: 20rem;
}
.app-SCContent-List-Header select {
  text-transform: uppercase;
  display: block;
  padding-right: 1.8rem;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468.3 290.5' style='enable-background:new 0 0 468.3 290.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23b2b2b2;%7D%0A%3C/style%3E%3Cpath id='Icon_material-keyboard-arrow-down' class='st0' d='M55.4,1l178.7,178.4L412.9,1l54.9,54.9L234.1,289.5L0.5,55.9L55.4,1z' /%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  box-sizing: border-box;
  border: 1px solid #05233a;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0.4rem;
  width: 100%;
}
.app-SCContent-List-Header select:focus {
  outline: 0;
  border: 1px solid #05233a;
}
.app-SCContent-List-Header select::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.app-SCContent-List-Header select:-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.app-SCContent-List-Header select::placeholder {
  color: #b2b2b2;
  opacity: 1;
}
@media (min-width: 600px) {
  .app-SCContent-List-Header select {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.app-SCContent-List-actions {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  white-space: nowrap;
}
.app-SCContent-List + .app-SCContent-List {
  margin-top: 2.5rem;
}

.app-SCListBox {
  color: #808080;
}
@media (min-width: 900px) {
  .app-SCListBox {
    display: flex;
    justify-content: space-between;
  }
  .app-SCListBox-right {
    text-align: right;
  }
}
.app-SCListBox-date {
  color: #b2b2b2;
  font-size: 0.88em;
}
.app-SCListBox h4 {
  color: #05233a;
  font-size: 1em;
  line-height: inherit;
  margin: 0;
  text-transform: uppercase;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCDashboard {
  margin: 0 -1rem;
}
@media (min-width: 1200px) {
  .app-SCDashboard {
    display: flex;
  }
  .app-SCDashboard > * {
    flex-shrink: 0;
    width: 50%;
  }
}
.app-SCDashboard-grid {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.app-SCDashboard-grid + .app-SCDashboard-grid {
  margin-top: -2rem;
}
@media (min-width: 900px) {
  .app-SCDashboard-grid {
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .app-SCDashboard-grid + .app-SCDashboard-grid {
    margin-top: 2rem;
  }
}
.app-SCDashboard-Cell {
  background-color: #ffffff;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 1rem 0.5rem;
  margin-top: 0;
  min-width: 16rem;
  padding: 1em;
  padding-bottom: 0.5em;
  position: relative;
  text-align: center;
  width: calc(50% - 4rem);
}
@media (min-width: 600px) {
  .app-SCDashboard-Cell {
    text-align: left;
  }
}
@media (min-width: 900px) {
  .app-SCDashboard-Cell {
    flex-shrink: 1;
    margin: 2rem 1rem;
    margin-top: 0;
    width: auto;
  }
}
.app-SCDashboard-Cell--collapsible {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 10rem;
  width: calc(50% - 3.5rem);
}
.app-SCDashboard-Cell--collapsible:nth-child(odd) {
  padding-right: 0.5rem;
}
.app-SCDashboard-Cell--collapsible:nth-child(even) {
  padding-left: 0.5rem;
}
@media (min-width: 600px) {
  .app-SCDashboard-Cell--collapsible {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .app-SCDashboard-Cell--collapsible {
    width: 100%;
  }
}
.app-SCDashboard-Tile {
  padding: 1em;
}
.app-SCDashboard-Tile h2 {
  font-size: 24px;
  font-size: 2.5vw;
  color: #05233a;
}
@media (max-width: 44rem) {
  .app-SCDashboard-Tile h2 {
    font-size: 1.1rem;
  }
}
@media (min-width: 60rem) {
  .app-SCDashboard-Tile h2 {
    font-size: 1.5rem;
  }
}
.app-SCDashboard-Tile h2 strong {
  color: #8dac34;
}
.app-SCDashboard-Tile h3 {
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 500;
}
.app-SCDashboard-Tile-text {
  margin-bottom: 1em;
}
.app-SCDashboard-Tile-List {
  text-align: left;
}
.app-SCDashboard-Tile-List-Entry {
  padding: 0.3rem 0 !important;
}
.app-SCDashboard-Tile-List-Entry a {
  display: flex !important;
}
@media (max-width: 599px) {
  .app-SCDashboard-Tile--collapsible h2, .app-SCDashboard-Tile--collapsible .app-SCDashboard-Tile-text {
    display: none;
  }
  .app-SCDashboard-Tile--collapsible .app-SCDashboard-Tile-actions {
    height: 0;
  }
  .app-SCDashboard-Tile--collapsible .app-SCDashboard-Tile-actions .btn {
    font-size: 0 !important;
  }
  .app-SCDashboard-Tile--collapsible h3 {
    color: #05233a;
    text-align: center;
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCForm select {
  height: auto !important;
}
.app-SCForm select[disabled] {
  opacity: 1 !important;
}
.app-SCForm-headline {
  text-transform: uppercase;
  color: #05233a;
  font-size: 1em;
  font-weight: 500;
  margin-top: 1em;
}
.app-SCForm-actions {
  margin-top: 1rem;
  text-align: center;
}
.app-SCForm-actions button:not(.btn) {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  margin: 2rem 0;
  padding: 1em;
  min-width: 228px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}
.app-SCForm-actions button:not(.btn):focus, .app-SCForm-actions button:not(.btn).focus {
  background-color: transparent;
  outline: 0;
}
.app-SCForm-actions button:not(.btn).mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.app-SCForm-actions button:not(.btn):hover, .app-SCForm-actions button:not(.btn).hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCForm-actions button:not(.btn) {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-SCForm-actions button:not(.btn) {
    font-size: 1.8rem;
  }
}
.app-SCForm-actions button:not(.btn):hover, .app-SCForm-actions button:not(.btn).hover {
  color: #8dac34;
  text-decoration: none;
}
.app-SCForm-actions button:not(.btn):not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-SCForm-actions button:not(.btn):hover, .app-SCForm-actions button:not(.btn).hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCForm-actions button:not(.btn) {
    font-size: 1rem;
  }
}
@media (min-height: 200rem) {
  .app-SCForm-actions button:not(.btn) {
    font-size: 2rem;
  }
}
.app-SCForm-actions button:not(.btn):hover {
  color: #8dac34;
}
.app-SCForm-row, .app-SCForm-actionRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.app-SCForm-actionRow {
  justify-content: center;
}
.app-SCForm-Field {
  flex-grow: 1;
  margin: 0.25rem 0.5rem;
  min-width: 15rem;
  width: 1.11px;
}
.app-SCForm-Field--prefilled .app-SCForm-Field, .app-SCForm-Field--prefilled input, .app-SCForm-Field--prefilled textarea, .app-SCForm-Field--prefilled select {
  background-color: #E9E9E9 !important;
}
.app-SCForm .field:not(.checkbox):not(.checkboxset):not(.fieldWithLabel) label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.app-SCForm .fieldWithLabel label {
  color: #05233a;
  display: block;
  font-weight: 400;
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}
.app-SCForm .fieldWithLabel input::-moz-placeholder, .app-SCForm .fieldWithLabel textarea::-moz-placeholder {
  visibility: hidden;
}
.app-SCForm .fieldWithLabel input:-ms-input-placeholder, .app-SCForm .fieldWithLabel textarea:-ms-input-placeholder {
  visibility: hidden;
}
.app-SCForm .fieldWithLabel input::placeholder, .app-SCForm .fieldWithLabel textarea::placeholder {
  visibility: hidden;
}
.app-SCForm hr {
  border: none;
  border-bottom: 1px solid #E9E9E9;
}

.app-SCMessageBanner {
  background-color: #8dac34;
  color: #ffffff;
  position: relative;
  text-align: center;
}
.app-SCMessageBanner-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  position: relative;
}
.app-SCMessageBanner-title {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.4vw;
  text-transform: uppercase;
}
@media (max-width: 71.4285714286rem) {
  .app-SCMessageBanner-title {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .app-SCMessageBanner-title {
    font-size: 1.5rem;
  }
}
.app-SCMessageBanner-text {
  flex-grow: 1;
  line-height: 1.5;
}
.app-SCMessageBanner a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  color: #ffffff;
  font-size: 1em !important;
  margin: 0;
}
.app-SCMessageBanner a:hover, .app-SCMessageBanner a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCMessageBanner a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-SCMessageBanner a {
    font-size: 1.8rem;
  }
}
.app-SCMessageBanner a:hover, .app-SCMessageBanner a.hover {
  color: #8dac34;
  text-decoration: none;
}
.app-SCMessageBanner a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-SCMessageBanner a:focus, .app-SCMessageBanner a.focus {
  background-color: transparent;
  outline: 0;
}
.app-SCMessageBanner a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .app-SCMessageBanner a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .app-SCMessageBanner a {
    font-size: 1.1rem;
  }
}
.app-SCMessageBanner a:hover, .app-SCMessageBanner a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.app-SCMessageBanner a:hover {
  color: #ffffff;
}
.app-SCMessageBanner a:hover, .app-SCMessageBanner a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.app-SCMessageBanner a:hover {
  color: #8dac34;
}
.app-SCMessageBanner p {
  margin-bottom: 0;
  margin-top: 0.5em;
}
.app-SCMessageBanner::before {
  background-color: #8dac34;
  bottom: 0;
  content: "";
  position: absolute;
  left: -50vw;
  right: -50vw;
  top: 0;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCMessageBox {
  color: #808080;
}
.app-SCMessageBox-Header {
  align-items: center;
  display: flex;
}
.app-SCMessageBox-Header-date {
  color: #b2b2b2;
  font-size: 0.88em;
}
.app-SCMessageBox-Header-left {
  flex-grow: 1;
}
.app-SCMessageBox-Header-title {
  color: #05233a;
  font-size: 1em;
  font-weight: 500;
  line-height: inherit;
  margin: 0;
  text-transform: uppercase;
}
.app-SCMessageBox-Header-subtitle {
  margin-top: 0.3em;
}
.app-SCMessageBox-Header-toggle {
  font-size: 18px;
  font-size: 2vw;
  color: #05233a;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  width: 100%;
  align-items: center;
}
@media (max-width: 100rem) {
  .app-SCMessageBox-Header-toggle {
    font-size: 2rem;
  }
}
@media (min-width: 200rem) {
  .app-SCMessageBox-Header-toggle {
    font-size: 4rem;
  }
}
.app-SCMessageBox-Header-toggle::before {
  content: "+";
  transition: transform 0.35s;
}
.app-SCMessageBox-Content {
  overflow: hidden;
}
.app-SCMessageBox-Content a:not(.btn) {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  margin: 0;
}
.app-SCMessageBox-Content a:not(.btn):hover, .app-SCMessageBox-Content a:not(.btn).hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCMessageBox-Content a:not(.btn) {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-SCMessageBox-Content a:not(.btn) {
    font-size: 1.8rem;
  }
}
.app-SCMessageBox-Content a:not(.btn):hover, .app-SCMessageBox-Content a:not(.btn).hover {
  color: #8dac34;
  text-decoration: none;
}
.app-SCMessageBox-Content a:not(.btn):not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-SCMessageBox-Content a:not(.btn):focus, .app-SCMessageBox-Content a:not(.btn).focus {
  background-color: transparent;
  outline: 0;
}
.app-SCMessageBox-Content a:not(.btn).mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .app-SCMessageBox-Content a:not(.btn) {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .app-SCMessageBox-Content a:not(.btn) {
    font-size: 1.1rem;
  }
}
.app-SCMessageBox-Content a:not(.btn):hover, .app-SCMessageBox-Content a:not(.btn).hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.app-SCMessageBox-Content a:not(.btn):hover {
  color: #ffffff;
}
.app-SCMessageBox-Content-files {
  margin-top: 0.5em !important;
}
.app-SCMessageBox-Content-fileLink {
  margin-bottom: 0 !important;
}
.app-SCMessageBox-Content-fileLink .btn {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.app-SCMessageBox-Content-fileFormat {
  text-transform: lowercase;
}
.app-SCMessageBox.is-emphasized .app-SCMessageBox-Header-title {
  font-weight: 700;
}
.app-SCMessageBox.is-emphasized .app-SCMessageBox-Header-date {
  color: #8dac34;
}
.app-SCMessageBox.is-open .app-SCMessageBox-Header-title, .app-SCMessageBox.is-open .app-SCMessageBox-Header-toggle {
  color: #8dac34;
}
.app-SCMessageBox.is-open .app-SCMessageBox-Header-toggle::before {
  content: "–";
  transform: rotate(180deg);
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCOverlay {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: calc(9% + 1rem) calc(17% - 1rem);
  max-width: 46rem;
  width: calc(100vw - 1rem);
}
.app-SCOverlay-form {
  margin-top: 2rem;
}
.app-SCOverlay-CloseButton {
  color: #05233a;
  height: 1.3em;
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  width: 1.3em;
  z-index: 10000;
}
@media (hover: hover) {
  .app-SCOverlay-CloseButton:hover {
    color: #8dac34;
  }
}
.app-SCOverlay-CloseButton-symbol {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.app-SCOverlay h2 {
  font-size: 18px;
  font-size: 1.4vw;
}
@media (max-width: 71.4285714286rem) {
  .app-SCOverlay h2 {
    font-size: 1rem;
  }
}
@media (min-width: 107.1428571429rem) {
  .app-SCOverlay h2 {
    font-size: 1.5rem;
  }
}
.app-SCOverlay [role=doc-subtitle] {
  font-size: 14px;
  font-size: 1vw;
}
@media (max-width: 80rem) {
  .app-SCOverlay [role=doc-subtitle] {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .app-SCOverlay [role=doc-subtitle] {
    font-size: 1rem;
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCPersonalDataPageLayout, .app-SCPersonalDataPageLayout * {
  box-sizing: border-box;
}
.app-SCPersonalDataPageLayout-headline {
  text-transform: uppercase;
  color: #05233a;
  font-size: 1em;
  font-weight: 500;
}
.app-SCPersonalDataPageLayout section {
  background-color: #ffffff;
  border-bottom: 1px solid #8dac34;
  padding: 1rem;
}
.app-SCPersonalDataPageLayout section:first-child {
  border-top: 1px solid #8dac34;
}
.app-SCPersonalDataPageLayout-note {
  background-color: #05233a;
  color: #ffffff;
}
.app-SCPersonalDataPageLayout-warn {
  background-color: #05233a;
  color: #ffffff;
}
.app-SCPersonalDataPageLayout-note, .app-SCPersonalDataPageLayout-warn {
  font-size: 0.9em;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 1em 1.5em;
}
.app-SCPersonalDataPageLayout-note p:not(:last-child), .app-SCPersonalDataPageLayout-warn p:not(:last-child) {
  margin-bottom: 0.5em;
}
.app-SCPersonalDataPageLayout-Form-row, .app-SCPersonalDataPageLayout-Form-actionRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -2em;
}
.app-SCPersonalDataPageLayout-Form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.app-SCPersonalDataPageLayout-Form-actions > * {
  flex-grow: 0;
  width: auto;
}
.app-SCPersonalDataPageLayout-Form .field {
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
@media (max-width: 599px) {
  .app-SCPersonalDataPageLayout-Form .field {
    flex-direction: column;
  }
}
.app-SCPersonalDataPageLayout-Form label {
  width: 10.5rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.app-SCPersonalDataPageLayout-Form label::after {
  content: ":";
}
.app-SCPersonalDataPageLayout-Form .checkbox > label {
  width: auto;
}
.app-SCPersonalDataPageLayout-Form .middleColumn {
  flex-grow: 1;
}
.app-SCPersonalDataPageLayout-Form-Field {
  flex-grow: 1;
  margin: 0.25em 2em;
  min-width: 20rem;
  width: 1.11px;
}
@media (max-width: 599px) {
  .app-SCPersonalDataPageLayout-Form-Field {
    min-width: 51%;
  }
  .app-SCPersonalDataPageLayout-Form-Field .field > * {
    width: 100%;
  }
}
.app-SCPersonalDataPageLayout-Form-Field .message {
  display: none;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton) {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  margin: 2rem 0;
  padding: 1em;
  min-width: 228px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 0;
  margin-top: 0;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton).hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton).hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton) {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton) {
    font-size: 1.8rem;
  }
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton).hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton).hover {
  color: #8dac34;
  text-decoration: none;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):not(:disabled):not(.disabled), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):focus, .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton).focus, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):focus, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton).focus {
  background-color: transparent;
  outline: 0;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton).mod--fillParent::before, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton).mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton).hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton).hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton) {
    font-size: 1rem;
  }
}
@media (min-height: 200rem) {
  .app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton), .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton) {
    font-size: 2rem;
  }
}
.app-SCPersonalDataPageLayout-Form button:not(.app-SCPersonalDataPageLayout-Form-textButton):hover, .app-SCPersonalDataPageLayout-Form input[type=submit]:not(.app-SCPersonalDataPageLayout-Form-textButton):hover {
  color: #8dac34;
}
.app-SCPersonalDataPageLayout-Form-textButton {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  background-color: transparent !important;
  display: inline;
  width: auto;
  font-size: 1em !important;
  margin: 0;
}
.app-SCPersonalDataPageLayout-Form-textButton:hover, .app-SCPersonalDataPageLayout-Form-textButton.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-SCPersonalDataPageLayout-Form-textButton {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-SCPersonalDataPageLayout-Form-textButton {
    font-size: 1.8rem;
  }
}
.app-SCPersonalDataPageLayout-Form-textButton:hover, .app-SCPersonalDataPageLayout-Form-textButton.hover {
  color: #8dac34;
  text-decoration: none;
}
.app-SCPersonalDataPageLayout-Form-textButton:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-SCPersonalDataPageLayout-Form-textButton:focus, .app-SCPersonalDataPageLayout-Form-textButton.focus {
  background-color: transparent;
  outline: 0;
}
.app-SCPersonalDataPageLayout-Form-textButton.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .app-SCPersonalDataPageLayout-Form-textButton {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .app-SCPersonalDataPageLayout-Form-textButton {
    font-size: 1.1rem;
  }
}
.app-SCPersonalDataPageLayout-Form-textButton:hover, .app-SCPersonalDataPageLayout-Form-textButton.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.app-SCPersonalDataPageLayout-Form-textButton:hover {
  color: #ffffff;
}
.app-SCPersonalDataPageLayout-Form .message {
  font-size: 0.9em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding: 1em 1.5em;
}
.app-SCPersonalDataPageLayout-Form .field-hidden {
  display: none;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCRealestateBox {
  color: #05233a;
  display: flex;
}
.app-SCRealestateBox-ImageContainer {
  background-color: #E9E9E9;
  display: none;
  max-width: 11.4em;
  position: relative;
  width: 20%;
}
@media (min-width: 600px) {
  .app-SCRealestateBox-ImageContainer {
    display: block;
  }
}
.app-SCRealestateBox-ImageContainer > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.app-SCRealestateBox-badge {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  max-width: 7rem;
  width: 60%;
}
.app-SCRealestateBox-subheadline {
  color: #b2b2b2;
  font-size: 0.88em;
  text-transform: uppercase;
}
.app-SCRealestateBox-date {
  color: #b2b2b2;
  font-size: 0.88em;
}
.app-SCRealestateBox-headline {
  font-size: 18px;
  font-size: 1.4vw;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  margin-top: 0.6rem;
}
@media (max-width: 71.4285714286rem) {
  .app-SCRealestateBox-headline {
    font-size: 1rem;
  }
}
@media (min-width: 114.2857142857rem) {
  .app-SCRealestateBox-headline {
    font-size: 1.6rem;
  }
}
.app-SCRealestateBox-headline:first-child {
  margin-top: 0rem;
}
.app-SCRealestateBox-infos {
  flex-grow: 1;
  padding: 1em;
  position: relative;
}
@media (min-width: 900px) {
  .app-SCRealestateBox-infos {
    display: flex;
    justify-content: space-between;
  }
}
.app-SCRealestateBox-left {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app-SCRealestateBox-subinfo {
  color: #808080;
  font-size: 0.9em;
}
.app-SCRealestateBox-right {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app-SCRealestateBox-right .btn:last-child {
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .app-SCRealestateBox-right {
    align-items: flex-end;
    padding-left: 1rem;
    text-align: right;
  }
}
.app-SCRealestateBox button {
  background-color: transparent;
  color: #05233a;
  margin: 0;
}
.app-SCRealestateBox .icon {
  height: 18px;
  width: 18px;
}
.app-SCRealestateBox-delete {
  position: absolute;
  right: 0.2em;
  top: 0.6em;
  margin: 0;
}
@media (min-width: 900px) {
  .app-SCRealestateBox-delete {
    margin-top: -1.2em !important;
    position: relative;
    right: 0;
    top: -0.2em;
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SCSearchProfileBox {
  border-bottom: 1px solid #8dac34;
  border-top: 1px solid #8dac34;
  color: #808080;
  margin-bottom: 2rem;
}
.app-SCSearchProfileBox-date {
  color: #8dac34;
  font-size: 0.88em;
}
.app-SCSearchProfileBox-Header {
  padding: 1rem;
  padding-bottom: 0.8rem;
  position: relative;
}
.app-SCSearchProfileBox-Header-title {
  color: #05233a;
  font-size: 1em;
  font-weight: 500;
  line-height: inherit;
  margin: 0;
  margin-bottom: 0.4em;
  padding-right: 2rem;
  text-transform: uppercase;
}
.app-SCSearchProfileBox-Header-delete {
  background-color: transparent !important;
  color: #05233a !important;
  margin-top: 0.4em;
  position: absolute;
  right: 0.4em;
  top: 0.4em;
}
.app-SCSearchProfileBox-Header-delete svg {
  height: 18px;
  width: 18px;
}
.app-SCSearchProfileBox-Header-form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.app-SCSearchProfileBox-Header-form > * {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  margin: 0.5rem;
  min-width: 7em;
  white-space: nowrap;
  width: 1px;
}
.app-SCSearchProfileBox-Header-form input {
  flex-grow: 1;
  width: 1px;
}
.app-SCSearchProfileBox-Header-more {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-SCSearchProfileBox-Header-more > *:last-child {
  padding-left: 1rem;
  text-align: right;
}
.app-SCSearchProfileBox-Header-more .btn--link {
  margin-bottom: 0;
}
.app-SCSearchProfileBox-Results {
  overflow: hidden;
}
.app-SCSearchProfileBox-Results li {
  margin-bottom: 0;
}
.app-SCSearchProfileBox-Results > li:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}
.app-SCSearchProfileBox .ss-values {
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
.app-SCSearchProfileBox .ss-value {
  background-color: transparent !important;
  color: #05233a !important;
  margin: 0 !important;
  padding-right: 0 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}
.app-SCSearchProfileBox .ss-value:not(:last-child)::after {
  content: ", ";
}
.app-SCSearchProfileBox .ss-value-delete {
  display: none !important;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-RegistrationPageLayout {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 2rem);
  text-align: center;
}
.app-RegistrationPageLayout .text label, .app-RegistrationPageLayout .dropdown label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.app-RegistrationPageLayout-Text {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
}
.app-RegistrationPageLayout-Text .narrow {
  margin-bottom: 0.6em !important;
}
.app-RegistrationPageLayout-Text--center {
  text-align: center;
}
.app-RegistrationPageLayout-alternateActions {
  margin-top: 2rem;
  text-align: center;
}
.app-RegistrationPageLayout-alternateActions > * {
  margin: 0.5em;
}
.app-RegistrationPageLayout .checkbox {
  text-align: left;
}
.app-RegistrationPageLayout a {
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0.3em 0;
  color: #8dac34;
  font-size: 18px;
  font-size: 1.1vw;
  background: linear-gradient(0deg, #8dac34 0, #8dac34 100%), linear-gradient(0deg, transparent 0, transparent 100%);
  background-repeat: no-repeat;
  background-size: 0% 80%, 100% 80%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  display: inline;
  white-space: normal;
  font-size: 1em !important;
}
.app-RegistrationPageLayout a:hover, .app-RegistrationPageLayout a.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-RegistrationPageLayout a {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-RegistrationPageLayout a {
    font-size: 1.8rem;
  }
}
.app-RegistrationPageLayout a:hover, .app-RegistrationPageLayout a.hover {
  color: #8dac34;
  text-decoration: none;
}
.app-RegistrationPageLayout a:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-RegistrationPageLayout a:focus, .app-RegistrationPageLayout a.focus {
  background-color: transparent;
  outline: 0;
}
.app-RegistrationPageLayout a.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 72.7272727273rem) {
  .app-RegistrationPageLayout a {
    font-size: 0.8rem;
  }
}
@media (min-width: 100rem) {
  .app-RegistrationPageLayout a {
    font-size: 1.1rem;
  }
}
.app-RegistrationPageLayout a:hover, .app-RegistrationPageLayout a.hover {
  background-color: transparent;
  background-size: 100% 80%, 0% 80%;
}
.app-RegistrationPageLayout a:hover {
  color: #ffffff;
}
.app-RegistrationPageLayout input[type=submit], .app-RegistrationPageLayout button {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  margin: 2rem 0;
  padding: 1em;
  min-width: 228px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
  justify-content: center;
  width: 100%;
}
.app-RegistrationPageLayout input[type=submit]:focus, .app-RegistrationPageLayout input[type=submit].focus, .app-RegistrationPageLayout button:focus, .app-RegistrationPageLayout button.focus {
  background-color: transparent;
  outline: 0;
}
.app-RegistrationPageLayout input[type=submit].mod--fillParent::before, .app-RegistrationPageLayout button.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.app-RegistrationPageLayout input[type=submit]:hover, .app-RegistrationPageLayout input[type=submit].hover, .app-RegistrationPageLayout button:hover, .app-RegistrationPageLayout button.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-RegistrationPageLayout input[type=submit], .app-RegistrationPageLayout button {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-RegistrationPageLayout input[type=submit], .app-RegistrationPageLayout button {
    font-size: 1.8rem;
  }
}
.app-RegistrationPageLayout input[type=submit]:hover, .app-RegistrationPageLayout input[type=submit].hover, .app-RegistrationPageLayout button:hover, .app-RegistrationPageLayout button.hover {
  color: #8dac34;
  text-decoration: none;
}
.app-RegistrationPageLayout input[type=submit]:not(:disabled):not(.disabled), .app-RegistrationPageLayout button:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-RegistrationPageLayout input[type=submit]:hover, .app-RegistrationPageLayout input[type=submit].hover, .app-RegistrationPageLayout button:hover, .app-RegistrationPageLayout button.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-RegistrationPageLayout input[type=submit], .app-RegistrationPageLayout button {
    font-size: 1rem;
  }
}
@media (min-height: 200rem) {
  .app-RegistrationPageLayout input[type=submit], .app-RegistrationPageLayout button {
    font-size: 2rem;
  }
}
.app-RegistrationPageLayout input[type=submit]:hover, .app-RegistrationPageLayout button:hover {
  color: #8dac34;
}
.app-RegistrationPageLayout input[type=submit]:last-child, .app-RegistrationPageLayout button:last-child {
  margin-bottom: 0;
}
.app-RegistrationPageLayout--small .app-RegistrationPageLayout-Form {
  max-width: 31rem;
}
.app-RegistrationPageLayout-Form {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  max-width: 50rem;
}
.app-RegistrationPageLayout-Form-row, .app-RegistrationPageLayout-Form-actionRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.app-RegistrationPageLayout-Form-actions, .app-RegistrationPageLayout-Form .btn-toolbar {
  text-align: center;
}
.app-RegistrationPageLayout-Form-actionRow {
  justify-content: center;
  margin-bottom: 1em;
  margin-top: 1em;
}
.app-RegistrationPageLayout-Form-Field {
  flex-grow: 1;
  margin: 0.5rem;
  min-width: 15rem;
  width: 1.11px;
}
.app-RegistrationPageLayout-Form-Field--prefilled input {
  background-color: #E9E9E9 !important;
  color: #a09b9a;
  cursor: not-allowed;
}
.app-RegistrationPageLayout-Form-headline {
  text-transform: uppercase;
  color: #05233a;
  text-align: left;
}
.app-RegistrationPageLayout-DataPrivacyBox {
  background-color: #f6f6f6;
  max-width: 60rem;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 1em 0.1em 1em;
}
.app-RegistrationPageLayout-DataPrivacyBox h4 {
  margin-top: 0;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-SearchProfileResult {
  background-color: #05233a;
  color: #ffffff;
  padding: 1rem;
  padding-top: 1.1rem;
}
.app-SearchProfileResult-top {
  display: flex;
}
.app-SearchProfileResult-bottom {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
}
.app-SearchProfileResult-actions {
  flex-grow: 1;
  text-align: right;
}
.app-SearchProfileResult-actions .btn {
  margin-bottom: 0;
}
.app-SearchProfileResult .project__title {
  color: #ffffff;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.app-SearchProfileResult p {
  margin-top: 0;
}
.app-SearchProfileResult-props {
  flex-grow: 1;
  text-align: right;
}
.app-SearchProfileResult-props ul {
  display: flex;
  justify-content: flex-end;
}
.app-SearchProfileResult-props ul li {
  background-color: transparent;
}
.app-SearchProfileResult-props ul li:not(:last-child)::after {
  content: "•";
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.app-SearchProfileResult-facts {
  flex-direction: column;
  flex-wrap: wrap;
}
.app-SearchProfileResult-facts dl {
  display: inline-block;
}
.app-SearchProfileResult-facts dl dt {
  color: currentColor;
}
.app-SearchProfileResult-facts dl dt, .app-SearchProfileResult-facts dl dd {
  display: inline;
  line-height: 1;
}
.app-SearchProfileResult-facts dl dt:before {
  display: block;
  clear: both;
  content: "";
}
@media (min-width: 900px) {
  .app-SearchProfileResult-facts dl {
    display: flex;
  }
}
@media (min-width: 900px) {
  .app-SearchProfileResult-facts dl dd,
.app-SearchProfileResult-facts dl dt {
    padding-top: 0;
  }
}
@media (min-width: 900px) {
  .app-SearchProfileResult-facts {
    flex-direction: row;
  }
  .app-SearchProfileResult-facts dl dd {
    margin-right: 1rem;
  }
}
@media (min-width: 1670px) {
  .app-SearchProfileResult-facts {
    flex-direction: row;
  }
  .app-SearchProfileResult-facts dl dd {
    margin-right: 3rem;
  }
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-ServiceCenterExternalLayout {
  background: linear-gradient(180deg, #8dac34 22vh, #f6f6f6 22vh);
}
.app-ServiceCenterExternalLayout-container {
  background: #ffffff;
  margin-bottom: 6vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6vh;
  max-width: 69rem;
  width: calc(100% - 2rem);
}
.app-ServiceCenterExternalLayout-mainContainer {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.app-ServiceCenterExternalLayout-center {
  margin-left: auto;
  margin-right: auto;
  max-width: 32rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}
.app-ServiceCenterExternalLayout input[type=submit], .app-ServiceCenterExternalLayout button {
  background-color: transparent;
  border: 0px solid;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  color: #ffffff;
  padding: 0.8em;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.8vh;
  font-weight: 500;
  /*
  &:focus,
  &.focus {
  	color: $button-focus-color;
  }
  */
  background: linear-gradient(0deg, #ffffff 0, #ffffff 100%), linear-gradient(0deg, #8dac34 0, #8dac34 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 50%, 100% 50%;
  transition-property: background-size, color;
  transition-duration: 200ms;
  box-shadow: inset 0px 0px 0px 2px #8dac34;
  margin: 2rem 0;
  padding: 1em;
  min-width: 228px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
  justify-content: center;
  width: 100%;
}
.app-ServiceCenterExternalLayout input[type=submit]:focus, .app-ServiceCenterExternalLayout input[type=submit].focus, .app-ServiceCenterExternalLayout button:focus, .app-ServiceCenterExternalLayout button.focus {
  background-color: transparent;
  outline: 0;
}
.app-ServiceCenterExternalLayout input[type=submit].mod--fillParent::before, .app-ServiceCenterExternalLayout button.mod--fillParent::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.app-ServiceCenterExternalLayout input[type=submit]:hover, .app-ServiceCenterExternalLayout input[type=submit].hover, .app-ServiceCenterExternalLayout button:hover, .app-ServiceCenterExternalLayout button.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-ServiceCenterExternalLayout input[type=submit], .app-ServiceCenterExternalLayout button {
    font-size: 0.8rem;
  }
}
@media (min-height: 225rem) {
  .app-ServiceCenterExternalLayout input[type=submit], .app-ServiceCenterExternalLayout button {
    font-size: 1.8rem;
  }
}
.app-ServiceCenterExternalLayout input[type=submit]:hover, .app-ServiceCenterExternalLayout input[type=submit].hover, .app-ServiceCenterExternalLayout button:hover, .app-ServiceCenterExternalLayout button.hover {
  color: #8dac34;
  text-decoration: none;
}
.app-ServiceCenterExternalLayout input[type=submit]:not(:disabled):not(.disabled), .app-ServiceCenterExternalLayout button:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-ServiceCenterExternalLayout input[type=submit]:hover, .app-ServiceCenterExternalLayout input[type=submit].hover, .app-ServiceCenterExternalLayout button:hover, .app-ServiceCenterExternalLayout button.hover {
  background-color: transparent;
  background-size: 100% 100%, 0% 100%;
}
@media (max-height: 100rem) {
  .app-ServiceCenterExternalLayout input[type=submit], .app-ServiceCenterExternalLayout button {
    font-size: 1rem;
  }
}
@media (min-height: 200rem) {
  .app-ServiceCenterExternalLayout input[type=submit], .app-ServiceCenterExternalLayout button {
    font-size: 2rem;
  }
}
.app-ServiceCenterExternalLayout input[type=submit]:hover, .app-ServiceCenterExternalLayout button:hover {
  color: #8dac34;
}
.app-ServiceCenterExternalLayout input[type=submit]:last-child, .app-ServiceCenterExternalLayout button:last-child {
  margin-bottom: 0;
}
.app-ServiceCenterExternalLayout .checkbox {
  text-align: left;
}
.app-ServiceCenterExternalLayout .checkbox a {
  background: transparent !important;
  color: inherit;
  text-decoration: underline;
  text-transform: none;
}
.app-ServiceCenterExternalLayout .app-SCMessageBanner {
  margin-top: -6vh;
}
.app-ServiceCenterExternalLayout-LoginForm .btn-toolbar button {
  margin-bottom: 0;
  margin-top: 0.8em;
}
.app-ServiceCenterExternalLayout-LoginForm-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: 1.5;
  padding-bottom: 3rem;
  padding-top: 3rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .app-ServiceCenterExternalLayout-LoginForm-content {
    flex-direction: row;
  }
}
.app-ServiceCenterExternalLayout-LoginForm-center {
  margin-left: auto;
  margin-right: auto;
}
.app-ServiceCenterExternalLayout-LoginForm-centerContent {
  max-width: 30rem;
}
.app-ServiceCenterExternalLayout-LoginForm-left {
  padding-bottom: 2rem;
}
@media (min-width: 48rem) {
  .app-ServiceCenterExternalLayout-LoginForm-left {
    flex-grow: 0;
    padding-bottom: 0;
    width: 50%;
  }
}
.app-ServiceCenterExternalLayout-LoginForm-leftContent {
  margin: 0 auto;
  flex-grow: 1;
  max-width: 18rem;
}
@media (min-width: 48rem) {
  .app-ServiceCenterExternalLayout-LoginForm-leftContent {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.app-ServiceCenterExternalLayout-LoginForm-right {
  -ms-grid-row-align: center;
      align-self: center;
  align-items: center;
  border-top: 16px solid #f6f6f6;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  margin-top: 0.5rem;
}
@media (min-width: 48rem) {
  .app-ServiceCenterExternalLayout-LoginForm-right {
    -ms-grid-row-align: stretch;
        align-self: stretch;
    border-left: 1px solid #8dac34;
    border-top: none;
    flex-grow: 0;
    margin-top: 0;
    padding-top: 0;
    width: 50%;
  }
}
.app-ServiceCenterExternalLayout-LoginForm-rightContent {
  margin: 0 auto;
  padding: 0 2rem;
}
.app-ServiceCenterExternalLayout-LoginForm-Part {
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
}
.app-ServiceCenterExternalLayout-LoginForm-Part + label {
  text-align: left;
}
.app-ServiceCenterExternalLayout-LoginForm-Part p {
  margin: 0;
}
.app-ServiceCenterExternalLayout-LoginForm-Part .text label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.app-ServiceCenterExternalLayout-LoginForm-Part div.field {
  margin-bottom: 0.7em;
  margin-top: 0.7em;
}
.app-ServiceCenterExternalLayout-LoginForm-Part #ForgotPassword {
  margin-top: 0.5em;
  text-align: center;
}
.app-ServiceCenterExternalLayout-LoginForm-Part #FullMemberLoginForm_LoginForm_Remember_Holder {
  margin-bottom: 0;
}
.app-ServiceCenterExternalLayout-LoginForm-Part:last-child {
  margin-bottom: 0;
}
.app-ServiceCenterExternalLayout-LoginForm-Part + .app-ServiceCenterExternalLayout-LoginForm-Part {
  margin-top: 2rem;
  padding-top: 2rem;
}
.app-ServiceCenterExternalLayout-LoginForm-Part + .app-ServiceCenterExternalLayout-LoginForm-Part::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
}
.app-ServiceCenterExternalLayout-LoginForm .message {
  display: block;
}
.app-ServiceCenterExternalLayout-LoginForm .message.bad, .app-ServiceCenterExternalLayout-LoginForm .message.error {
  font-size: 0.9em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding: 0.6em 0.8em;
}
.app-ServiceCenterExternalLayout-LoginForm .message.notice {
  font-size: 0.9em;
  font-style: italic;
  margin-top: 0.5em;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
.app-ServiceCenterLayout {
  background-color: #f6f6f6;
  display: flex;
}
.app-ServiceCenterLayout-container {
  width: calc(100% - 2rem);
  max-width: 1670px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-container {
    width: calc(100% - 2*2rem);
  }
}
.app-ServiceCenterLayout-main {
  flex-grow: 1;
  margin-top: 2.3rem;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-main {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-mainContent {
    padding-left: 5%;
  }
}
.app-ServiceCenterLayout .app-SCMessageBanner {
  border-top: 1px solid white;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout .app-SCMessageBanner {
    border-top: none;
  }
}
.app-ServiceCenterLayout-Sidebar {
  background-color: #8dac34;
  padding-right: 5%;
  z-index: 1;
  position: fixed;
  left: 0;
  right: 0;
  height: 2.3rem;
  top: 60px;
  width: 100%;
  z-index: 15;
}
@media (min-width: 600px) {
  .app-ServiceCenterLayout-Sidebar {
    top: 90px;
  }
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar {
    height: auto;
    min-width: 20rem;
    overflow: visible;
    position: relative;
    top: 0;
    width: 1px;
  }
}
.app-ServiceCenterLayout-Sidebar > * {
  position: relative;
}
.app-ServiceCenterLayout-Sidebar h2 {
  font-size: 32px;
  font-size: 4vh;
  color: #05233a;
  display: none;
  margin-bottom: 2.2em;
  padding-left: 1rem;
}
@media (max-height: 27.5rem) {
  .app-ServiceCenterLayout-Sidebar h2 {
    font-size: 1.1rem;
  }
}
@media (min-height: 50rem) {
  .app-ServiceCenterLayout-Sidebar h2 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar h2 {
    display: block;
  }
}
.app-ServiceCenterLayout-Sidebar [role=doc-subtitle] {
  font-size: 18px;
  font-size: 2vh;
  color: #ffffff;
  display: none;
  margin-top: 2rem;
  padding-left: 1rem;
}
@media (max-height: 45rem) {
  .app-ServiceCenterLayout-Sidebar [role=doc-subtitle] {
    font-size: 0.9rem;
  }
}
@media (min-height: 55rem) {
  .app-ServiceCenterLayout-Sidebar [role=doc-subtitle] {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar [role=doc-subtitle] {
    display: block;
  }
}
.app-ServiceCenterLayout-Sidebar::before {
  background-color: #8dac34;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  bottom: 0;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar-content {
    padding-bottom: 2rem;
    position: -webkit-sticky;
    position: sticky;
    top: calc(2rem + 90px);
  }
}
.app-ServiceCenterLayout-Sidebar-mobileMenuHeader {
  text-transform: uppercase;
  align-items: center;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  height: 2.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-ServiceCenterLayout-Sidebar-mobileMenuHeader button {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar-mobileMenuHeader {
    display: none;
  }
}
.app-ServiceCenterLayout-Sidebar-navigation {
  align-items: flex-start;
  background-color: #8dac34;
  color: #05233a;
  flex-direction: column;
  font-weight: 500;
  overflow: auto !important;
  text-align: left;
  max-height: 0;
}
.app-ServiceCenterLayout-Sidebar-navigation::before, .app-ServiceCenterLayout-Sidebar-navigation:after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: 2rem;
}
@media (min-width: 1200px) {
  .app-ServiceCenterLayout-Sidebar-navigation {
    max-height: none;
  }
  .app-ServiceCenterLayout-Sidebar-navigation::after, .app-ServiceCenterLayout-Sidebar-navigation::before {
    display: none;
  }
}
.is-serviceCenterMenuOpen .app-ServiceCenterLayout-Sidebar-navigation {
  max-height: none;
}
.app-ServiceCenterLayout-Sidebar-navigation ul > li {
  border: none;
  justify-content: flex-start;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
.app-ServiceCenterLayout-Sidebar-navigation ul > li a {
  justify-content: flex-start;
}
.app-ServiceCenterLayout-Sidebar-MenuLink {
  color: #05233a;
}
.app-ServiceCenterLayout-Sidebar-MenuLink:hover, .app-ServiceCenterLayout-Sidebar-MenuLink--current {
  color: white;
}
.app-ServiceCenterLayout-Sidebar-MenuLink-icon {
  margin-right: 10px;
}
.app-ServiceCenterLayout-Sidebar-MenuLink--separated {
  margin-bottom: 1.5em;
}
.app-ServiceCenterLayout-Sidebar-MenuLink--separatedUp {
  margin-top: 1.5em;
}

.app-SimpleOverlay::-webkit-backdrop {
  background-color: rgba(5, 35, 58, 0.6);
}

.app-SimpleOverlay::backdrop {
  background-color: rgba(5, 35, 58, 0.6);
}
.app-SimpleOverlay-content {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: clamp(3rem, calc(3% + 0.5rem), 5rem) clamp(2rem, calc(3% + 0.5rem), 5rem);
  position: relative;
  max-width: 60rem;
  width: calc(100vw - 1rem);
}
.app-SimpleOverlay--small .app-SimpleOverlay-content {
  max-width: 45rem;
}
.app-SimpleOverlay-CloseButton {
  color: #05233a;
  height: 1.3em;
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  width: 1.3em;
  z-index: 10000;
}
@media (hover: hover) {
  .app-SimpleOverlay-CloseButton:hover {
    color: #8dac34;
  }
}
.app-SimpleOverlay-CloseButton-symbol {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.app-SimpleOverlay-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 2.3rem;
}
.app-SimpleOverlay-actions .btn {
  margin: 0;
}

.dpcm-ServiceStorageElement-caption {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1vw;
  caption-side: top;
  color: #05233a;
  font-weight: 600;
  padding: 0.3em;
  text-align: left;
}
@media (max-width: 80rem) {
  .dpcm-ServiceStorageElement-caption {
    font-size: 0.8rem;
  }
}
@media (min-width: 110rem) {
  .dpcm-ServiceStorageElement-caption {
    font-size: 1.1rem;
  }
}
.dpcm-ServiceStorageElement--table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1em;
}
.dpcm-ServiceStorageElement--table tr {
  display: block;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 48rem) {
  .dpcm-ServiceStorageElement--table tr {
    display: table-row;
  }
}
.dpcm-ServiceStorageElement--table th, .dpcm-ServiceStorageElement--table td {
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
  display: block;
  padding: 0.3em;
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .dpcm-ServiceStorageElement--table th, .dpcm-ServiceStorageElement--table td {
    display: table-cell;
    width: auto;
  }
}
.dpcm-ServiceStorageElement--table td.dpcm-ServiceStorageElement-name {
  font-family: Monospace;
}
.dpcm-ServiceStorageElement--table .dpcm-ServiceStorageElement-description {
  width: 100% !important;
}

.dpcm-GroupConsentElement {
  background-color: #E9E9E9;
  display: flex;
  flex-direction: row-reverse;
  font-weight: 500;
  justify-content: space-between;
  margin: 4px 0;
  padding: 0.7em;
  text-transform: uppercase;
}
.dpcm-GroupConsentElement-input {
  width: 1em !important;
}

/*

Alignments
a = align
a-b = align-bottom
va = vertical-align
va-c = vertical-align center
va-b = vertical-align bottom
*/
.a-b {
  -ms-grid-row-align: end;
      align-self: end;
  width: 100%;
}

.a-c {
  text-align: center;
}

.a-r {
  text-align: right;
}

/* vertical align center */
.va-c {
  display: flex;
  align-items: center;
}

.va-b {
  display: flex;
  align-items: flex-end;
}

@media (max-width: 599px) {
  .md-only {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .lg-only {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .lg-only {
    display: none !important;
  }
}

@media (min-width: 900px) {
  .not-lg-only {
    display: none !important;
  }
}

/* Padding helpers*/
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-top: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.p-lg {
  padding: 5%;
}
@media (min-width: 900px) {
  .p-lg {
    padding-top: 7vh;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 7vh;
  }
}

.py-lg--overlay {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .py-lg--overlay {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 900px) {
  .py-lg {
    padding-left: 120px;
    padding-right: 120px;
  }
}

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.case-n {
  text-transform: none;
}

/* animation */
.fade-in {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner__linkblocks li:nth-child(1) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.banner__linkblocks li:nth-child(2) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.banner__linkblocks li:nth-child(3) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.banner__linkblocks li:nth-child(4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

/* ------------------------------ */
/* Colors */
/* generic */
/* specific */
/* links */
/* nav */
/* buttons */
/* collapse */
/* states */
/* ------------------------------ */
/* Sizes */
/* Set min/max values for autofill items*/
/* Sections */
/* Header */
/* Breakpoints */
/* see mixins */
/* ------------------------------ */
/* Type */
/* Font sizes see 02-tools/mixins */
/* images */
/* editor images */
img.ss-htmleditorfield-file {
  max-width: 100%;
  height: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

div.captionImage {
  width: auto !important;
}

img.ss-htmleditorfield-file.leftAlone {
  float: left;
  margin: 0 2rem 2rem 0;
}

img.ss-htmleditorfield-file.left,
.captionImage.left {
  float: left;
  margin: 0 2rem 2rem 0;
}

img.ss-htmleditorfield-file.right,
.captionImage.right {
  float: right;
  margin: 0 0 2rem 2rem;
}

.captionImage img.ss-htmleditorfield-file {
  float: none;
  margin: 0;
}

figcaption, .caption {
  color: #a09b9a;
  margin-top: 4px;
}