@charset "UTF-8";
/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
@import url("https://smartdesign.immowelt.org/font/1.4.4/css/immo-sans.css");
@font-face {
  font-family: "smartdesign-icons";
  src: url("./smartdesign-icons.eot?");
  src: url("./smartdesign-icons.woff2") format("woff2"), url("./smartdesign-icons.woff") format("woff"), url("./smartdesign-icons.ttf") format("truetype"), url("./smartdesign-icons.svg#smartdesign-icons") format("svg");
}
.sd-icon, i {
  font-family: "smartdesign-icons" !important;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-decoration: inherit;
  user-select: none;
  color: var(--color-grey-700);
}

/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
/**
GRID
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/layout/grid
 */
.wrapper {
  max-width: 1072px;
  margin: 0 auto;
}

/**
EFINES DESKTOP VIEW
 */
.row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.col {
  box-sizing: border-box;
  display: block;
  flex: 1;
  padding-right: 16px;
  padding-left: 16px;
  flex-shrink: 0;
}

.container {
  box-sizing: border-box;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

.col-500-1,
.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-500-1 {
  margin-left: 8.3333333333%;
}

.col-500-2,
.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-500-2 {
  margin-left: 16.6666666667%;
}

.col-500-3,
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.offset-500-3 {
  margin-left: 25%;
}

.col-500-4,
.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-500-4 {
  margin-left: 33.3333333333%;
}

.col-500-5,
.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-500-5 {
  margin-left: 41.6666666667%;
}

.col-500-6,
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.offset-500-6 {
  margin-left: 50%;
}

.col-500-7,
.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-500-7 {
  margin-left: 58.3333333333%;
}

.col-500-8,
.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-500-8 {
  margin-left: 66.6666666667%;
}

.col-500-9,
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.offset-500-9 {
  margin-left: 75%;
}

.col-500-10,
.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-500-10 {
  margin-left: 83.3333333333%;
}

.col-500-11,
.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-500-11 {
  margin-left: 91.6666666667%;
}

.col-500-12,
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.offset-500-0 {
  margin-left: 0;
}

/**
DEFINES MEDIA QUERIES
 */
/**
DEFINES MEDIA QUERIES
 */
@media only screen and (max-width: 1023px) {
  .row {
    margin-right: -12px;
    margin-left: -12px;
  }

  .col {
    padding-right: 12px;
    padding-left: 12px;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .col-400-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-400-1 {
    margin-left: 8.3333333333%;
  }

  .col-400-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-400-2 {
    margin-left: 16.6666666667%;
  }

  .col-400-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .offset-400-3 {
    margin-left: 25%;
  }

  .col-400-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-400-4 {
    margin-left: 33.3333333333%;
  }

  .col-400-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-400-5 {
    margin-left: 41.6666666667%;
  }

  .col-400-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .offset-400-6 {
    margin-left: 50%;
  }

  .col-400-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-400-7 {
    margin-left: 58.3333333333%;
  }

  .col-400-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-400-8 {
    margin-left: 66.6666666667%;
  }

  .col-400-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .offset-400-9 {
    margin-left: 75%;
  }

  .col-400-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-400-10 {
    margin-left: 83.3333333333%;
  }

  .col-400-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-400-11 {
    margin-left: 91.6666666667%;
  }

  .col-400-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .offset-400-0 {
    margin-left: 0;
  }
}
/**
DEFINES MEDIA QUERIES
 */
@media only screen and (max-width: 767px) {
  .row {
    margin-right: -12px;
    margin-left: -12px;
  }

  .col {
    padding-right: 12px;
    padding-left: 12px;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .col-300-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-300-1 {
    margin-left: 8.3333333333%;
  }

  .col-300-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-300-2 {
    margin-left: 16.6666666667%;
  }

  .col-300-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .offset-300-3 {
    margin-left: 25%;
  }

  .col-300-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-300-4 {
    margin-left: 33.3333333333%;
  }

  .col-300-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-300-5 {
    margin-left: 41.6666666667%;
  }

  .col-300-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .offset-300-6 {
    margin-left: 50%;
  }

  .col-300-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-300-7 {
    margin-left: 58.3333333333%;
  }

  .col-300-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-300-8 {
    margin-left: 66.6666666667%;
  }

  .col-300-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .offset-300-9 {
    margin-left: 75%;
  }

  .col-300-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-300-10 {
    margin-left: 83.3333333333%;
  }

  .col-300-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-300-11 {
    margin-left: 91.6666666667%;
  }

  .col-300-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .offset-300-0 {
    margin-left: 0;
  }
}
/**
DEFINES MEDIA QUERIES
 */
@media only screen and (max-width: 425px) {
  .row {
    margin-right: -12px;
    margin-left: -12px;
  }

  .col {
    padding-right: 12px;
    padding-left: 12px;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .col-200-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-200-1 {
    margin-left: 8.3333333333%;
  }

  .col-200-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-200-2 {
    margin-left: 16.6666666667%;
  }

  .col-200-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .offset-200-3 {
    margin-left: 25%;
  }

  .col-200-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-200-4 {
    margin-left: 33.3333333333%;
  }

  .col-200-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-200-5 {
    margin-left: 41.6666666667%;
  }

  .col-200-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .offset-200-6 {
    margin-left: 50%;
  }

  .col-200-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-200-7 {
    margin-left: 58.3333333333%;
  }

  .col-200-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-200-8 {
    margin-left: 66.6666666667%;
  }

  .col-200-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .offset-200-9 {
    margin-left: 75%;
  }

  .col-200-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-200-10 {
    margin-left: 83.3333333333%;
  }

  .col-200-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-200-11 {
    margin-left: 91.6666666667%;
  }

  .col-200-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .offset-200-0 {
    margin-left: 0;
  }
}
/**
DEFINES MEDIA QUERIES
 */
@media only screen and (max-width: 359px) {
  .row {
    margin-right: -12px;
    margin-left: -12px;
  }

  .col {
    padding-right: 12px;
    padding-left: 12px;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .col-100-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-100-1 {
    margin-left: 8.3333333333%;
  }

  .col-100-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-100-2 {
    margin-left: 16.6666666667%;
  }

  .col-100-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .offset-100-3 {
    margin-left: 25%;
  }

  .col-100-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-100-4 {
    margin-left: 33.3333333333%;
  }

  .col-100-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-100-5 {
    margin-left: 41.6666666667%;
  }

  .col-100-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .offset-100-6 {
    margin-left: 50%;
  }

  .col-100-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-100-7 {
    margin-left: 58.3333333333%;
  }

  .col-100-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-100-8 {
    margin-left: 66.6666666667%;
  }

  .col-100-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .offset-100-9 {
    margin-left: 75%;
  }

  .col-100-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-100-10 {
    margin-left: 83.3333333333%;
  }

  .col-100-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-100-11 {
    margin-left: 91.6666666667%;
  }

  .col-100-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .offset-100-0 {
    margin-left: 0;
  }
}
/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
.is-invisible {
  visibility: hidden;
}

.is-hidden {
  display: none;
}

.is-left {
  float: left;
}

.is-right {
  float: right;
}

.is-bold {
  font-weight: 700;
}

.is-relative {
  position: relative;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.bg-grey-100 {
  background-color: var(--color-grey-100);
}

.color-grey-500 {
  color: var(--color-grey-500);
}

/**
Text Alignments
 */
.has-text-centered {
  text-align: center;
}

.has-text-left {
  text-align: left;
}

.has-text-right {
  text-align: right;
}

.has-text-justified {
  text-align: justify;
}

@media screen and (max-width: 1023px) {
  .has-text-centered-400 {
    text-align: center;
  }

  .has-text-left-400 {
    text-align: left;
  }

  .has-text-right-400 {
    text-align: right;
  }

  .has-text-justified-400 {
    text-align: justify;
  }
}
@media screen and (max-width: 767px) {
  .has-text-centered-300 {
    text-align: center;
  }

  .has-text-left-300 {
    text-align: left;
  }

  .has-text-right-300 {
    text-align: right;
  }

  .has-text-justified-300 {
    text-align: justify;
  }
}
@media screen and (max-width: 425px) {
  .has-text-centered-200 {
    text-align: center;
  }

  .has-text-left-200 {
    text-align: left;
  }

  .has-text-right-200 {
    text-align: right;
  }

  .has-text-justified-200 {
    text-align: justify;
  }
}
@media screen and (max-width: 359px) {
  .has-text-centered-100 {
    text-align: center;
  }

  .has-text-left-100 {
    text-align: left;
  }

  .has-text-right-100 {
    text-align: right;
  }

  .has-text-justified-100 {
    text-align: justify;
  }
}
@media screen and (max-width: 425px) {
  .is-full-width {
    width: 100%;
  }
}
*.is-disabled {
  cursor: not-allowed;
  opacity: 0.25;
}

.shadow--100 {
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04), 0 2.5px 2.5px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(50, 50, 93, 0.07);
}

.shadow--200 {
  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.04), 0 5px 5px rgba(206, 132, 132, 0.05), 0 15px 30px rgba(50, 50, 93, 0.08);
}

.shadow--300 {
  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.04), 0 7.5px 9px rgba(0, 0, 0, 0.05), 0 24px 48px rgba(50, 50, 93, 0.09);
}

.shadow--400 {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.03), 0 10px 15px rgba(0, 0, 0, 0.07), 0 32px 72px rgba(50, 50, 93, 0.12);
}

p a,
.has-font-100 a {
  text-decoration: underline;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-secondary-400);
}

p a:hover,
.has-font-100 a:hover {
  color: var(--color-secondary-300);
}

.has-font-200 a {
  text-decoration: underline;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-secondary-400);
  font-size: 1.25rem;
  line-height: 2rem;
}

