@charset "UTF-8";
:root {
  --current-background-color: $ui-white;
}

/* reset lists */
/* clearfix */
/* set icon font */
/*	Define global font formats as placeholders
	and extend them where needed
	based on: https://collab-ui.virtual-identity.com/display/NOC/Schrift

	$xsmall:  300px;
	$small:   600px;
	$medium:  768px;
	$large:   992px;
	$desktop: 1024px;
	$xlarge:  1200px; */
mark {
  background-color: transparent;
  color: #43b02a;
}

@font-face {
  font-family: "Ego";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ego/EgofuerUIW04-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Frutiger Neue";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/frutiger-neue/NeueFrutigerfuerUIW04-Book.woff2") format("woff2");
}
@font-face {
  font-family: "Frutiger Neue";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/frutiger-neue/NeueFrutigerfuerUIW04-BkBd.woff2") format("woff2");
}
@font-face {
  font-family: "Sero Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ff-sero/regular/b86ebfde-878e-4559-a718-9bdb71bf7937.woff2") format("woff2"), url("../fonts/ff-sero/regular/c1ae9304-a8c2-4773-95a6-9667be3774e0.woff") format("woff");
}
/**
 * @project       UI
 * @package       html-css-js
 * @author        VI
**/
/**
 * @section icons (links with :before)
**/
/* icons (taken from iconfont) */
@font-face {
  font-family: "UI-IconFont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/icon-font/UI-IconFont.woff") format("woff"), url("../fonts/icon-font/UI-IconFont.ttf") format("truetype"), url("../fonts/icon-font/UI-IconFont.svg#UI-IconFont") format("svg");
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]::before {
  content: attr(data-icon);
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "UI-IconFont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* Use the following CSS code if you want to have a class per icon */
[class*=ui-icon-] {
  text-decoration: none;
}
[class*=ui-icon-]::before {
  color: #00358e;
  display: inline-block;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "UI-IconFont";
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  hyphens: auto;
  margin-right: 7px;
  speak: none;
  text-decoration: none;
  text-transform: none;
}
[class*=ui-icon-].large::before {
  font-size: 38px;
  left: 1px;
  margin-right: 12px;
  position: relative;
  top: 4px;
}
[class*=ui-icon-].no-icon::before {
  content: "";
  display: none;
}

.content a[class*=ui-icon-]:not(.btn) {
  text-decoration: underline;
}
.content a[class*=ui-icon-]:not(.btn)::before {
  text-decoration: none;
}

/* special before colors for haken und achtung */
.ui-icon-haken::before {
  color: #43b02a;
}

.ui-icon-achtung::before {
  color: #e42444;
}

/* added 2018-09-21 */
.ui-icon-blog::before {
  content: "\e94c";
}

/* added 2020-03-08 */
.ui-icon-quote::before {
  content: "\e94e";
}

.ui-icon-touchhand::before {
  content: "\e94f";
}

/* added 2020-03-06 */
.ui-icon-kopieren::before {
  content: "\e94d";
}

/* added 2018-07-24 */
.ui-icon-risikosparziele::before {
  content: "\e94b";
}

.ui-icon-risikokursschwankungen::before {
  content: "\e943";
}

.ui-icon-risikodurchschnittspreis::before {
  content: "\e94a";
}

.ui-icon-vorteilflexibilitaet::before {
  content: "\e948";
}

.ui-icon-vorteildurchschnittspreis::before {
  content: "\e942";
}

.ui-icon-vorteilstreuung::before {
  content: "\e949";
}

/* added 2018-06-15 */
.ui-icon-wecker::before {
  content: "\e93f";
}

.ui-icon-geschenk::before {
  content: "\e940";
}

.ui-icon-stier::before {
  content: "\e941";
}

/* added 2017-11-08 */
.ui-icon-aktienmaerkte::before {
  content: "\e93a";
}

.ui-icon-aktives-vermoegensmanagement::before {
  content: "\e93b";
}

.ui-icon-anleihen::before {
  content: "\e93c";
}

.ui-icon-emerging-markets::before {
  content: "\e93d";
}

.ui-icon-immobilien::before {
  content: "\e93e";
}

.ui-icon-kurzfristig-geld-parken::before {
  content: "\e944";
}

.ui-icon-mischung-anlageklassen::before {
  content: "\e945";
}

.ui-icon-nachhaltigkeit::before {
  content: "\e946";
}

.ui-icon-rohstoffmaerkte::before {
  content: "\e947";
}

/* added 2017-06-21 */
.ui-icon-whatsapp::before {
  content: "\e939";
}

.ui-icon-wohnimmobilie::before {
  content: "\e938";
}

.ui-icon-immobilienvermoegen-wohnimmobilien::before {
  content: "\e937";
}

.ui-icon-flaeche-wohnimmobilien-weltweit::before {
  content: "\e936";
}

/* added 2017-04-24 */
.ui-icon-blogkommentar::before {
  content: "\e935";
}

/* added 2017-04-12 */
.ui-icon-noOnlineBanking::before {
  content: "\e934";
}

/* added 2017-04-11 */
.ui-icon-anzahl-objekte::before {
  content: "\e92c";
}

.ui-icon-anzahl-standorte::before {
  content: "\e92d";
}

.ui-icon-anzahl-zertifizierte-objekte::before {
  content: "\e92e";
}

.ui-icon-art_des_objektes::before {
  content: "\e92f";
}

.ui-icon-baujahr::before {
  content: "\e930";
}

.ui-icon-grundstuecksgroesse::before {
  content: "\e931";
}

.ui-icon-nutzflaeche::before {
  content: "\e932";
}

.ui-icon-zertifizierung::before {
  content: "\e933";
}

/* added 2017-04-03 */
.ui-icon-anteil-am-immobilienvermoegen-in-prozent::before {
  content: "\e912";
}

.ui-icon-anteil-auslandsimmobilienvermoegen::before {
  content: "\e913";
}

.ui-icon-anzahl-immobilien-weltweit::before {
  content: "\e914";
}

.ui-icon-anzahl-laeden::before {
  content: "\e915";
}

.ui-icon-anzahl-projektentwicklungen::before {
  content: "\e917";
}

.ui-icon-anzahl-servicemandate::before {
  content: "\e919";
}

.ui-icon-anzahl-zimmer::before {
  content: "\e91a";
}

.ui-icon-ausstattung::before {
  content: "\e91b";
}

.ui-icon-besonderheiten-des-gebaeudes::before {
  content: "\e91c";
}

.ui-icon-bueroimmobilie::before {
  content: "\e91d";
}

.ui-icon-durchschnittliches-ankaufsvolumen::before {
  content: "\e91e";
}

.ui-icon-durchschnittliches-verkaufsvolumen::before {
  content: "\e91f";
}

.ui-icon-einzelhandelsimmobilie::before {
  content: "\e920";
}

.ui-icon-erwerbsjahr::before {
  content: "\e921";
}

.ui-icon-hotelimmobilie::before {
  content: "\e922";
}

.ui-icon-immobilienvermoegen::before {
  content: "\e923";
}

.ui-icon-immobilienvermoegen-buero::before {
  content: "\e924";
}

.ui-icon-immobilienvermoegen-einzelhandel::before {
  content: "\e925";
}

.ui-icon-immobilienvermoegen-hotel::before {
  content: "\e926";
}

.ui-icon-immobilienvermoegen-logistik::before {
  content: "\e927";
}

.ui-icon-liste::before {
  content: "\e928";
}

.ui-icon-logistikimmobilie::before {
  content: "\e929";
}

.ui-icon-reduktion-leerstand::before {
  content: "\e92a";
}

.ui-icon-vermietungsquote::before {
  content: "\e92b";
}

/* added 2017-03-08 */
.ui-icon-tagging::before {
  content: "\e918";
}

/* added 2016-12-15 */
.ui-icon-cityquartier::before {
  content: "\e916";
}

/* added 2016-09-08 */
.ui-icon-chat::before {
  content: "\e911";
}

/* added 2016-08-30 */
.ui-icon-pfeilspitze::before {
  content: "\e910";
}

/* added 2016-08-18 */
.ui-icon-dokumentmonatsbericht::before {
  content: "\e90f";
}

/* added 2016-08-08 */
.ui-icon-checkbox-filter::before {
  content: "\e90d";
}

/* added 2016-08-03 */
.ui-icon-aktuellewertsicherungsgrenze::before {
  content: "\e907";
}

.ui-icon-erfolgsabhaengige::before {
  content: "\e908";
}

.ui-icon-fondsart::before {
  content: "\e909";
}

.ui-icon-garantiertermindestanteilwert::before {
  content: "\e90a";
}

.ui-icon-laufendekosten::before {
  content: "\e90b";
}

.ui-icon-laufzeitende::before {
  content: "\e90c";
}

.ui-icon-voraussichtlichepartizipationsrate::before {
  content: "\e90e";
}

/* added 2016-07-11 */
.ui-icon-uebersicht::before {
  content: "\e906";
}

/* added 2016-06-17 */
.ui-icon-glocke::before {
  content: "\e905";
}

/* added 2016-06-02 */
.ui-icon-verschieben::before {
  content: "\e902";
}

.ui-icon-filter::before {
  content: "\e904";
}

/* added 2016-05-30 */
.ui-icon-vimeo::before {
  content: "\e903";
}

/* added 2016-02-29 */
.ui-icon-mehrfunktionen::before {
  content: "\e900";
}

.ui-icon-rating::before {
  content: "\e901";
}

/* added 2015-10-14 */
.ui-icon-dokumenthtml::before {
  content: "\e800";
}

/* added 2015-09-29 */
.ui-icon-mute::before {
  content: "\e673";
}

/* added 2015-09-23 */
.ui-icon-externerlink::before {
  content: "\e671";
}

.ui-icon-internerlink::before {
  content: "\e672";
}

/* added 2015-09-21 */
.ui-icon-fondsmaterialien::before {
  content: "\e66d";
}

.ui-icon-dokumentimage::before {
  content: "\e66e";
}

.ui-icon-dokumentppt::before {
  content: "\e66f";
}

.ui-icon-dokumentxls::before {
  content: "\e670";
}

/* added 2015-08-20 */
.ui-icon-daumenhoch::before {
  content: "\e66a";
}

.ui-icon-daumenrunter::before {
  content: "\e66b";
}

.ui-icon-produkt::before {
  content: "\e66c";
}

/* end */
/* added 2015-08-11 */
.ui-icon-gps::before {
  content: "\e667";
}

.ui-icon-merken::before {
  content: "\e668";
}

.ui-icon-navigation::before {
  content: "\e669";
}

/* end */
/* added 2015-08-04 */
.ui-icon-ruecknahmeabschlag::before {
  content: "\e65e";
}

.ui-icon-garantieniveau::before {
  content: "\e65f";
}

.ui-icon-partizipationsrate::before {
  content: "\e660";
}

.ui-icon-fondsalter::before {
  content: "\e661";
}

.ui-icon-fondsvolumen::before {
  content: "\e662";
}

.ui-icon-cap::before {
  content: "\e663";
}

.ui-icon-kosten::before {
  content: "\e664";
}

.ui-icon-ertragsverwendung::before {
  content: "\e665";
}

.ui-icon-ausgabeaufschlag::before {
  content: "\e666";
}

/* end */
.ui-icon-uibildmarke::before {
  content: "󦖢";
}

.ui-icon-dokumente::before {
  content: "\e65b";
}

.ui-icon-sprungmarke::before {
  content: "\e65c";
}

.ui-icon-video::before {
  content: "\e65d";
}

.ui-icon-faq::before {
  content: "\e652";
}

.ui-icon-fonds::before {
  content: "\e653";
}

.ui-icon-kind::before {
  content: "\e654";
}

.ui-icon-kontaktpunkte::before {
  content: "\e655";
}

.ui-icon-lexikon::before {
  content: "\e656";
}

.ui-icon-dokumentpif::before {
  content: "\e657";
}

.ui-icon-schloss::before {
  content: "\e658";
}

.ui-icon-dokumentwai::before {
  content: "\e659";
}

.ui-icon-website::before {
  content: "\e65a";
}

.ui-icon-tuer::before {
  content: "\e650";
}

.ui-icon-at::before {
  content: "\e651";
}

.ui-icon-schliessenrund::before {
  content: "\e64f";
}

.ui-icon-achtung::before {
  content: "\e600";
}

.ui-icon-achtungrund::before {
  content: "\e601";
}

.ui-icon-arbeitsplatzausstattung::before {
  content: "\e602";
}

.ui-icon-ausgezeichnetesunternehmen::before {
  content: "\e603";
}

.ui-icon-betrieblichealtersvorsorge::before {
  content: "\e604";
}

.ui-icon-betriebssportsportfoerderung::before {
  content: "\e605";
}

.ui-icon-bewerbung::before {
  content: "\e606";
}

.ui-icon-bewerbungsstatus::before {
  content: "\e607";
}

.ui-icon-bewerten::before {
  content: "\e608";
}

.ui-icon-bezuschusstesmittagessen::before {
  content: "\e609";
}

.ui-icon-dienstfahrzeug::before {
  content: "\e60a";
}

.ui-icon-dokumentdoc::before {
  content: "\e60b";
}

.ui-icon-dokumentpdf::before {
  content: "\e60c";
}

.ui-icon-downloads::before {
  content: "\e60d";
}

.ui-icon-drucken::before {
  content: "\e60e";
}

.ui-icon-einstellungen::before {
  content: "\e60f";
}

.ui-icon-entfernen::before {
  content: "\e610";
}

.ui-icon-facebook::before {
  content: "\e611";
}

.ui-icon-flexiblearbeitszeiten::before {
  content: "\e612";
}

.ui-icon-gesundheitsangebotebetriebsarzt::before {
  content: "\e613";
}

.ui-icon-googleplus::before {
  content: "\e614";
}

.ui-icon-guteanbindungverkehrsmittel::before {
  content: "\e615";
}

.ui-icon-haken::before {
  content: "\e616";
}

.ui-icon-hakenrund::before {
  content: "\e617";
}

.ui-icon-hilfe::before {
  content: "\e618";
}

.ui-icon-hinzufuegen::before {
  content: "\e619";
}

.ui-icon-info-i::before {
  content: "\e61a";
}

.ui-icon-jobabo::before {
  content: "\e61b";
}

.ui-icon-jobmerken::before {
  content: "\e61c";
}

.ui-icon-jobticketfahrtkostenzuschuss::before {
  content: "\e61d";
}

.ui-icon-kalender::before {
  content: "\e61e";
}

.ui-icon-kinderbetreuung::before {
  content: "\e61f";
}

.ui-icon-korrespondenz::before {
  content: "\e620";
}

.ui-icon-kurschart::before {
  content: "\e621";
}

.ui-icon-laenderauswahl::before {
  content: "\e622";
}

.ui-icon-lauterleiser::before {
  content: "\e623";
}

.ui-icon-leistungsorientiertebezahlung::before {
  content: "\e624";
}

.ui-icon-linkedin::before {
  content: "\e625";
}

.ui-icon-location::before {
  content: "\e626";
}

.ui-icon-login::before {
  content: "\e627";
}

.ui-icon-logo::before {
  content: "\e628";
}

.ui-icon-mitarbeiterbeteiligung::before {
  content: "\e629";
}

.ui-icon-mitarbeiterrabatte::before {
  content: "\e62a";
}

.ui-icon-mobilemenue::before {
  content: "\e62b";
}

.ui-icon-muelltonne::before {
  content: "\e62c";
}

.ui-icon-neuesfenster::before {
  content: "\e62d";
}

.ui-icon-neuesfensterrund::before {
  content: "\e62e";
}

.ui-icon-neuladen::before {
  content: "\e62f";
}

.ui-icon-partnerschaftlicheunternehmenskultur::before {
  content: "\e630";
}

.ui-icon-pause::before {
  content: "\e631";
}

.ui-icon-pfeilhoch::before {
  content: "\e632";
}

.ui-icon-pfeillinks::before {
  content: "\e633";
}

.ui-icon-pfeilrechts::before {
  content: "\e634";
}

.ui-icon-pfeilrunter::before {
  content: "\e635";
}

.ui-icon-pfeilspitzehoch::before {
  content: "\e636";
}

.ui-icon-pfeilspitzelinks::before {
  content: "\e637";
}

.ui-icon-pfeilspitzerechts::before {
  content: "\e638";
}

.ui-icon-pfeilspitzerunter::before {
  content: "\e639";
}

.ui-icon-play::before {
  content: "\e63a";
}

.ui-icon-rechner::before {
  content: "\e63b";
}

.ui-icon-risiko::before {
  content: "\e63c";
}

.ui-icon-risikoklasse::before {
  content: "\e63d";
}

/* risk colors */
.ui-icon-risikoklasse--1::before {
  color: #017dc3;
}

.ui-icon-risikoklasse--2::before {
  color: #00a57d;
}

.ui-icon-risikoklasse--3::before {
  color: #fff000;
}

.ui-icon-risikoklasse--4::before {
  color: #fa9b1e;
}

.ui-icon-risikoklasse--5::before {
  color: #f00;
}

.ui-icon-rssfeed::before {
  content: "\e63e";
}

.ui-icon-schliessen::before {
  content: "\e63f";
}

.ui-icon-smartphone::before {
  content: "\e640";
}

.ui-icon-sortierenabsteigend::before {
  content: "\e641";
}

.ui-icon-sortierenaufsteigend::before {
  content: "\e642";
}

.ui-icon-start::before {
  content: "\e643";
}

.ui-icon-stopp::before {
  content: "\e644";
}

.ui-icon-suche::before {
  content: "\e645";
}

.ui-icon-talentprofil::before {
  content: "\e646";
}

.ui-icon-teilen::before {
  content: "\e647";
}

.ui-icon-telefax::before {
  content: "\e648";
}

.ui-icon-telefon::before {
  content: "\e649";
}

.ui-icon-toolbox::before {
  content: "\e64a";
}

.ui-icon-twitter::before {
  content: "\e64b";
}

.ui-icon-vergroessern::before {
  content: "\e64c";
}

.ui-icon-verkleinern::before {
  content: "\e64d";
}

.ui-icon-vermoegenswirksameleistung::before {
  content: "\e64e";
}

.ui-icon-weiterbildung::before {
  content: "\e67c";
}

.ui-icon-xing::before {
  content: "\e67d";
}

.ui-icon-youtube::before {
  content: "\e67e";
}

.ui-icon-zentralelageguteinfrastruktur::before {
  content: "\e67f";
}

.ui-icon-zumende::before {
  content: "\e680";
}

.ui-icon-zumstart::before {
  content: "\e681";
}

/* added 2021-10-05 */
.ui-icon-dokumentpif-new:before {
  content: "\e98c";
}

.ui-icon-dokumentwai-new:before {
  content: "\e98d";
}

*, *:before, *:after {
  box-sizing: border-box;
}

wbr::after {
  content: "​";
}

/* Global paragraph reset */
p {
  margin: 0;
}

/* Reset mark element */
section::after {
  position: relative;
  top: 60px;
  display: block !important;
  border-top: 1px solid #c3c3c3;
  content: "";
  padding-bottom: 60px;
  margin: 0 1.5625%;
  width: 100%;
}
section.no-divider::after, section:last-of-type::after {
  border-top: none;
  display: inherit;
  padding-bottom: 0;
  margin: 0;
}
section > .divider {
  margin-left: 1.5625%;
  margin-right: 1.5625%;
}

/* default container row */
.row {
  max-width: 1315px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2.9296875%;
  display: block;
}
.row:after {
  content: " ";
  display: block;
  clear: both;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}

.nested-row {
  max-width: 1315px;
  margin-left: auto;
  margin-right: auto;
}
.nested-row:after {
  content: " ";
  display: block;
  clear: both;
}
.nested-row::before, .nested-row::after {
  content: " ";
  display: table;
}
.nested-row::after {
  clear: both;
}

.inner-row {
  max-width: 1315px;
  margin-left: auto;
  margin-right: auto;
}
.inner-row:after {
  content: " ";
  display: block;
  clear: both;
}
.inner-row::before, .inner-row::after {
  content: " ";
  display: table;
}
.inner-row::after {
  clear: both;
}
.inner-row .nested-row > .xs-12 {
  width: 100%;
}

/* default grid elements with a single breakpoint */
.xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {
  padding-left: 1.5625%;
  padding-right: 1.5625%;
}

@media (min-width: 300px) {
  .xs-1 {
    width: 8.3333333333%;
    float: left;
  }
  .xs-1 .nested-row {
    margin-left: -18.75%;
    margin-right: -18.75%;
  }
  .xs-1 .inner-row {
    margin-left: -30%;
    margin-right: -30%;
  }
  .xs-1 .inner-row [class*=ir-] {
    padding-left: 18.75%;
    padding-right: 18.75%;
  }
  .xs-2 {
    width: 16.6666666667%;
    float: left;
  }
  .xs-2 .nested-row {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .xs-2 .inner-row {
    margin-left: -11.5384615385%;
    margin-right: -11.5384615385%;
  }
  .xs-2 .inner-row [class*=ir-] {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
  .xs-3 {
    width: 25%;
    float: left;
  }
  .xs-3 .nested-row {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .xs-3 .inner-row {
    margin-left: -7.1428571429%;
    margin-right: -7.1428571429%;
  }
  .xs-3 .inner-row [class*=ir-] {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
  .xs-4 {
    width: 33.3333333333%;
    float: left;
  }
  .xs-4 .nested-row {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .xs-4 .inner-row {
    margin-left: -5.1724137931%;
    margin-right: -5.1724137931%;
  }
  .xs-4 .inner-row [class*=ir-] {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
  .xs-5 {
    width: 41.6666666667%;
    float: left;
  }
  .xs-5 .nested-row {
    margin-left: -3.75%;
    margin-right: -3.75%;
  }
  .xs-5 .inner-row {
    margin-left: -4.0540540541%;
    margin-right: -4.0540540541%;
  }
  .xs-5 .inner-row [class*=ir-] {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
  .xs-6 {
    width: 50%;
    float: left;
  }
  .xs-6 .nested-row {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .xs-6 .inner-row {
    margin-left: -3.3333333333%;
    margin-right: -3.3333333333%;
  }
  .xs-6 .inner-row [class*=ir-] {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .xs-7 {
    width: 58.3333333333%;
    float: left;
  }
  .xs-7 .nested-row {
    margin-left: -2.6785714286%;
    margin-right: -2.6785714286%;
  }
  .xs-7 .inner-row {
    margin-left: -2.8301886792%;
    margin-right: -2.8301886792%;
  }
  .xs-7 .inner-row [class*=ir-] {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%;
  }
  .xs-8 {
    width: 66.6666666667%;
    float: left;
  }
  .xs-8 .nested-row {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .xs-8 .inner-row {
    margin-left: -2.4590163934%;
    margin-right: -2.4590163934%;
  }
  .xs-8 .inner-row [class*=ir-] {
    padding-left: 2.34375%;
    padding-right: 2.34375%;
  }
  .xs-9 {
    width: 75%;
    float: left;
  }
  .xs-9 .nested-row {
    margin-left: -2.0833333333%;
    margin-right: -2.0833333333%;
  }
  .xs-9 .inner-row {
    margin-left: -2.1739130435%;
    margin-right: -2.1739130435%;
  }
  .xs-9 .inner-row [class*=ir-] {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .xs-10 {
    width: 83.3333333333%;
    float: left;
  }
  .xs-10 .nested-row {
    margin-left: -1.875%;
    margin-right: -1.875%;
  }
  .xs-10 .inner-row {
    margin-left: -1.9480519481%;
    margin-right: -1.9480519481%;
  }
  .xs-10 .inner-row [class*=ir-] {
    padding-left: 1.875%;
    padding-right: 1.875%;
  }
  .xs-11 {
    width: 91.6666666667%;
    float: left;
  }
  .xs-11 .nested-row {
    margin-left: -1.7045454545%;
    margin-right: -1.7045454545%;
  }
  .xs-11 .inner-row {
    margin-left: -1.7647058824%;
    margin-right: -1.7647058824%;
  }
  .xs-11 .inner-row [class*=ir-] {
    padding-left: 1.7045454545%;
    padding-right: 1.7045454545%;
  }
  .xs-12 {
    width: 100%;
    float: left;
  }
  .xs-12 .nested-row {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .xs-12 .inner-row {
    margin-left: -1.6129032258%;
    margin-right: -1.6129032258%;
  }
  .xs-12 .inner-row [class*=ir-] {
    padding-left: 1.5625%;
    padding-right: 1.5625%;
  }
  .ir-xs-100 {
    width: 100%;
    float: left;
  }
  .ir-xs-75 {
    width: 75%;
    float: left;
  }
  .ir-xs-66 {
    width: 66.6666666667%;
    float: left;
  }
  .ir-xs-50 {
    width: 50%;
    float: left;
  }
  .ir-xs-33 {
    width: 33.3333333333%;
    float: left;
  }
  .ir-xs-25 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 600px) {
  .sm-1 {
    width: 8.3333333333%;
    float: left;
  }
  .sm-1 .nested-row {
    margin-left: -18.75%;
    margin-right: -18.75%;
  }
  .sm-1 .inner-row {
    margin-left: -30%;
    margin-right: -30%;
  }
  .sm-1 .inner-row [class*=ir-] {
    padding-left: 18.75%;
    padding-right: 18.75%;
  }
  .sm-2 {
    width: 16.6666666667%;
    float: left;
  }
  .sm-2 .nested-row {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .sm-2 .inner-row {
    margin-left: -11.5384615385%;
    margin-right: -11.5384615385%;
  }
  .sm-2 .inner-row [class*=ir-] {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
  .sm-3 {
    width: 25%;
    float: left;
  }
  .sm-3 .nested-row {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .sm-3 .inner-row {
    margin-left: -7.1428571429%;
    margin-right: -7.1428571429%;
  }
  .sm-3 .inner-row [class*=ir-] {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
  .sm-4 {
    width: 33.3333333333%;
    float: left;
  }
  .sm-4 .nested-row {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .sm-4 .inner-row {
    margin-left: -5.1724137931%;
    margin-right: -5.1724137931%;
  }
  .sm-4 .inner-row [class*=ir-] {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
  .sm-5 {
    width: 41.6666666667%;
    float: left;
  }
  .sm-5 .nested-row {
    margin-left: -3.75%;
    margin-right: -3.75%;
  }
  .sm-5 .inner-row {
    margin-left: -4.0540540541%;
    margin-right: -4.0540540541%;
  }
  .sm-5 .inner-row [class*=ir-] {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
  .sm-6 {
    width: 50%;
    float: left;
  }
  .sm-6 .nested-row {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .sm-6 .inner-row {
    margin-left: -3.3333333333%;
    margin-right: -3.3333333333%;
  }
  .sm-6 .inner-row [class*=ir-] {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .sm-7 {
    width: 58.3333333333%;
    float: left;
  }
  .sm-7 .nested-row {
    margin-left: -2.6785714286%;
    margin-right: -2.6785714286%;
  }
  .sm-7 .inner-row {
    margin-left: -2.8301886792%;
    margin-right: -2.8301886792%;
  }
  .sm-7 .inner-row [class*=ir-] {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%;
  }
  .sm-8 {
    width: 66.6666666667%;
    float: left;
  }
  .sm-8 .nested-row {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .sm-8 .inner-row {
    margin-left: -2.4590163934%;
    margin-right: -2.4590163934%;
  }
  .sm-8 .inner-row [class*=ir-] {
    padding-left: 2.34375%;
    padding-right: 2.34375%;
  }
  .sm-9 {
    width: 75%;
    float: left;
  }
  .sm-9 .nested-row {
    margin-left: -2.0833333333%;
    margin-right: -2.0833333333%;
  }
  .sm-9 .inner-row {
    margin-left: -2.1739130435%;
    margin-right: -2.1739130435%;
  }
  .sm-9 .inner-row [class*=ir-] {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .sm-10 {
    width: 83.3333333333%;
    float: left;
  }
  .sm-10 .nested-row {
    margin-left: -1.875%;
    margin-right: -1.875%;
  }
  .sm-10 .inner-row {
    margin-left: -1.9480519481%;
    margin-right: -1.9480519481%;
  }
  .sm-10 .inner-row [class*=ir-] {
    padding-left: 1.875%;
    padding-right: 1.875%;
  }
  .sm-11 {
    width: 91.6666666667%;
    float: left;
  }
  .sm-11 .nested-row {
    margin-left: -1.7045454545%;
    margin-right: -1.7045454545%;
  }
  .sm-11 .inner-row {
    margin-left: -1.7647058824%;
    margin-right: -1.7647058824%;
  }
  .sm-11 .inner-row [class*=ir-] {
    padding-left: 1.7045454545%;
    padding-right: 1.7045454545%;
  }
  .sm-12 {
    width: 100%;
    float: left;
  }
  .sm-12 .nested-row {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .sm-12 .inner-row {
    margin-left: -1.6129032258%;
    margin-right: -1.6129032258%;
  }
  .sm-12 .inner-row [class*=ir-] {
    padding-left: 1.5625%;
    padding-right: 1.5625%;
  }
  .ir-sm-100 {
    width: 100%;
    float: left;
  }
  .ir-sm-75 {
    width: 75%;
    float: left;
  }
  .ir-sm-66 {
    width: 66.6666666667%;
    float: left;
  }
  .ir-sm-50 {
    width: 50%;
    float: left;
  }
  .ir-sm-33 {
    width: 33.3333333333%;
    float: left;
  }
  .ir-sm-25 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 768px) {
  .md-1 {
    width: 8.3333333333%;
    float: left;
  }
  .md-1 .nested-row {
    margin-left: -18.75%;
    margin-right: -18.75%;
  }
  .md-1 .inner-row {
    margin-left: -30%;
    margin-right: -30%;
  }
  .md-1 .inner-row [class*=ir-] {
    padding-left: 18.75%;
    padding-right: 18.75%;
  }
  .md-2 {
    width: 16.6666666667%;
    float: left;
  }
  .md-2 .nested-row {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .md-2 .inner-row {
    margin-left: -11.5384615385%;
    margin-right: -11.5384615385%;
  }
  .md-2 .inner-row [class*=ir-] {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
  .md-3 {
    width: 25%;
    float: left;
  }
  .md-3 .nested-row {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .md-3 .inner-row {
    margin-left: -7.1428571429%;
    margin-right: -7.1428571429%;
  }
  .md-3 .inner-row [class*=ir-] {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
  .md-4 {
    width: 33.3333333333%;
    float: left;
  }
  .md-4 .nested-row {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .md-4 .inner-row {
    margin-left: -5.1724137931%;
    margin-right: -5.1724137931%;
  }
  .md-4 .inner-row [class*=ir-] {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
  .md-5 {
    width: 41.6666666667%;
    float: left;
  }
  .md-5 .nested-row {
    margin-left: -3.75%;
    margin-right: -3.75%;
  }
  .md-5 .inner-row {
    margin-left: -4.0540540541%;
    margin-right: -4.0540540541%;
  }
  .md-5 .inner-row [class*=ir-] {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
  .md-6 {
    width: 50%;
    float: left;
  }
  .md-6 .nested-row {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .md-6 .inner-row {
    margin-left: -3.3333333333%;
    margin-right: -3.3333333333%;
  }
  .md-6 .inner-row [class*=ir-] {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .md-7 {
    width: 58.3333333333%;
    float: left;
  }
  .md-7 .nested-row {
    margin-left: -2.6785714286%;
    margin-right: -2.6785714286%;
  }
  .md-7 .inner-row {
    margin-left: -2.8301886792%;
    margin-right: -2.8301886792%;
  }
  .md-7 .inner-row [class*=ir-] {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%;
  }
  .md-8 {
    width: 66.6666666667%;
    float: left;
  }
  .md-8 .nested-row {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .md-8 .inner-row {
    margin-left: -2.4590163934%;
    margin-right: -2.4590163934%;
  }
  .md-8 .inner-row [class*=ir-] {
    padding-left: 2.34375%;
    padding-right: 2.34375%;
  }
  .md-9 {
    width: 75%;
    float: left;
  }
  .md-9 .nested-row {
    margin-left: -2.0833333333%;
    margin-right: -2.0833333333%;
  }
  .md-9 .inner-row {
    margin-left: -2.1739130435%;
    margin-right: -2.1739130435%;
  }
  .md-9 .inner-row [class*=ir-] {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .md-10 {
    width: 83.3333333333%;
    float: left;
  }
  .md-10 .nested-row {
    margin-left: -1.875%;
    margin-right: -1.875%;
  }
  .md-10 .inner-row {
    margin-left: -1.9480519481%;
    margin-right: -1.9480519481%;
  }
  .md-10 .inner-row [class*=ir-] {
    padding-left: 1.875%;
    padding-right: 1.875%;
  }
  .md-11 {
    width: 91.6666666667%;
    float: left;
  }
  .md-11 .nested-row {
    margin-left: -1.7045454545%;
    margin-right: -1.7045454545%;
  }
  .md-11 .inner-row {
    margin-left: -1.7647058824%;
    margin-right: -1.7647058824%;
  }
  .md-11 .inner-row [class*=ir-] {
    padding-left: 1.7045454545%;
    padding-right: 1.7045454545%;
  }
  .md-12 {
    width: 100%;
    float: left;
  }
  .md-12 .nested-row {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .md-12 .inner-row {
    margin-left: -1.6129032258%;
    margin-right: -1.6129032258%;
  }
  .md-12 .inner-row [class*=ir-] {
    padding-left: 1.5625%;
    padding-right: 1.5625%;
  }
  .ir-md-100 {
    width: 100%;
    float: left;
  }
  .ir-md-75 {
    width: 75%;
    float: left;
  }
  .ir-md-66 {
    width: 66.6666666667%;
    float: left;
  }
  .ir-md-50 {
    width: 50%;
    float: left;
  }
  .ir-md-33 {
    width: 33.3333333333%;
    float: left;
  }
  .ir-md-25 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 992px) {
  .lg-1 {
    width: 8.3333333333%;
    float: left;
  }
  .lg-1 .nested-row {
    margin-left: -18.75%;
    margin-right: -18.75%;
  }
  .lg-1 .inner-row {
    margin-left: -30%;
    margin-right: -30%;
  }
  .lg-1 .inner-row [class*=ir-] {
    padding-left: 18.75%;
    padding-right: 18.75%;
  }
  .lg-2 {
    width: 16.6666666667%;
    float: left;
  }
  .lg-2 .nested-row {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .lg-2 .inner-row {
    margin-left: -11.5384615385%;
    margin-right: -11.5384615385%;
  }
  .lg-2 .inner-row [class*=ir-] {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
  .lg-3 {
    width: 25%;
    float: left;
  }
  .lg-3 .nested-row {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .lg-3 .inner-row {
    margin-left: -7.1428571429%;
    margin-right: -7.1428571429%;
  }
  .lg-3 .inner-row [class*=ir-] {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
  .lg-4 {
    width: 33.3333333333%;
    float: left;
  }
  .lg-4 .nested-row {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .lg-4 .inner-row {
    margin-left: -5.1724137931%;
    margin-right: -5.1724137931%;
  }
  .lg-4 .inner-row [class*=ir-] {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
  .lg-5 {
    width: 41.6666666667%;
    float: left;
  }
  .lg-5 .nested-row {
    margin-left: -3.75%;
    margin-right: -3.75%;
  }
  .lg-5 .inner-row {
    margin-left: -4.0540540541%;
    margin-right: -4.0540540541%;
  }
  .lg-5 .inner-row [class*=ir-] {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
  .lg-6 {
    width: 50%;
    float: left;
  }
  .lg-6 .nested-row {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .lg-6 .inner-row {
    margin-left: -3.3333333333%;
    margin-right: -3.3333333333%;
  }
  .lg-6 .inner-row [class*=ir-] {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .lg-7 {
    width: 58.3333333333%;
    float: left;
  }
  .lg-7 .nested-row {
    margin-left: -2.6785714286%;
    margin-right: -2.6785714286%;
  }
  .lg-7 .inner-row {
    margin-left: -2.8301886792%;
    margin-right: -2.8301886792%;
  }
  .lg-7 .inner-row [class*=ir-] {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%;
  }
  .lg-8 {
    width: 66.6666666667%;
    float: left;
  }
  .lg-8 .nested-row {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .lg-8 .inner-row {
    margin-left: -2.4590163934%;
    margin-right: -2.4590163934%;
  }
  .lg-8 .inner-row [class*=ir-] {
    padding-left: 2.34375%;
    padding-right: 2.34375%;
  }
  .lg-9 {
    width: 75%;
    float: left;
  }
  .lg-9 .nested-row {
    margin-left: -2.0833333333%;
    margin-right: -2.0833333333%;
  }
  .lg-9 .inner-row {
    margin-left: -2.1739130435%;
    margin-right: -2.1739130435%;
  }
  .lg-9 .inner-row [class*=ir-] {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .lg-10 {
    width: 83.3333333333%;
    float: left;
  }
  .lg-10 .nested-row {
    margin-left: -1.875%;
    margin-right: -1.875%;
  }
  .lg-10 .inner-row {
    margin-left: -1.9480519481%;
    margin-right: -1.9480519481%;
  }
  .lg-10 .inner-row [class*=ir-] {
    padding-left: 1.875%;
    padding-right: 1.875%;
  }
  .lg-11 {
    width: 91.6666666667%;
    float: left;
  }
  .lg-11 .nested-row {
    margin-left: -1.7045454545%;
    margin-right: -1.7045454545%;
  }
  .lg-11 .inner-row {
    margin-left: -1.7647058824%;
    margin-right: -1.7647058824%;
  }
  .lg-11 .inner-row [class*=ir-] {
    padding-left: 1.7045454545%;
    padding-right: 1.7045454545%;
  }
  .lg-12 {
    width: 100%;
    float: left;
  }
  .lg-12 .nested-row {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .lg-12 .inner-row {
    margin-left: -1.6129032258%;
    margin-right: -1.6129032258%;
  }
  .lg-12 .inner-row [class*=ir-] {
    padding-left: 1.5625%;
    padding-right: 1.5625%;
  }
  .ir-lg-100 {
    width: 100%;
    float: left;
  }
  .ir-lg-75 {
    width: 75%;
    float: left;
  }
  .ir-lg-66 {
    width: 66.6666666667%;
    float: left;
  }
  .ir-lg-50 {
    width: 50%;
    float: left;
  }
  .ir-lg-33 {
    width: 33.3333333333%;
    float: left;
  }
  .ir-lg-25 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .dk-1 {
    width: 8.3333333333%;
    float: left;
  }
  .dk-1 .nested-row {
    margin-left: -18.75%;
    margin-right: -18.75%;
  }
  .dk-1 .inner-row {
    margin-left: -30%;
    margin-right: -30%;
  }
  .dk-1 .inner-row [class*=ir-] {
    padding-left: 18.75%;
    padding-right: 18.75%;
  }
  .dk-2 {
    width: 16.6666666667%;
    float: left;
  }
  .dk-2 .nested-row {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .dk-2 .inner-row {
    margin-left: -11.5384615385%;
    margin-right: -11.5384615385%;
  }
  .dk-2 .inner-row [class*=ir-] {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
  .dk-3 {
    width: 25%;
    float: left;
  }
  .dk-3 .nested-row {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .dk-3 .inner-row {
    margin-left: -7.1428571429%;
    margin-right: -7.1428571429%;
  }
  .dk-3 .inner-row [class*=ir-] {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
  .dk-4 {
    width: 33.3333333333%;
    float: left;
  }
  .dk-4 .nested-row {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .dk-4 .inner-row {
    margin-left: -5.1724137931%;
    margin-right: -5.1724137931%;
  }
  .dk-4 .inner-row [class*=ir-] {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
  .dk-5 {
    width: 41.6666666667%;
    float: left;
  }
  .dk-5 .nested-row {
    margin-left: -3.75%;
    margin-right: -3.75%;
  }
  .dk-5 .inner-row {
    margin-left: -4.0540540541%;
    margin-right: -4.0540540541%;
  }
  .dk-5 .inner-row [class*=ir-] {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
  .dk-6 {
    width: 50%;
    float: left;
  }
  .dk-6 .nested-row {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .dk-6 .inner-row {
    margin-left: -3.3333333333%;
    margin-right: -3.3333333333%;
  }
  .dk-6 .inner-row [class*=ir-] {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .dk-7 {
    width: 58.3333333333%;
    float: left;
  }
  .dk-7 .nested-row {
    margin-left: -2.6785714286%;
    margin-right: -2.6785714286%;
  }
  .dk-7 .inner-row {
    margin-left: -2.8301886792%;
    margin-right: -2.8301886792%;
  }
  .dk-7 .inner-row [class*=ir-] {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%;
  }
  .dk-8 {
    width: 66.6666666667%;
    float: left;
  }
  .dk-8 .nested-row {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .dk-8 .inner-row {
    margin-left: -2.4590163934%;
    margin-right: -2.4590163934%;
  }
  .dk-8 .inner-row [class*=ir-] {
    padding-left: 2.34375%;
    padding-right: 2.34375%;
  }
  .dk-9 {
    width: 75%;
    float: left;
  }
  .dk-9 .nested-row {
    margin-left: -2.0833333333%;
    margin-right: -2.0833333333%;
  }
  .dk-9 .inner-row {
    margin-left: -2.1739130435%;
    margin-right: -2.1739130435%;
  }
  .dk-9 .inner-row [class*=ir-] {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .dk-10 {
    width: 83.3333333333%;
    float: left;
  }
  .dk-10 .nested-row {
    margin-left: -1.875%;
    margin-right: -1.875%;
  }
  .dk-10 .inner-row {
    margin-left: -1.9480519481%;
    margin-right: -1.9480519481%;
  }
  .dk-10 .inner-row [class*=ir-] {
    padding-left: 1.875%;
    padding-right: 1.875%;
  }
  .dk-11 {
    width: 91.6666666667%;
    float: left;
  }
  .dk-11 .nested-row {
    margin-left: -1.7045454545%;
    margin-right: -1.7045454545%;
  }
  .dk-11 .inner-row {
    margin-left: -1.7647058824%;
    margin-right: -1.7647058824%;
  }
  .dk-11 .inner-row [class*=ir-] {
    padding-left: 1.7045454545%;
    padding-right: 1.7045454545%;
  }
  .dk-12 {
    width: 100%;
    float: left;
  }
  .dk-12 .nested-row {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .dk-12 .inner-row {
    margin-left: -1.6129032258%;
    margin-right: -1.6129032258%;
  }
  .dk-12 .inner-row [class*=ir-] {
    padding-left: 1.5625%;
    padding-right: 1.5625%;
  }
  .ir-dk-100 {
    width: 100%;
    float: left;
  }
  .ir-dk-75 {
    width: 75%;
    float: left;
  }
  .ir-dk-66 {
    width: 66.6666666667%;
    float: left;
  }
  .ir-dk-50 {
    width: 50%;
    float: left;
  }
  .ir-dk-33 {
    width: 33.3333333333%;
    float: left;
  }
  .ir-dk-25 {
    width: 25%;
    float: left;
  }
}
/* Center and unfloat all grid elements */
.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* remove gutters */
.no-gutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.new-line {
  clear: both;
}

@media (min-width: 768px) {
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .col-md-push-2 {
    margin-left: 16.6666666667%;
  }
}
.ir-xs-100.ir-dk-66 h1,
.ir-xs-100.ir-dk-66 .leadtext {
  max-width: none;
}

.gridDemoSpan,
.gridDemoSpan--sub {
  display: block;
  background-color: #a2d7f6;
  padding: 3px 0 4px;
  color: #404040;
  text-align: center;
}

.row {
  margin-top: -60px;
  margin-bottom: 60px;
  /* special hack to reduce gap between rows to 30px if last child of first row is a leadtext or headline */
}
.row:not(.filtered-out) {
  margin-top: 0;
}
.row:not(.filtered-out) > div {
  margin-top: 30px;
}
.row:not(.filtered-out) ~ .row:not(.filtered-out) {
  margin-top: -60px;
}
.row:not(.filtered-out) ~ .row:not(.filtered-out) > div {
  margin-top: 60px;
}
.row:last-child {
  margin-bottom: 0;
}
.row:first-child .inner-row:first-child .ir-xs-100 {
  margin-top: 0;
}
.row.breadcrumbs-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
.row > div {
  margin-top: 60px;
}
.row > div .inner-row {
  margin-top: 0;
}
.row > div .inner-row:first-child {
  margin-top: -30px;
}
.row > div .inner-row > div {
  margin-top: 30px;
}
.row > div > *:not(ui-cms-anchor):not(.mgnlEditorBarButtons),
.row .inner-row > div > *:not(ui-cms-anchor):not(.mgnlEditorBarButtons) {
  margin-top: 30px;
}
.row > div > *:not(ui-cms-anchor):not(.mgnlEditorBarButtons):first-child,
.row .inner-row > div > *:not(ui-cms-anchor):not(.mgnlEditorBarButtons):first-child {
  margin-top: 0;
}
.row > div > ui-cms-anchor:first-child + *,
.row .inner-row > div > ui-cms-anchor:first-child + * {
  margin-top: 0;
}
#footer .row {
  margin-top: 34px;
  margin-bottom: 34px;
}

body {
  font-family: "Frutiger Neue", "Arial", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background-color: var(--component-body-background-color, #fff);
  color: var(--skin-color-text, #404040);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  min-width: 300px;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}

.page {
  margin: 0 auto;
  max-width: 1315px;
  width: 100%;
}
.page > ui-cms-grid:first-of-type {
  padding-top: 75px;
}
@media (min-width: 768px) {
  .page > ui-cms-grid:first-of-type {
    padding-top: 90px;
  }
}
@media (min-width: 1024px) {
  .page > ui-cms-grid:first-of-type {
    padding-top: 135px;
  }
}

@media print {
  body {
    zoom: 0.7;
  }
  #header,
#footer,
ui-cms-sticky-toolbar,
ui-cms-sticky-toolbar-mobile,
ui-cms-content-footer,
ui-social-share-buttons,
ui-cms-offcanvas-panel,
ui-cms-offcanvas-navigation,
ui-superteaser {
    display: none;
  }
  .page ui-cms-grid:first-of-type {
    padding-top: 0;
  }
  .page ui-cms-grid, .page {
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
  }
}
#footer {
  background-color: #f6f6f6;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 0 60px;
  z-index: 0;
}
@media (min-width: 1200px) {
  #footer::before {
    background-color: #f6f6f6;
    content: "";
    height: 100%;
    left: calc((-100vw + 1315px) / 2);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
  }
}
@media (min-width: 600px) {
  #footer {
    line-height: 1.875rem;
  }
}
#footer .row {
  display: block;
}
#footer .row > h3 {
  padding-left: 1.5625%;
  padding-right: 1.5625%;
  margin: 0;
}
#footer .row > div {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  #footer .row > div {
    margin-top: 1.5rem;
  }
}
#footer .footer__social + .row > div {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  #footer .footer__social + .row > div {
    margin-top: 3.5rem;
  }
}
@media (min-width: 768px) {
  #footer .footer__social + .row h3 ~ div {
    margin-top: 1.5rem;
  }
}
#footer > .row {
  margin: 2rem 0;
}
@media (min-width: 768px) {
  #footer > .row {
    margin: 3rem 0;
  }
  #footer > .row:first-child:not(.footer__social) {
    margin: 2rem 0 3rem;
  }
}
#footer .row:last-child {
  margin-bottom: 0;
}
#footer .footer__social {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 -8px;
  padding-top: 24px;
  z-index: 65536;
}
#footer .footer__social ui-cms-social-follow-links {
  padding-left: 1.5625%;
  padding-right: 1.5625%;
}
@media (min-width: 768px) {
  #footer .footer__social {
    display: inline-block;
    position: absolute;
    margin: 0;
    right: 4.39453125%;
    padding: 0;
    top: 18px;
  }
  #footer .footer__social + .row {
    padding-top: 24px;
  }
  #footer .footer__social ui-cms-social-follow-links {
    padding: 0;
  }
}

#header {
  width: 100%;
  max-width: 1315px;
  z-index: 65536;
  position: fixed;
  top: 0;
  transform: translate3d(0, 0, 0);
  background-color: #fff;
  max-height: 135px;
  /*** 768 ***/
  /*** 1024 ***/
  /*** 1200 ***/
}
#header a {
  text-decoration: none;
}
#header div[class*=logo] a[href=""] {
  pointer-events: none;
}
#header .union-investment-logo {
  padding-left: 4.39453125%;
  box-sizing: content-box;
  float: left;
  position: relative;
  overflow: visible;
  width: 141px;
  /* logo in header */
}
#header .union-investment-logo a {
  font-size: 0;
  display: block;
  width: 100%;
  text-decoration: none;
  margin: 16px 0;
}
#header .union-investment-logo a::before {
  color: #00358e;
  text-decoration: none;
  font-size: 40px;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "UI-IconFont";
  content: "\e628";
  line-height: 1;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 1023px) {
  #header .union-investment-logo.right {
    position: absolute;
    right: calc(4.39453125% + 53px);
    top: 0;
    width: auto;
  }
}
@media (min-width: 768px) {
  #header .union-investment-logo.right {
    right: calc(4.39453125% + 92px);
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  #header .union-investment-logo.right {
    float: right;
    right: calc(4.39453125% - 2px);
  }
}
#header .union-investment-logo.right a {
  margin-top: 16px;
  text-align: right;
}
@media (min-width: 768px) {
  #header .union-investment-logo.right a {
    margin-top: 20px;
  }
}
@media (min-width: 0) and (max-width: 600px) {
  #header .union-investment-logo.dual-logo {
    overflow: hidden;
    width: 34px;
  }
}
@media (min-width: 0) and (max-width: 600px) {
  #header.dual-logo .union-investment-logo {
    overflow: hidden;
    width: 34px;
  }
}
#header .finanzagenda-logo {
  background: transparent url("../assets/img/logos/finanzagenda/FA_mobile_rechts.svg") no-repeat center;
  position: relative;
  top: 8px;
  right: calc(1.5625% * 3 + 58px);
  width: 150px;
  height: 60px;
  float: right;
}
.off-right #header .finanzagenda-logo {
  right: calc(9% + 15px);
}
#header .finanzagenda-logo a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  #header .finanzagenda-logo {
    background-image: url("../assets/img/logos/finanzagenda/FA_tablet_rechts.svg");
    top: 2px;
    right: 119px;
    width: 239px;
    height: 87px;
  }
  .off-right #header .finanzagenda-logo {
    right: calc(12% + 15px);
  }
}
@media (min-width: 1024px) {
  #header .finanzagenda-logo {
    background-image: url("../assets/img/logos/finanzagenda/FA_desktop_rechts.svg");
    top: 7px;
    right: 4.39453125%;
    height: 81px;
    width: 300px;
    margin-bottom: 10px;
  }
}
#header .finanzagenda-logo.left {
  background: transparent url("../assets/img/logos/finanzagenda/FA_mobile_links.svg") no-repeat left;
  top: 8px;
  width: 250px;
  height: 60px;
  left: calc(1.5625% * 2 + 2px);
  float: left;
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  #header .finanzagenda-logo.left {
    background-image: url("../assets/img/logos/finanzagenda/FA_tablet_links.svg");
    left: calc(1.5625% * 2 + 15px);
    top: 0;
    right: unset;
    height: 100%;
    position: absolute;
  }
}
@media (min-width: 1024px) {
  #header .finanzagenda-logo.left {
    top: 20px;
    left: 1.5625%;
    background-size: 100% 100%;
    width: 400px;
    height: 57px;
    position: relative;
    margin-bottom: 34px;
  }
}
#header .zukunftsschmiede-logo {
  background: transparent url("../assets/img/logos/zukunftsschmiede/UIZ_logo.png") no-repeat center;
  position: relative;
  top: 8px;
  right: calc(1.5625% * 3 + 58px);
  width: 111px;
  height: 57px;
  float: right;
}
.off-right #header .zukunftsschmiede-logo {
  right: calc(9% + 15px);
}
#header .zukunftsschmiede-logo a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  #header .zukunftsschmiede-logo {
    background-image: url("../assets/img/logos/zukunftsschmiede/UIZ_logo.png");
    top: 2px;
    right: 119px;
    width: 111px;
    height: 87px;
  }
  .off-right #header .zukunftsschmiede-logo {
    right: calc(12% + 15px);
  }
}
@media (min-width: 1024px) {
  #header .zukunftsschmiede-logo {
    background-image: url("../assets/img/logos/zukunftsschmiede/UIZ_logo.png");
    top: 7px;
    right: 4.39453125%;
    height: 81px;
    width: 111px;
    margin-bottom: 10px;
  }
}
#header .zukunftsschmiede-logo.left {
  background: transparent url("../assets/img/logos/zukunftsschmiede/UIZ_logo.png") no-repeat left;
  top: 8px;
  width: 111px;
  height: 60px;
  left: calc(1.5625% * 2 + 2px);
  float: left;
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  #header .zukunftsschmiede-logo.left {
    background-image: url("../assets/img/logos/zukunftsschmiede/UIZ_logo.png");
    left: calc(1.5625% * 2 + 15px);
    top: 0;
    right: unset;
    height: 100%;
    position: absolute;
  }
}
@media (min-width: 1024px) {
  #header .zukunftsschmiede-logo.left {
    top: 20px;
    left: 1.5625%;
    background-size: 100% 100%;
    width: 111px;
    height: 57px;
    position: relative;
    margin-left: 3%;
    margin-bottom: 34px;
  }
}
#header .navigation-wrapper {
  overflow: hidden;
  /* mobile hidden */
}
#header .navigation-wrapper ui-cms-navigation {
  display: none;
}
#header .union-investment-logo,
#header .navigation-wrapper {
  height: 75px;
  vertical-align: top;
  position: relative;
}
#header::after {
  content: "";
  height: 100%;
  width: 100vw;
  position: absolute;
  z-index: -1;
  box-shadow: 0 2px 3px rgba(64, 64, 64, 0.45);
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  background: #fff;
}
@media (min-width: 768px) {
  #header .navigation-wrapper {
    background-position: right -162px;
  }
  #header .union-investment-logo {
    width: 195px;
    background-position: right -1px top -162px;
  }
  #header .union-investment-logo a {
    margin: 21px 0;
  }
  #header .union-investment-logo a::before {
    font-size: 48px;
  }
  #header .union-investment-logo,
#header .navigation-wrapper {
    height: 90px;
  }
}
@media (min-width: 1024px) {
  #header {
    /* reset translate3d to avoid wrong width calculations of header flyouts on resize */
    transform: none;
    box-shadow: none;
    /* logo visual */
  }
  #header::before {
    width: 100%;
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 1024px) and (min-width: 1315px) {
  #header::before {
    width: 100vw;
    left: calc((-100vw + 1315px) / 2);
  }
}
@media (min-width: 1024px) {
  #header .union-investment-logo {
    height: 90px;
    float: left;
    background-position: right 0 top 0;
    display: flex;
  }
  #header .union-investment-logo a {
    margin: auto;
  }
  #header .union-investment-logo a::before {
    font-size: 52px;
  }
}
@media (min-width: 1024px) {
  #header .navigation-wrapper {
    background-position: right 0;
    position: static;
    width: 100%;
    float: left;
    height: 44px;
    overflow: visible;
    padding-left: calc(4.39453125% - 15px);
  }
  #header .navigation-wrapper ui-cms-navigation {
    display: inline-flex;
    margin-left: 1px;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  #header .union-investment-logo {
    padding-left: 60px;
  }
}
#header .off-canvas-toggle {
  font-size: 0;
  position: fixed;
  right: 4.39453%;
  top: 18px;
  z-index: 105;
  text-decoration: none;
}
.off-right #header .off-canvas-toggle {
  z-index: auto;
}
#header .off-canvas-toggle::before {
  font-family: "UI-IconFont";
  content: "\e62b";
  line-height: 1;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  font-size: 42px;
  color: #00358e;
}
@media (min-width: 1024px) {
  #header .off-canvas-toggle {
    display: none;
  }
}

.row > div > ui-cms-supernumber.width--33 + ui-cms-text-image-video,
.row > div > ui-cms-supernumber.width--25 + ui-cms-text-image-video {
  margin-top: 26px;
}
.row > div > ui-cms-supernumber.width--33 + ui-cms-text-image-video:first-of-type,
.row > div > ui-cms-supernumber.width--25 + ui-cms-text-image-video:first-of-type {
  margin-top: -4px;
}
.row > div > ui-cms-container.width--33 + ui-cms-text-image-video,
.row > div > ui-cms-container.width--25 + ui-cms-text-image-video {
  margin-top: 20px;
}
.row > div > ui-cms-container.width--33 + ui-cms-text-image-video:first-of-type,
.row > div > ui-cms-container.width--25 + ui-cms-text-image-video:first-of-type {
  margin-top: -10px;
}

.medium-zoom-image--opened {
  z-index: 99999;
}

.medium-zoom-overlay {
  z-index: 99999;
}