@media screen and (max-width: 767px) {
  .has-font-200 a {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.link {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-secondary-400);
}

.link::before, .link::after {
  display: inline-block;
  font-family: smartdesign-icons;
  vertical-align: bottom;
  transition-timing-function: ease;
  transition-duration: 150ms;
  transition-property: transform;
}

.link.link--200 {
  font-size: 1.25rem;
  line-height: 2rem;
}

@media screen and (max-width: 767px) {
  .link.link--200 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.link::before {
  padding-right: 0.25em;
}

.link::after {
  padding-left: 0.25em;
}

.link:hover {
  color: var(--color-secondary-300);
}

.link.link--inline {
  text-decoration: underline;
}

.link.link--primary::after, .link.link--secondary::after {
  content: "long_arrow_right";
}

.link.link--primary:hover::after, .link.link--secondary:hover::after {
  transform: translateX(0.25em);
}

.link.link--external::after {
  color: var(--color-secondary-400);
  content: "long_arrow_top";
}

.link.link--external:hover::after {
  color: var(--color-secondary-300);
  transform: translate(0.25em, -0.25em);
}

.link.link--left-arrow::before {
  content: "long_arrow_left";
}

.link.link--left-arrow:hover::before {
  transform: translateX(-0.25em);
}

.link.link--left-arrow::after {
  content: "";
}

.link.link--no-arrow::after {
  content: "";
}

.link.link--read-more::after {
  content: "arrow_angle_down";
}

.link.link--read-less::after {
  content: "arrow_angle_down";
  transform: rotateX(180deg);
}

:root {
  --ripple-scale: 100;
}

.ripple--dark {
  overflow: hidden;
}

.animation-ripple, .animation-ripple--light, .animation-ripple--dark {
  position: absolute;
  width: 2px;
  height: 2px;
  overflow: hidden;
  border-radius: 50%;
  animation: ripple_effect_animation 0.3s ease-in-out;
}

.animation-ripple--dark {
  background-color: rgba(0, 0, 0, 0.1);
}

.animation-ripple--light {
  background-color: rgba(255, 255, 255, 0.1);
}

@keyframes ripple_effect_animation {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(var(--ripple-scale));
  }
}
/**
TYPOGRAPHY
 */
.has-font-700 {
  font-size: 5rem;
  line-height: 6rem;
}

.has-font-600 {
  font-size: 4.5rem;
  line-height: 5.625rem;
}

@media screen and (max-width: 767px) {
  .has-font-600 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.has-font-500, h1 {
  font-size: 2.75rem;
  line-height: 3.5rem;
}

@media screen and (max-width: 767px) {
  .has-font-500, h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.has-font-400, h2 {
  font-size: 2rem;
  line-height: 2.75rem;
}

@media screen and (max-width: 767px) {
  .has-font-400, h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.has-font-300, h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
}

@media screen and (max-width: 767px) {
  .has-font-300, h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.has-font-200 {
  font-size: 1.25rem;
  line-height: 2rem;
}

@media screen and (max-width: 767px) {
  .has-font-200 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.has-font-100, p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.has-font-75 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.has-font-50 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.m-50 {
  margin: 0.25rem !important;
}

.mt-50, .my-50 {
  margin-top: 0.25rem !important;
}

.mr-50, .mx-50 {
  margin-right: 0.25rem !important;
}

.mb-50, .my-50 {
  margin-bottom: 0.25rem !important;
}

.ml-50, .mx-50 {
  margin-left: 0.25rem !important;
}

.m-75 {
  margin: 0.5rem !important;
}

.mt-75, .my-75 {
  margin-top: 0.5rem !important;
}

.mr-75, .mx-75 {
  margin-right: 0.5rem !important;
}

.mb-75, .my-75 {
  margin-bottom: 0.5rem !important;
}

.ml-75, .mx-75 {
  margin-left: 0.5rem !important;
}

.m-100 {
  margin: 1rem !important;
}

.mt-100, .my-100 {
  margin-top: 1rem !important;
}

.mr-100, .mx-100 {
  margin-right: 1rem !important;
}

.mb-100, .my-100 {
  margin-bottom: 1rem !important;
}

.ml-100, .mx-100 {
  margin-left: 1rem !important;
}

.m-150 {
  margin: 1.5rem !important;
}

.mt-150, .my-150 {
  margin-top: 1.5rem !important;
}

.mr-150, .mx-150 {
  margin-right: 1.5rem !important;
}

.mb-150, .my-150 {
  margin-bottom: 1.5rem !important;
}

.ml-150, .mx-150 {
  margin-left: 1.5rem !important;
}

.m-200 {
  margin: 2rem !important;
}

.mt-200, .my-200 {
  margin-top: 2rem !important;
}

.mr-200, .mx-200 {
  margin-right: 2rem !important;
}

.mb-200, .my-200 {
  margin-bottom: 2rem !important;
}

.ml-200, .mx-200 {
  margin-left: 2rem !important;
}

.m-250 {
  margin: 2.5rem !important;
}

.mt-250, .my-250 {
  margin-top: 2.5rem !important;
}

.mr-250, .mx-250 {
  margin-right: 2.5rem !important;
}

.mb-250, .my-250 {
  margin-bottom: 2.5rem !important;
}

.ml-250, .mx-250 {
  margin-left: 2.5rem !important;
}

.m-300 {
  margin: 3.5rem !important;
}

.mt-300, .my-300 {
  margin-top: 3.5rem !important;
}

.mr-300, .mx-300 {
  margin-right: 3.5rem !important;
}

.mb-300, .my-300 {
  margin-bottom: 3.5rem !important;
}

.ml-300, .mx-300 {
  margin-left: 3.5rem !important;
}

.m-350 {
  margin: 5rem !important;
}

.mt-350, .my-350 {
  margin-top: 5rem !important;
}

.mr-350, .mx-350 {
  margin-right: 5rem !important;
}

.mb-350, .my-350 {
  margin-bottom: 5rem !important;
}

.ml-350, .mx-350 {
  margin-left: 5rem !important;
}

.m-400 {
  margin: 7.5rem !important;
}

.mt-400, .my-400 {
  margin-top: 7.5rem !important;
}

.mr-400, .mx-400 {
  margin-right: 7.5rem !important;
}

.mb-400, .my-400 {
  margin-bottom: 7.5rem !important;
}

.ml-400, .mx-400 {
  margin-left: 7.5rem !important;
}

.m-450 {
  margin: 9.5rem !important;
}

.mt-450, .my-450 {
  margin-top: 9.5rem !important;
}

.mr-450, .mx-450 {
  margin-right: 9.5rem !important;
}

.mb-450, .my-450 {
  margin-bottom: 9.5rem !important;
}

.ml-450, .mx-450 {
  margin-left: 9.5rem !important;
}

.m-500 {
  margin: 12.5rem !important;
}

.mt-500, .my-500 {
  margin-top: 12.5rem !important;
}

.mr-500, .mx-500 {
  margin-right: 12.5rem !important;
}

.mb-500, .my-500 {
  margin-bottom: 12.5rem !important;
}

.ml-500, .mx-500 {
  margin-left: 12.5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0, .py-0 {
  padding-top: 0 !important;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.pb-0, .py-0 {
  padding-bottom: 0 !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.p-50 {
  padding: 0.25rem !important;
}

.pt-50, .py-50 {
  padding-top: 0.25rem !important;
}

.pr-50, .px-50 {
  padding-right: 0.25rem !important;
}

.pb-50, .py-50 {
  padding-bottom: 0.25rem !important;
}

.pl-50, .px-50 {
  padding-left: 0.25rem !important;
}

.p-75 {
  padding: 0.5rem !important;
}

.pt-75, .py-75 {
  padding-top: 0.5rem !important;
}

.pr-75, .px-75 {
  padding-right: 0.5rem !important;
}

.pb-75, .py-75 {
  padding-bottom: 0.5rem !important;
}

.pl-75, .px-75 {
  padding-left: 0.5rem !important;
}

.p-100 {
  padding: 1rem !important;
}

.pt-100, .py-100 {
  padding-top: 1rem !important;
}

.pr-100, .px-100 {
  padding-right: 1rem !important;
}

.pb-100, .py-100 {
  padding-bottom: 1rem !important;
}

.pl-100, .px-100 {
  padding-left: 1rem !important;
}

.p-150 {
  padding: 1.5rem !important;
}

.pt-150, .py-150 {
  padding-top: 1.5rem !important;
}

.pr-150, .px-150 {
  padding-right: 1.5rem !important;
}

.pb-150, .py-150 {
  padding-bottom: 1.5rem !important;
}

.pl-150, .px-150 {
  padding-left: 1.5rem !important;
}

.p-200 {
  padding: 2rem !important;
}

.pt-200, .py-200 {
  padding-top: 2rem !important;
}

.pr-200, .px-200 {
  padding-right: 2rem !important;
}

.pb-200, .py-200 {
  padding-bottom: 2rem !important;
}

.pl-200, .px-200 {
  padding-left: 2rem !important;
}

.p-250 {
  padding: 2.5rem !important;
}

.pt-250, .py-250 {
  padding-top: 2.5rem !important;
}

.pr-250, .px-250 {
  padding-right: 2.5rem !important;
}

.pb-250, .py-250 {
  padding-bottom: 2.5rem !important;
}

.pl-250, .px-250 {
  padding-left: 2.5rem !important;
}

.p-300 {
  padding: 3.5rem !important;
}

.pt-300, .py-300 {
  padding-top: 3.5rem !important;
}

.pr-300, .px-300 {
  padding-right: 3.5rem !important;
}

.pb-300, .py-300 {
  padding-bottom: 3.5rem !important;
}

.pl-300, .px-300 {
  padding-left: 3.5rem !important;
}

.p-350 {
  padding: 5rem !important;
}

.pt-350, .py-350 {
  padding-top: 5rem !important;
}

.pr-350, .px-350 {
  padding-right: 5rem !important;
}

.pb-350, .py-350 {
  padding-bottom: 5rem !important;
}

.pl-350, .px-350 {
  padding-left: 5rem !important;
}

.p-400 {
  padding: 7.5rem !important;
}

.pt-400, .py-400 {
  padding-top: 7.5rem !important;
}

.pr-400, .px-400 {
  padding-right: 7.5rem !important;
}

.pb-400, .py-400 {
  padding-bottom: 7.5rem !important;
}

.pl-400, .px-400 {
  padding-left: 7.5rem !important;
}

.p-450 {
  padding: 9.5rem !important;
}

.pt-450, .py-450 {
  padding-top: 9.5rem !important;
}

.pr-450, .px-450 {
  padding-right: 9.5rem !important;
}

.pb-450, .py-450 {
  padding-bottom: 9.5rem !important;
}

.pl-450, .px-450 {
  padding-left: 9.5rem !important;
}

.p-500 {
  padding: 12.5rem !important;
}

.pt-500, .py-500 {
  padding-top: 12.5rem !important;
}

.pr-500, .px-500 {
  padding-right: 12.5rem !important;
}

.pb-500, .py-500 {
  padding-bottom: 12.5rem !important;
}

.pl-500, .px-500 {
  padding-left: 12.5rem !important;
}

@media screen and (max-width: 1023px) {
  .m-0\:400 {
    margin: 0 !important;
  }

  .mt-0\:400, .my-0\:400 {
    margin-top: 0 !important;
  }

  .mr-0\:400, .mx-0\:400 {
    margin-right: 0 !important;
  }

  .mb-0\:400, .my-0\:400 {
    margin-bottom: 0 !important;
  }

  .ml-0\:400, .mx-0\:400 {
    margin-left: 0 !important;
  }

  .m-50\:400 {
    margin: 0.25rem !important;
  }

  .mt-50\:400, .my-50\:400 {
    margin-top: 0.25rem !important;
  }

  .mr-50\:400, .mx-50\:400 {
    margin-right: 0.25rem !important;
  }

  .mb-50\:400, .my-50\:400 {
    margin-bottom: 0.25rem !important;
  }

  .ml-50\:400, .mx-50\:400 {
    margin-left: 0.25rem !important;
  }

  .m-75\:400 {
    margin: 0.5rem !important;
  }

  .mt-75\:400, .my-75\:400 {
    margin-top: 0.5rem !important;
  }

  .mr-75\:400, .mx-75\:400 {
    margin-right: 0.5rem !important;
  }

  .mb-75\:400, .my-75\:400 {
    margin-bottom: 0.5rem !important;
  }

  .ml-75\:400, .mx-75\:400 {
    margin-left: 0.5rem !important;
  }

  .m-100\:400 {
    margin: 1rem !important;
  }

  .mt-100\:400, .my-100\:400 {
    margin-top: 1rem !important;
  }

  .mr-100\:400, .mx-100\:400 {
    margin-right: 1rem !important;
  }

  .mb-100\:400, .my-100\:400 {
    margin-bottom: 1rem !important;
  }

  .ml-100\:400, .mx-100\:400 {
    margin-left: 1rem !important;
  }

  .m-150\:400 {
    margin: 1.5rem !important;
  }

  .mt-150\:400, .my-150\:400 {
    margin-top: 1.5rem !important;
  }

  .mr-150\:400, .mx-150\:400 {
    margin-right: 1.5rem !important;
  }

  .mb-150\:400, .my-150\:400 {
    margin-bottom: 1.5rem !important;
  }

  .ml-150\:400, .mx-150\:400 {
    margin-left: 1.5rem !important;
  }

  .m-200\:400 {
    margin: 2rem !important;
  }

  .mt-200\:400, .my-200\:400 {
    margin-top: 2rem !important;
  }

  .mr-200\:400, .mx-200\:400 {
    margin-right: 2rem !important;
  }

  .mb-200\:400, .my-200\:400 {
    margin-bottom: 2rem !important;
  }

  .ml-200\:400, .mx-200\:400 {
    margin-left: 2rem !important;
  }

  .m-250\:400 {
    margin: 2.5rem !important;
  }

  .mt-250\:400, .my-250\:400 {
    margin-top: 2.5rem !important;
  }

  .mr-250\:400, .mx-250\:400 {
    margin-right: 2.5rem !important;
  }

  .mb-250\:400, .my-250\:400 {
    margin-bottom: 2.5rem !important;
  }

  .ml-250\:400, .mx-250\:400 {
    margin-left: 2.5rem !important;
  }

  .m-300\:400 {
    margin: 3.5rem !important;
  }

  .mt-300\:400, .my-300\:400 {
    margin-top: 3.5rem !important;
  }

  .mr-300\:400, .mx-300\:400 {
    margin-right: 3.5rem !important;
  }

  .mb-300\:400, .my-300\:400 {
    margin-bottom: 3.5rem !important;
  }

  .ml-300\:400, .mx-300\:400 {
    margin-left: 3.5rem !important;
  }

  .m-350\:400 {
    margin: 5rem !important;
  }

  .mt-350\:400, .my-350\:400 {
    margin-top: 5rem !important;
  }

  .mr-350\:400, .mx-350\:400 {
    margin-right: 5rem !important;
  }

  .mb-350\:400, .my-350\:400 {
    margin-bottom: 5rem !important;
  }

  .ml-350\:400, .mx-350\:400 {
    margin-left: 5rem !important;
  }

  .m-400\:400 {
    margin: 7.5rem !important;
  }

  .mt-400\:400, .my-400\:400 {
    margin-top: 7.5rem !important;
  }

  .mr-400\:400, .mx-400\:400 {
    margin-right: 7.5rem !important;
  }

  .mb-400\:400, .my-400\:400 {
    margin-bottom: 7.5rem !important;
  }

  .ml-400\:400, .mx-400\:400 {
    margin-left: 7.5rem !important;
  }

  .m-450\:400 {
    margin: 9.5rem !important;
  }

  .mt-450\:400, .my-450\:400 {
    margin-top: 9.5rem !important;
  }

  .mr-450\:400, .mx-450\:400 {
    margin-right: 9.5rem !important;
  }

  .mb-450\:400, .my-450\:400 {
    margin-bottom: 9.5rem !important;
  }

  .ml-450\:400, .mx-450\:400 {
    margin-left: 9.5rem !important;
  }

  .m-500\:400 {
    margin: 12.5rem !important;
  }

  .mt-500\:400, .my-500\:400 {
    margin-top: 12.5rem !important;
  }

  .mr-500\:400, .mx-500\:400 {
    margin-right: 12.5rem !important;
  }

  .mb-500\:400, .my-500\:400 {
    margin-bottom: 12.5rem !important;
  }

  .ml-500\:400, .mx-500\:400 {
    margin-left: 12.5rem !important;
  }

  .p-0\:400 {
    padding: 0 !important;
  }

  .pt-0\:400, .py-0\:400 {
    padding-top: 0 !important;
  }

  .pr-0\:400, .px-0\:400 {
    padding-right: 0 !important;
  }

  .pb-0\:400, .py-0\:400 {
    padding-bottom: 0 !important;
  }

  .pl-0\:400, .px-0\:400 {
    padding-left: 0 !important;
  }

  .p-50\:400 {
    padding: 0.25rem !important;
  }

  .pt-50\:400, .py-50\:400 {
    padding-top: 0.25rem !important;
  }

  .pr-50\:400, .px-50\:400 {
    padding-right: 0.25rem !important;
  }

  .pb-50\:400, .py-50\:400 {
    padding-bottom: 0.25rem !important;
  }

  .pl-50\:400, .px-50\:400 {
    padding-left: 0.25rem !important;
  }

  .p-75\:400 {
    padding: 0.5rem !important;
  }

  .pt-75\:400, .py-75\:400 {
    padding-top: 0.5rem !important;
  }

  .pr-75\:400, .px-75\:400 {
    padding-right: 0.5rem !important;
  }

  .pb-75\:400, .py-75\:400 {
    padding-bottom: 0.5rem !important;
  }

  .pl-75\:400, .px-75\:400 {
    padding-left: 0.5rem !important;
  }

  .p-100\:400 {
    padding: 1rem !important;
  }

  .pt-100\:400, .py-100\:400 {
    padding-top: 1rem !important;
  }

  .pr-100\:400, .px-100\:400 {
    padding-right: 1rem !important;
  }

  .pb-100\:400, .py-100\:400 {
    padding-bottom: 1rem !important;
  }

  .pl-100\:400, .px-100\:400 {
    padding-left: 1rem !important;
  }

  .p-150\:400 {
    padding: 1.5rem !important;
  }

  .pt-150\:400, .py-150\:400 {
    padding-top: 1.5rem !important;
  }

  .pr-150\:400, .px-150\:400 {
    padding-right: 1.5rem !important;
  }

  .pb-150\:400, .py-150\:400 {
    padding-bottom: 1.5rem !important;
  }

  .pl-150\:400, .px-150\:400 {
    padding-left: 1.5rem !important;
  }

  .p-200\:400 {
    padding: 2rem !important;
  }

  .pt-200\:400, .py-200\:400 {
    padding-top: 2rem !important;
  }

  .pr-200\:400, .px-200\:400 {
    padding-right: 2rem !important;
  }

  .pb-200\:400, .py-200\:400 {
    padding-bottom: 2rem !important;
  }

  .pl-200\:400, .px-200\:400 {
    padding-left: 2rem !important;
  }

  .p-250\:400 {
    padding: 2.5rem !important;
  }

  .pt-250\:400, .py-250\:400 {
    padding-top: 2.5rem !important;
  }

  .pr-250\:400, .px-250\:400 {
    padding-right: 2.5rem !important;
  }

  .pb-250\:400, .py-250\:400 {
    padding-bottom: 2.5rem !important;
  }

  .pl-250\:400, .px-250\:400 {
    padding-left: 2.5rem !important;
  }

  .p-300\:400 {
    padding: 3.5rem !important;
  }

  .pt-300\:400, .py-300\:400 {
    padding-top: 3.5rem !important;
  }

  .pr-300\:400, .px-300\:400 {
    padding-right: 3.5rem !important;
  }

  .pb-300\:400, .py-300\:400 {
    padding-bottom: 3.5rem !important;
  }

  .pl-300\:400, .px-300\:400 {
    padding-left: 3.5rem !important;
  }

  .p-350\:400 {
    padding: 5rem !important;
  }

  .pt-350\:400, .py-350\:400 {
    padding-top: 5rem !important;
  }

  .pr-350\:400, .px-350\:400 {
    padding-right: 5rem !important;
  }

  .pb-350\:400, .py-350\:400 {
    padding-bottom: 5rem !important;
  }

  .pl-350\:400, .px-350\:400 {
    padding-left: 5rem !important;
  }

  .p-400\:400 {
    padding: 7.5rem !important;
  }

  .pt-400\:400, .py-400\:400 {
    padding-top: 7.5rem !important;
  }

  .pr-400\:400, .px-400\:400 {
    padding-right: 7.5rem !important;
  }

  .pb-400\:400, .py-400\:400 {
    padding-bottom: 7.5rem !important;
  }

  .pl-400\:400, .px-400\:400 {
    padding-left: 7.5rem !important;
  }

  .p-450\:400 {
    padding: 9.5rem !important;
  }

  .pt-450\:400, .py-450\:400 {
    padding-top: 9.5rem !important;
  }

  .pr-450\:400, .px-450\:400 {
    padding-right: 9.5rem !important;
  }

  .pb-450\:400, .py-450\:400 {
    padding-bottom: 9.5rem !important;
  }

  .pl-450\:400, .px-450\:400 {
    padding-left: 9.5rem !important;
  }

  .p-500\:400 {
    padding: 12.5rem !important;
  }

  .pt-500\:400, .py-500\:400 {
    padding-top: 12.5rem !important;
  }

  .pr-500\:400, .px-500\:400 {
    padding-right: 12.5rem !important;
  }

  .pb-500\:400, .py-500\:400 {
    padding-bottom: 12.5rem !important;
  }

  .pl-500\:400, .px-500\:400 {
    padding-left: 12.5rem !important;
  }
}
/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
.textlist {
  padding: 0.5rem 0;
}
.textlist ul,
.textlist ol {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-grey-700);
}
.textlist ul li,
.textlist ol li {
  margin: 0.5rem 0;
}
.textlist ul .textlist__headline,
.textlist ol .textlist__headline {
  font-weight: 700;
  color: var(--color-grey-700);
}
.textlist ul .textlist__headline::after,
.textlist ol .textlist__headline::after {
  white-space: pre;
  content: "\a";
}
.textlist ul {
  padding-left: 1rem;
  text-indent: -1rem;
}
.textlist ul li::before {
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.625rem;
  content: "•";
}
.textlist ol {
  counter-reset: li;
}
.textlist ol li {
  position: relative;
  display: block;
  padding-left: 2rem;
}
.textlist ol li::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2rem;
  content: counter(li, decimal) ".";
  counter-increment: li;
}
.textlist.textlist--50 {
  padding: 0.75rem 0;
}
.textlist.textlist--50 ul,
.textlist.textlist--50 ol {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.textlist.textlist--50 ul li,
.textlist.textlist--50 ol li {
  margin: 0.25rem 0;
}
.textlist.textlist--50 ol li {
  padding-left: 1.5rem;
}
.textlist.textlist--200 > ul {
  padding-left: 2rem;
  text-indent: -2rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
@media screen and (max-width: 767px) {
  .textlist.textlist--200 > ul {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.textlist.textlist--200 > ul li::before {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media screen and (max-width: 767px) {
  .textlist.textlist--200 > ul li::before {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.textlist.textlist--200 > ul li > ul > li {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media screen and (max-width: 767px) {
  .textlist.textlist--200 > ul li > ul > li {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.textlist.textlist--200 > ul li > ul > li::before {
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.625rem;
  content: "•";
  font-size: 1rem;
  line-height: 1.5rem;
}
.textlist.textlist--icon > ul {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
.textlist.textlist--icon > ul li::before {
  position: relative;
  top: 0.125rem;
  margin-right: 0.5rem;
  font-family: smartdesign-icons;
  font-size: 1rem;
  line-height: 1rem;
  content: "check";
}
.textlist.textlist--icon > ul li > ul > li::before {
  top: 0;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.625rem;
  content: "•";
}
.textlist.textlist--icon > ul [data-icon]::before {
  top: 0.125rem;
  content: attr(data-icon);
}
.textlist.textlist--icon.textlist--200 > ul > li::before {
  top: 0.25rem;
  font-size: 1.5rem;
}

/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
/* ---------------------------- DATA-TABLE --------------------------- */
.data-table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  border-radius: 0.5rem;
}
@media screen and (max-width: 425px) {
  .data-table {
    margin-right: -1rem;
  }
}
.data-table table {
  width: 100%;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-grey-700);
  border-collapse: collapse;
  /* need for show border */
  background-color: var(--color-white);
  border-radius: 0.5rem;
}
@media screen and (max-width: 425px) {
  .data-table table {
    width: calc(100% - 16px);
  }
}
.data-table table tr {
  min-height: 3.5rem;
  background-color: var(--color-white);
  border: solid var(--color-grey-200);
  border-width: 1px 0 0;
}
.data-table table tr:first-child {
  border: 0;
}
.data-table table tr:first-child:hover {
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-grey-200);
}
.data-table table tr:hover {
  background-color: var(--color-grey-100);
  border-color: transparent;
}
.data-table table tr:hover + tr {
  border-color: transparent;
}
.data-table table tr:hover td:first-child,
.data-table table tr:hover th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.data-table table tr:hover td:last-child,
.data-table table tr:hover th:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.data-table table tr.is-selected {
  background-color: var(--color-secondary-100);
  border-color: transparent;
}
.data-table table tr.is-selected + tr {
  border-color: transparent;
}
.data-table table tr.is-selected td:first-child,
.data-table table tr.is-selected th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.data-table table tr.is-selected td:last-child,
.data-table table tr.is-selected th:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.data-table table td {
  padding: 1rem;
  text-align: left;
}
.data-table table th {
  padding: 1rem;
  text-align: left;
}
.data-table table .has-no-gutter {
  padding: 0;
}
.data-table--vertical-table-header table tr:first-child:hover {
  background-color: var(--color-grey-100);
  border: 0;
}
.data-table--vertical-table-header table tr:first-child.is-selected {
  background-color: var(--color-secondary-100);
  border-color: transparent;
}
.data-table--200 table td,
.data-table--200 table th {
  padding: 1.5rem 1rem;
}
@media screen and (max-width: 425px) {
  .data-table--mobile {
    white-space: normal;
  }
  .data-table--mobile table {
    background-color: transparent;
  }
  .data-table--mobile table tr {
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    overflow: hidden;
    border-width: 0;
    border-radius: 0.5rem;
  }
  .data-table--mobile table tr:first-child {
    display: none;
  }
  .data-table--mobile table tr td,
.data-table--mobile table tr th {
    border: solid var(--color-grey-200);
    border-width: 1px 0 0;
  }
  .data-table--mobile table tr td:first-child,
.data-table--mobile table tr th:first-child {
    display: inline-block;
    width: 100%;
    border: 0;
    border-radius: 0;
  }
  .data-table--mobile table tr td:last-child,
.data-table--mobile table tr th:last-child {
    border-radius: 0;
  }
  .data-table--mobile table td {
    float: left;
    width: 100%;
  }
  .data-table--mobile.data-table--is-bold tr td:first-child {
    font-weight: 700;
  }
  .data-table--mobile.data-table--vertical-table-header table tr:first-child {
    display: block;
  }
}

li .link {
  display: inline;
  text-decoration: underline;
}

h2 {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.25rem;
  line-height: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

p {
  margin: 0.5rem 0;
}

.bg-alternative-grey {
  background: var(--color-grey-100);
}

.img_caption {
  color: var(--color-grey-400);
  font-size: 0.85rem;
}

.data-table {
  white-space: normal !important;
}

.btn_bar_spacer {
  height: 133px;
}

@media (min-width: 624px) {
  .btn_bar_spacer {
    height: 119px;
  }
}
@media (min-width: 768px) {
  .btn_bar_spacer {
    height: 151px;
  }
}
@media (min-width: 1024px) {
  .btn_bar_spacer {
    height: 97px;
  }
}
/**
ROOT COLORS IMMOWELT

please notice: root and host should be in different rules
for support of some ms edge versions.
 */
:root {
  --color-primary-400: var(--color-yellow-400);
  --color-primary-300: var(--color-yellow-300);
  --color-primary-200: var(--color-yellow-200);
  --color-primary-100: var(--color-yellow-100);
  --color-secondary-400: var(--color-blue-400);
  --color-secondary-300: var(--color-blue-300);
  --color-secondary-200: var(--color-blue-200);
  --color-secondary-100: var(--color-blue-100);
  --color-grey-800: #1c1c21;
  --color-grey-800-rgb: 28, 28, 33;
  --color-grey-700: #303038;
  --color-grey-700-rgb: 48, 48, 56;
  --color-grey-600: #303038;
  --color-grey-500: #6e6e7c;
  --color-grey-400: #94949e;
  --color-grey-300: #cdcdd0;
  --color-grey-200: #e2e2e4;
  --color-grey-100: #f7f7f8;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-red-400: #d10002;
  --color-red-300: #ff4e50;
  --color-red-200: #ff7072;
  --color-red-100: #ffe0e0;
  --color-green-400: #007a4b;
  --color-green-300: #00c176;
  --color-green-200: #00d683;
  --color-green-100: #c5fce7;
  --color-yellow-400: #7a6200;
  --color-yellow-300: #fc0;
  --color-yellow-200: #ffd942;
  --color-yellow-100: #fff6d1;
  --color-blue-400: #007c8a;
  --color-blue-300: #009daf;
  --color-blue-200: #0ab3c7;
  --color-blue-100: #e2fbfd;
  --color-facebook: #3b5998;
  --color-fbmessenger: #0084ff;
  --color-twitter: #1da1f2;
  --color-whatsapp: #25d366;
  --color-linkedin: #0077b5;
  --color-focus: #72c5ff;
  --color-translucent-100: rgba(var(--color-white-rgb), .85);
  --color-translucent-200: rgba(var(--color-grey-800-rgb), .5);
  --color-translucent-300: rgba(var(--color-grey-700-rgb), .85);
}

:host {
  --color-primary-400: var(--color-yellow-400);
  --color-primary-300: var(--color-yellow-300);
  --color-primary-200: var(--color-yellow-200);
  --color-primary-100: var(--color-yellow-100);
  --color-secondary-400: var(--color-blue-400);
  --color-secondary-300: var(--color-blue-300);
  --color-secondary-200: var(--color-blue-200);
  --color-secondary-100: var(--color-blue-100);
  --color-grey-800: #1c1c21;
  --color-grey-800-rgb: 28, 28, 33;
  --color-grey-700: #303038;
  --color-grey-700-rgb: 48, 48, 56;
  --color-grey-600: #303038;
  --color-grey-500: #6e6e7c;
  --color-grey-400: #94949e;
  --color-grey-300: #cdcdd0;
  --color-grey-200: #e2e2e4;
  --color-grey-100: #f7f7f8;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-red-400: #d10002;
  --color-red-300: #ff4e50;
  --color-red-200: #ff7072;
  --color-red-100: #ffe0e0;
  --color-green-400: #007a4b;
  --color-green-300: #00c176;
  --color-green-200: #00d683;
  --color-green-100: #c5fce7;
  --color-yellow-400: #7a6200;
  --color-yellow-300: #fc0;
  --color-yellow-200: #ffd942;
  --color-yellow-100: #fff6d1;
  --color-blue-400: #007c8a;
  --color-blue-300: #009daf;
  --color-blue-200: #0ab3c7;
  --color-blue-100: #e2fbfd;
  --color-facebook: #3b5998;
  --color-fbmessenger: #0084ff;
  --color-twitter: #1da1f2;
  --color-whatsapp: #25d366;
  --color-linkedin: #0077b5;
  --color-focus: #72c5ff;
  --color-translucent-100: rgba(var(--color-white-rgb), .85);
  --color-translucent-200: rgba(var(--color-grey-800-rgb), .5);
  --color-translucent-300: rgba(var(--color-grey-700-rgb), .85);
}

/**
WORKAROUND FOR DUPLICATED MODULE
 */
/**
SIZES
 */
/**
BREAKPOINTS
 */
/**
MEDIAQUERY breakpoints old, deprecated
 */
/**
MEDIAQUERY breakpoints for min-width
 */
/**
MEDIAQUERY breakpoints for max-width
 */
/**
GRID
 */
/* stylelint-disable-next-line */
/**
TRANSITION
 */
/**
FONT WEIGHT - BOLD
Is used in the mixin 'is-bold'
 */
/**
FONTS MAP
Attention the mobile information must be declared as a string.
 */
/**
SHADOWS
 */
/**
OPACITY
 */
/**
BORDER RADIUS
 */
/**
DISABLED MAP
 */
/**
COLOR MAP
 */
/**
PIXEL TO REM CONVERTER
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/functions
 */
/**
GET TYPO PROPERTY FROM FONTS MAP
 */
/**
GET COLOR FROM MAP
 */
/**
GET SHADOW FROM MAP
 */
/**
FLEXBOX
 */
/**
MEDIA QUERY
 */
/**
COLOR SCHEMES
 */
/**
TYPOGRAPHY
☛ http://shared.gitlab-fue1.iwui.net/ui-playground/docs/#/abstract/mixins?id=typography-mixin
 */
/**
FONT WEIGHT - BOLD
 */
/**
TRANSITION
 */
/**
CENTER
 */
/**
CLEARFIX
 */
/**
PADDING & MARGIN
 */
/**
DISABLED
 */
/**
DISABLED SHAKE
 */
/**
OUTLINE FOR FOCUSSED ELEMENTS
 */
/**
@import fonts
 */
body {
  font-family: "immo Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*# sourceMappingURL=iw.css.map */