@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Fira Sans Light'), local('FiraSans-Light'), url("/css/fira/fira-latin-ext-300.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Fira Sans Light'), local('FiraSans-Light'), url("/css/fira/fira-latin-300.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url("/css/fira/fira-latin-ext-400.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url("/css/fira/fira-latin-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Fira Sans Medium'), local('FiraSans-Medium'), url("/css/fira/fira-latin-ext-500.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Fira Sans Medium'), local('FiraSans-Medium'), url("/css/fira/fira-latin-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "iconfont";
  src: url("/css/iconfont/iconfont.eot?#iefix") format('eot'), url("/css/iconfont/iconfont.woff") format('woff'), url("/css/iconfont/iconfont.woff2") format('woff2'), url("/css/iconfont/iconfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.icon:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -10%;
}

.icon-lg {
  font-size: 1.333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.285714285714286em;
  text-align: center;
}

.icon_arrow_expand:before {
  content: "\EA01";
}

.icon_automatedtest:before {
  content: "\EA02";
}

.icon_automation:before {
  content: "\EA03";
}

.icon_carrier:before {
  content: "\EA04";
}

.icon_coned:before {
  content: "\EA05";
}

.icon_develop:before {
  content: "\EA06";
}

.icon_sayhey_logo:before {
  content: "\EA07";
}

.icon_performance:before {
  content: "\EA08";
}

.icon_phone:before {
  content: "\EA09";
}

.icon_port:before {
  content: "\EA0A";
}

.icon_circle:before {
  content: "\EA0B";
}

.icon_review:before {
  content: "\EA0C";
}

.icon_secure:before {
  content: "\EA0D";
}

.icon_stable:before {
  content: "\EA0E";
}

.icon_twitter:before {
  content: "\EA0F";
}

.icon_userstories:before {
  content: "\EA10";
}

.icon_simyo:before {
  content: "\EA11";
}

.icon_sub-link:before {
  content: "\EA12";
}

.icon_lock:before {
  content: "\EA13";
}

.icon_linkedin:before {
  content: "\EA14";
}

.icon_secure-numbers:before {
  content: "\EA15";
}

.icon_person:before {
  content: "\EA16";
}

.icon_email:before {
  content: "\EA17";
}

.icon_quote-end:before {
  content: "\EA18";
}

.icon_quote-start:before {
  content: "\EA19";
}

.icon_application-form:before {
  content: "\EA1A";
}

.icon_form-editor:before {
  content: "\EA1B";
}

.icon_ar:before {
  content: "\EA1C";
}

.icon_camera:before {
  content: "\EA1D";
}

.icon_car:before {
  content: "\EA1E";
}

.icon_cart:before {
  content: "\EA1F";
}

.icon_chat:before {
  content: "\EA20";
}

.icon_exchange:before {
  content: "\EA21";
}

.icon_geo:before {
  content: "\EA22";
}

.icon_hotel:before {
  content: "\EA23";
}

.icon_jellyfish:before {
  content: "\EA24";
}

.icon_jobs:before {
  content: "\EA25";
}

.icon_orga:before {
  content: "\EA26";
}

.icon_payment:before {
  content: "\EA27";
}

.icon_qrcode:before {
  content: "\EA28";
}

.icon_remote:before {
  content: "\EA29";
}

.icon_search:before {
  content: "\EA2A";
}

.icon_simulation:before {
  content: "\EA2B";
}

.icon_chevron:before {
  content: "\EA2C";
}

body {
  margin: 0px;
  padding: 0px;
  min-width: 750px;
}

main {
  margin-top: 70px;
}

figure {
  margin: 0px;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

footer a {
  text-decoration: none;
}

footer section.bevuta .wrapper {
  background-image: url("/image/vector/colonius-new.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) 1px;
  background-size: auto 350px;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer section.bevuta .imprint {
  line-height: 1.5em;
}

footer section.bevuta .imprint img {
  height: 40px;
  margin-left: -5px;
}

footer section.bevuta.big .wrapper {
  background-position: calc(100% - 25px) 51px;
  height: 400px;
}

footer section.sitemap {
  padding-top: 20px;
  padding-bottom: 20px;
}

footer section.sitemap .wrapper >ul {
  list-style: none;
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer section.sitemap .wrapper >ul >li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

footer section.sitemap .wrapper >ul >li >a {
  font-weight: 700;
  line-height: 2.5em;
}

footer section.sitemap .wrapper >ul >li >ul {
  line-height: 2em;
  list-style: none;
  padding-left: 0px;
}

footer section.landingpages ul {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0px;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 2.5em;
}

footer section.landingpages ul >li {
  margin-left: 20px;
}

footer section.landingpages ul >li:before {
  content: "\EA0B";
  font-family: "iconfont";
  color: #9f2b31;
  font-size: 5px;
  line-height: 1em;
  margin-right: 20px;
  position: relative;
  top: -3px;
}

footer section.landingpages ul >li:last-child {
  margin-left: 0px;
}

footer section.landingpages ul >li:last-child:after {
  content: "\EA0B";
  font-family: "iconfont";
  color: #9f2b31;
  font-size: 5px;
  line-height: 1em;
  margin-left: 20px;
  position: relative;
  top: -3px;
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0px;
  z-index: 10000;
  width: 100%;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);
  box-shadow: 0px 0px 10px rgba(100,100,100,0.5);
}

nav {
  margin-left: 20px;
  margin-right: 20px;
  height: 70px;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav a {
  text-decoration: none;
}

.navigation_home {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navigation_home img {
  height: 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
}

.navigation_lang {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-left: 20px;
}

.navigation_lang a {
  color: #929292;
  font-size: 0.85em;
  margin-right: 10px;
}

.navigation_main {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style: none;
}

.navigation_main li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 5px solid transparent;
  -webkit-transition: border-top 0.2s linear;
  transition: border-top 0.2s linear;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.navigation_main li.active {
  border-top: 5px solid #9f2b31;
}

.navigation_main li a {
  line-height: 65px;
}

section.hero {
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (min-width: 1100px) {
  section.hero {
    min-height: 300px;
  }
}

@media screen and (min-width: 1200px) {
  section.hero {
    min-height: 350px;
  }
}

@media screen and (min-width: 1300px) {
  section.hero {
    min-height: 400px;
  }
}

@media screen and (min-width: 1400px) {
  section.hero {
    min-height: 450px;
  }
}

@media screen and (min-width: 1500px) {
  section.hero {
    min-height: 500px;
  }
}

@media screen and (min-width: 1600px) {
  section.hero {
    min-height: 550px;
  }
}

section.hero >.hero_cover-image_wrapper,
section.hero >.hero_content_wrapper,
section.hero >.hero_focus_wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section.hero.fixed-height {
  height: 400px;
  min-height: 400px;
}

section.hero.fade-light .hero_focus_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.hero.fade-light .hero_focus {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1000px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(15%, rgba(255,255,255,0)), color-stop(85%, rgba(255,255,255,0)), to(#fff));
  background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, #fff 100%);
}

@media screen and (min-width: 1100px) {
  section.hero.fade-light .hero_focus {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1200px) {
  section.hero.fade-light .hero_focus {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1300px) {
  section.hero.fade-light .hero_focus {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1400px) {
  section.hero.fade-light .hero_focus {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1500px) {
  section.hero.fade-light .hero_focus {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1600px) {
  section.hero.fade-light .hero_focus {
    max-width: 1600px;
  }
}

section.hero.fade .hero_focus_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.hero.fade .hero_focus {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1000px;
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(15%, rgba(0,0,0,0)), color-stop(85%, rgba(0,0,0,0)), to(#000));
  background: linear-gradient(to right, #000 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, #000 100%);
}

@media screen and (min-width: 1100px) {
  section.hero.fade .hero_focus {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1200px) {
  section.hero.fade .hero_focus {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1300px) {
  section.hero.fade .hero_focus {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1400px) {
  section.hero.fade .hero_focus {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1500px) {
  section.hero.fade .hero_focus {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1600px) {
  section.hero.fade .hero_focus {
    max-width: 1600px;
  }
}

section.hero .hero_cover-image_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.hero .hero_cover-image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-position: center;
  background-size: cover;
  max-width: 1000px;
}

@media screen and (min-width: 1100px) {
  section.hero .hero_cover-image {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1200px) {
  section.hero .hero_cover-image {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1300px) {
  section.hero .hero_cover-image {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1400px) {
  section.hero .hero_cover-image {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1500px) {
  section.hero .hero_cover-image {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1600px) {
  section.hero .hero_cover-image {
    max-width: 1600px;
  }
}

section.hero .hero_cover-image.contain-image {
  background-size: contain;
  background-repeat: no-repeat;
}

section.hero .hero_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 100;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  position: initial;
}

section.hero .hero_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  max-width: 1000px;
}

section.hero .hero_navigation {
  line-height: 2em;
  font-size: 1.2em;
  list-style: none;
  padding-left: 0px;
  margin-top: 0px;
}

section.hero .hero_navigation a {
  font-style: italic;
  text-decoration: none;
}

section.hero .hero_navigation.darken a {
  background-color: rgba(0,0,0,0.6);
  padding: 2px 5px 2px 5px;
  border-radius: 2px;
}

section.hero h1 {
  font-size: 2.5em;
}

.hero-title_floating-title {
  float: left;
  background: rgba(255,255,255,0.6);
  padding: 10px;
  color: #252525;
  margin-bottom: 50px;
}

.hero-title_floating-title__no-space {
  float: left;
  background: rgba(255,255,255,0.6);
  padding: 10px;
  color: #252525;
  margin-bottom: 20px;
}

.fade_black_bg {
  background: #000;
}

section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.overflow-x-hidden {
  overflow-x: hidden;
}

section.overflow-y-hidden {
  overflow-y: hidden;
}

.wrapper {
  margin-left: 20px;
  margin-right: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper .wrapper {
  margin-left: 0;
  margin-right: 0;
}

.wrapper.no-spacing {
  margin-left: 0;
  margin-right: 0;
}

.overflow-x-scroll {
  overflow-x: scroll;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-overflow-scrolling: touch;
}

.block {
  display: block;
}

.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.border-bottom {
  border-bottom: 1.5px solid #efefef;
}

.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.row >* {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.row >.spacing-1-start {
  padding-left: 10px;
}

.row >.spacing-1-end {
  padding-right: 10px;
}

.row >.spacing-1 {
  padding-left: 10px;
  padding-right: 10px;
}

.row >.spacing-2-start {
  padding-left: 20px;
}

.row >.spacing-2-end {
  padding-right: 20px;
}

.row >.spacing-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.row >.spacing-3-start {
  padding-left: 30px;
}

.row >.spacing-3-end {
  padding-right: 30px;
}

.row >.spacing-3 {
  padding-left: 30px;
  padding-right: 30px;
}

.row >.spacing-4-start {
  padding-left: 40px;
}

.row >.spacing-4-end {
  padding-right: 40px;
}

.row >.spacing-4 {
  padding-left: 40px;
  padding-right: 40px;
}

.row >.spacing-5-start {
  padding-left: 50px;
}

.row >.spacing-5-end {
  padding-right: 50px;
}

.row >.spacing-5 {
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 1050px) {
  .row.m-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .row.m-column >.spacing-1-start {
    padding-top: 10px;
    padding-left: 0px;
  }

  .row.m-column >.spacing-1-end {
    padding-bottom: 10px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-2-start {
    padding-top: 20px;
    padding-left: 0px;
  }

  .row.m-column >.spacing-2-end {
    padding-bottom: 20px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-3-start {
    padding-top: 30px;
    padding-left: 0px;
  }

  .row.m-column >.spacing-3-end {
    padding-bottom: 30px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-3 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-4-start {
    padding-top: 40px;
    padding-left: 0px;
  }

  .row.m-column >.spacing-4-end {
    padding-bottom: 40px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-4 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-5-start {
    padding-top: 50px;
    padding-left: 0px;
  }

  .row.m-column >.spacing-5-end {
    padding-bottom: 50px;
    padding-right: 0px;
  }

  .row.m-column >.spacing-5 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.m-column .m-no-spacing {
    padding: 0px;
  }
}

.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.column >* {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column >.spacing-1-start {
  padding-top: 10px;
}

.column >.spacing-1-end {
  padding-bottom: 10px;
}

.column >.spacing-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.column >.spacing-2-start {
  padding-top: 20px;
}

.column >.spacing-2-end {
  padding-bottom: 20px;
}

.column >.spacing-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.column >.spacing-3-start {
  padding-top: 30px;
}

.column >.spacing-3-end {
  padding-bottom: 30px;
}

.column >.spacing-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.column >.spacing-4-start {
  padding-top: 40px;
}

.column >.spacing-4-end {
  padding-bottom: 40px;
}

.column >.spacing-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column >.spacing-5-start {
  padding-top: 50px;
}

.column >.spacing-5-end {
  padding-bottom: 50px;
}

.column >.spacing-5 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.max-1-third {
  max-width: 333.3333333333333px;
}

.max-2-third {
  max-width: 666.6666666666666px;
}

.max-half {
  max-width: 500px;
}

.max-1-quarter {
  max-width: 250px;
}

.max-3-quarter {
  max-width: 750px;
}

.spacing-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.spacing-1-top {
  padding-top: 10px;
}

.spacing-1-bottom {
  padding-bottom: 10px;
}

.spacing-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.spacing-2-top {
  padding-top: 20px;
}

.spacing-2-bottom {
  padding-bottom: 20px;
}

.spacing-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.spacing-3-top {
  padding-top: 30px;
}

.spacing-3-bottom {
  padding-bottom: 30px;
}

.spacing-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.spacing-4-top {
  padding-top: 40px;
}

.spacing-4-bottom {
  padding-bottom: 40px;
}

.spacing-5 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.spacing-5-top {
  padding-top: 50px;
}

.spacing-5-bottom {
  padding-bottom: 50px;
}

.spacing-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.spacing-6-top {
  padding-top: 60px;
}

.spacing-6-bottom {
  padding-bottom: 60px;
}

.spacing-7 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.spacing-7-top {
  padding-top: 70px;
}

.spacing-7-bottom {
  padding-bottom: 70px;
}

.spacing-8 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.spacing-8-top {
  padding-top: 80px;
}

.spacing-8-bottom {
  padding-bottom: 80px;
}

.spacing-9 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.spacing-9-top {
  padding-top: 90px;
}

.spacing-9-bottom {
  padding-bottom: 90px;
}

.spacing-10 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.spacing-10-top {
  padding-top: 100px;
}

.spacing-10-bottom {
  padding-bottom: 100px;
}

.inline-spacer-1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-5 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-7 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-8 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-9 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.inline-spacer-10 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
}

.flex-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.inline {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.align-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.float-left {
  float: left;
}

.overflowing-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.s-small-max-width {
  max-width: 250px;
}

.anchor {
  position: relative;
  width: 0px;
  background: transparent;
  height: 0px;
  top: -50px;
}

.fill-available {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

.testimonial-image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.no-grow {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.basis-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.basic-list >li {
  margin-bottom: 20px;
}

.basic-list ul >li {
  margin-bottom: 20px;
}

body {
  color: #252525;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  font-weight: 300;
  font-family: "Fira Sans";
  font-size: medium;
}

a {
  color: #252525;
}

p {
  line-height: 1.65em;
  margin-top: 10px;
  margin-bottom: 25px;
}

h1,
h2,
h3,
h4,
h5 {
  color: #1b3b54;
  word-break: break-word;
}

.title-composition :not(.reverse) h2 {
  margin-top: 0;
}

.title-composition :not(.reverse) h4 {
  margin-bottom: 10px;
}

.title-composition.reverse h2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.title-composition.reverse h4 {
  margin-top: 10px;
}

h1 {
  font-size: 2.1em;
  margin-bottom: 10px;
  font-weight: 400;
}

h2 {
  font-size: 1.7em;
  font-weight: 400;
}

h3 {
  font-size: 1.5em;
  font-weight: 400;
}

h4 {
  font-size: 1.3em;
  font-weight: 500;
}

h5 {
  font-size: 1em;
  font-weight: 500;
}

b,
strong {
  font-weight: 500;
}

.link-button-block {
  background-color: #252525;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  font-size: 0.9em;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  display: inline-block;
}

.link-button {
  background-color: #252525;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  font-size: 0.9em;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.link-button_big {
  min-height: 30px;
  line-height: 30px;
}

.link-button_light {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid #252525;
  font-size: 0.9em;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: center;
  color: #252525;
  -webkit-transition: all 0.08s linear;
  transition: all 0.08s linear;
}

.link-button_light:hover {
  background: #252525;
  color: #fff;
}

.link-button_light__deactivated {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid #d3d3d3;
  font-size: 0.9em;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  color: #d3d3d3;
  text-align: center;
}

.link-button_blue {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid #1b3b54;
  font-size: 0.9em;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.link-button_blue >div {
  color: #1b3b54;
}

.link-button_white {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid #fff;
  font-size: 0.9em;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.link-button_white >div {
  color: #252525;
}

.link-button_light-white {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid #fff;
  font-size: 0.9em;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.link-button_light-white >div {
  color: #fff;
}

.link-button:hover {
  background-color: #651d22;
  border-color: #651d22;
  color: #fff;
}

.link-button >div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
}

.copytext {
  font-size: 0.9em;
  color: #797979;
}

.bg_dark {
  background: #252525;
}

.bg_black {
  background: #000;
}

.bg_red {
  background-color: #9f2b31;
}

.bg_light-grey {
  background: #efefef;
}

.darken-15 {
  background-color: rgba(0,0,0,0.15);
}

.darken-30 {
  background-color: rgba(0,0,0,0.3);
}

.darken-50 {
  background-color: rgba(0,0,0,0.5);
}

.darken-60 {
  background-color: rgba(0,0,0,0.6);
}

.bg_dark *,
.bg_black *,
.bg_red * {
  color: #fff;
}

.color-red {
  color: #9f2b31;
}

@media screen and (max-width: 1050px) {
  .m-no-top-margin {
    margin-top: 0px;
  }
}

.no-top-margin {
  margin-top: 0px;
}

@media screen and (max-width: 1050px) {
  .m-no-bottom-margin {
    margin-bottom: 0px;
  }
}

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

section.call-to-action_phone {
  -webkit-box-shadow: inset 0px 0px 6px rgba(25,25,25,0.5);
  box-shadow: inset 0px 0px 6px rgba(25,25,25,0.5);
  font-align: center;
  position: relative;
}

section.call-to-action_phone >.wrapper {
  text-align: center;
}

.call-to-action_button {
  background: #fff;
  color: #252525;
  font-size: 1.5em;
  padding: 12px;
  -webkit-box-shadow: 0px 0px 3px rgba(25,25,25,0.5);
  box-shadow: 0px 0px 3px rgba(25,25,25,0.5);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.call-to-action_phone_arrow-inside {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 26px;
  height: 15px;
  background-size: 26px 15px;
  background-image: url("/image/pixel/highres/call-to-action-arrow-inside.png");
}

.call-to-action_phone_arrow-outside {
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 33px;
  height: 21px;
  background-size: 33px 21px;
  background-image: url("/image/pixel/highres/call-to-action-arrow-outside.png");
}

.call-to-action_contact-information {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-top: 5px;
  margin-bottom: 0px;
  min-width: 175px;
}

.call-to-action_persona {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 450px) {
  .call-to-action_persona {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.call-to-action_persona >* {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.cta-headline {
  line-height: 1.5;
}

@media screen and (max-width: 750px) {
  .cta-headline {
    margin-bottom: 20px;
  }
}

.call-to-action_contact-form >table {
  width: 100%;
}

.call-to-action_contact-form >table td {
  padding: 5px;
}

.call-to-action_contact-form >table input {
  padding: 5px;
  width: calc(100% - 10px);
  color: #252525;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  font-weight: 300;
  font-family: "Fira Sans";
  font-size: 14px;
  border: 0.5px solid #bfbfbf;
  border-radius: 2px;
}

.call-to-action_contact-form >table input.submit {
  background: #252525;
  width: 100%;
  color: #fff;
  border: none;
}

.feature-matrix_legend {
  list-style: none;
  padding: 0;
  float: right;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feature-matrix_legend li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 10px 0px 0px 20px;
  padding-left: 16px;
}

.feature-matrix_legend li:before {
  content: ' ';
  position: absolute;
  height: 10px;
  width: 10px;
  left: 0px;
  top: 4px;
  background: #f00;
}

.feature-matrix_legend li.good:before {
  background-color: rgba(0,128,0,0.5);
}

.feature-matrix_legend li.moderate:before {
  background-color: rgba(128,128,128,0.5);
}

.feature-matrix_legend li.bad:before {
  background-color: rgba(255,0,0,0.5);
}

.table-figure {
  margin: 0;
}

.table-figure figcaption {
  margin-top: 5px;
  padding: 5px 10px;
  border-left: 2px solid #252525;
  background: #efefef;
  width: 100%;
}

.table-figure table {
  width: 100%;
  table-layout: fixed;
}

.table-figure table .edge-cell {
  width: 130px;
}

.table-figure table td {
  padding: 2px 10px 2px 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.table-figure table thead tr td:not(:first-child) {
  height: 50px;
  font-weight: 400;
  text-align: center;
  background: #041922;
  color: #fff;
}

.table-figure table tbody tr:hover {
  background: rgba(100,100,100,0.4);
}

.table-figure table tbody td {
  height: 50px;
}

.table-figure table tbody td.row-header {
  color: #fff;
  background: #041922;
  color: #fff;
  font-weight: 400;
  line-height: 50px;
  text-align: right;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 130px;
}

.table-figure table tbody td.good {
  background-color: rgba(0,128,0,0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
}

.table-figure table tbody td.moderate {
  background: rgba(128,128,128,0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
}

.table-figure table tbody td.bad {
  background: rgba(255,0,0,0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
}

.matrix .scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.matrix .scroll .box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 10px;
}

.matrix .scroll .box >a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.matrix .scroll .box .top {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.matrix .scroll .box .top a {
  text-decoration: none;
}

.matrix .scroll .box .top p {
  text-align: left;
}

.matrix .scroll .box .top p a {
  text-decoration: underline;
}

.matrix .scroll .box .bottom {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-item-align: center;
  align-self: center;
  min-height: 80px;
  margin-bottom: 10px;
  max-height: 80px;
}

img.full-width {
  width: 100%;
}

.blog-list {
  padding-left: 0;
  list-style: none;
}

.blog-list .article-body {
  margin-top: 0;
}

.blog-list-entry {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.blog-list-entry:last-child {
  border-bottom: none;
}

.blog-title,
.article-body {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.article-body {
  margin-top: 25px;
}

.blog-thumbnail-wrapper {
  height: intrinsic;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-authors {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  list-style: none;
  padding-left: 0;
  margin: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.blog-authors:after {
  content: "\EA0B";
  font-family: "iconfont";
  color: #9f2b31;
  font-size: 5px;
  line-height: 1em;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  top: 8px;
}

.blog-authors li {
  margin-right: 5px;
}

.blog-authors li:not(:last-child):not(:first-child):after {
  content: ",";
}

.blog-last-updated:before {
  content: ',';
  left: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 5px;
}

.social-buttons {
  position: relative;
}

.social-buttons a {
  color: #777;
}

@media screen and (max-width: 1050px) {
  .social-buttons {
    height: 35px;
  }
}

.social-buttons_wrapper {
  position: absolute;
  left: 0px;
  margin-top: 80px;
}

@media screen and (max-width: 1050px) {
  .social-buttons_wrapper {
    position: initial;
    width: initial;
    margin-top: 40px;
    width: 100%;
  }
}

.social-buttons_wrapper.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  max-width: 100%;
}

.social-buttons_wrapper.horizontal div {
  margin-right: 15px;
}

.social-buttons_wrapper div {
  margin-bottom: 15px;
}

@media screen and (max-width: 1050px) {
  .social-buttons_wrapper div {
    float: left;
    margin-right: 15px;
  }
}

.social-buttons_twitter {
  font-size: 1.5em;
}

.social-buttons_linkedin {
  font-size: 1.7em;
}

.social-buttons_email {
  font-size: 1.7em;
}

.article-body p {
  word-break: break-word;
}

.article-body code {
  font-family: monospace;
  background: #efefef;
  border-radius: 2px;
  line-height: 1.5em;
  padding: 2.5px 5px;
}

.article-body pre {
  border-left: 5px solid #bebebe;
  font-size: 1.2em;
  background: #efefef;
  padding: 20px 10px;
  white-space: pre-wrap;
  word-break: break-word;
}

.article-body ol,
.article-body ul {
  line-height: 1.65em;
}

.article-body ol li,
.article-body ul li {
  margin-top: 20px;
  margin-bottom: 20px;
}

.article-body blockquote {
  border-left: 5px solid #bebebe;
  margin-left: 0px;
  padding: 10px 20px;
}

.article-body blockquote p {
  margin: 0;
}

.article-body iframe {
  max-width: 100%;
}

.article-body figure img {
  width: 100%;
}

.article-body figure figcaption {
  border-top: 5px solid #bebebe;
  background: #efefef;
  padding: 10px;
}

.related-posts >div:first-child:not(:last-child),
.related-posts-wrapper >div:first-child:not(:last-child) {
  margin-right: 20px;
}

.related-posts >div:last-child:not(:first-child),
.related-posts-wrapper >div:last-child:not(:first-child) {
  margin-left: 20px;
}

.blog-contact {
  line-height: 1.65em;
}

.blog-article-title {
  width: 666px;
}

.blog-box {
  border: 1px solid #efefef;
  background: #efefef;
  border-radius: 3.333333333333333px;
  padding: 1px 20px 30px 20px;
  line-height: 1.75;
  margin: 60px 0 40px 0;
}

.article-content {
  padding: 50px 0;
}

@media screen and (max-width: 1050px) {
  .article-content {
    padding: 40px 0;
  }
}

.authors-box {
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
  background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
  width: 313.3333333333333px;
  -ms-flex-preferred-size: 250px;
  flex-basis: 250px;
  margin-left: 40px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 50px;
}

.authors-box h2 {
  text-align: center;
  color: #333;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 30px;
}

.authors-box_author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.authors-box_author h3 {
  text-align: center;
  color: #333;
  margin-bottom: 5px;
}

.authors-box_image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 5px 0;
}

.ctt {
  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.15);
  box-shadow: 0 1px 8px rgba(0,0,0,0.15);
  border-radius: 3.333333333333333px;
  padding: 20px;
  line-height: 1.75;
  margin: 60px 0 40px 0;
  cursor: pointer;
  position: relative;
}

.ctt .hashtag {
  color: #4aa0eb;
  font-weight: 500;
}

.ctt .ctt_description {
  position: absolute;
  top: -30px;
  left: 30px;
  color: #4aa0eb;
  font-size: 13px;
}

.ctt .ctt_icon {
  position: absolute;
  top: -30px;
  left: 5px;
  color: #4aa0eb;
  font-size: 13px;
}

body.lightbox #lightbox {
  visibility: visible;
  height: initial;
}

#lightbox {
  visibility: hidden;
  height: 0px;
  z-index: 10000;
}

.lightbox {
  overflow-y: hidden;
}

.lightbox section.lightbox {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  background: #000;
  opacity: 1;
  margin: 0px;
  bottom: 0px;
}

.lightbox header {
  display: none;
  height: 0px;
}

.lightbox main {
  margin-top: 0px;
}

.lightbox main::before {
  position: absolute;
  content: "";
  height: 0px;
  top: 60px;
  width: 100%;
  z-index: 100;
  background: #ff0;
  background: url("/image/pixel/lowres/dark_background.png");
  background-size: 100px 100px;
}

.lightbox footer {
  display: none;
  height: 0px;
}

#lightbox.bigbox figure {
  margin-left: 0px;
  -webkit-transform: translate(0px, 5%);
  transform: translate(0px, 5%);
}

#lightbox.bigbox .dismiss {
  right: -40px;
  top: 41px;
}

#lightbox.bigbox .prev {
  left: -60px;
}

#lightbox.bigbox .next {
  right: -60px;
}

#lightbox figure {
  position: relative;
  margin: 0px;
  top: 0px;
  background: #efefef;
}

#lightbox figure figcaption {
  height: 75px;
  margin-top: -5px;
  width: calc(100% - 20px);
  padding: 10px;
  position: absolute;
  bottom: 0px;
}

#lightbox figure .prev {
  z-index: 10000;
  position: absolute;
  left: 0px;
  width: 55px;
  height: calc(100% - 100px);
  top: 0px;
}

#lightbox figure .prev img {
  position: relative;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
}

#lightbox figure .dismiss {
  z-index: 10000;
  position: absolute;
  right: 15px;
  width: 36px;
  top: 41px;
}

#lightbox figure .dismiss img {
  position: relative;
  top: 50%;
  margin-top: -24px;
  width: 36px;
  height: 36px;
}

#lightbox figure .next {
  z-index: 10000;
  position: absolute;
  height: calc(100% - 100px);
  right: 0px;
  width: 55px;
  top: 0px;
}

#lightbox figure .next img {
  position: relative;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
}

#lightbox figure #imagerow {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
}

#lightbox figure #imagerow #imagerow-scroll {
  float: left;
  height: 100%;
}

#lightbox figure #imagerow #imagerow-scroll.animates {
  -webkit-transition: margin-left 0.22s ease-in-out;
  transition: margin-left 0.22s ease-in-out;
}

#lightbox figure #imagerow #imagerow-scroll .imagewrapper {
  float: left;
  background: #151515;
}

#lightbox figure #imagerow #imagerow-scroll img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  float: left;
}

.quote-block {
  max-width: 1040px;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.quote-block_item__quote {
  padding: 40px 20px 40px 20px;
  color: #fff;
}

.quote-block_item__quote a {
  color: #fff;
}

.quote-block_item__benefits {
  padding: 20px 20px 20px 60px;
}

.quote-block_quote {
  line-height: 1.8em;
  font-size: 1.1em;
  margin: 40px;
  position: relative;
}

.quote-block_quote:before,
.quote-block_quote:after {
  font-size: 2em;
  font-family: "iconfont";
  position: absolute;
}

.quote-block_quote:before {
  content: "\EA19";
  margin-right: 10px;
  top: -30px;
  left: -40px;
}

.quote-block_quote:after {
  content: "\EA18";
  margin-left: 10px;
  right: -35px;
}

.quote-block_quote-author {
  font-style: italic;
  font-size: 1.2em;
  text-align: right;
  margin-bottom: 0px;
}

.quote-block_benefit_list {
  line-height: 2em;
  padding-left: 0;
}

.newsletter-success,
.newsletter-error {
  display: none;
}

#newsletter-form-wrapper.loading #newsletter-form {
  opacity: 0.5;
  pointer-events: none;
}

#newsletter-form-wrapper.success .newsletter-success {
  display: block;
}

#newsletter-form-wrapper.success .newsletter-error,
#newsletter-form-wrapper.success #newsletter-form {
  display: none;
}

#newsletter-form-wrapper.error .newsletter-error {
  display: block;
}

#newsletter-form-wrapper.error .newsletter-success,
#newsletter-form-wrapper.error #newsletter-form {
  display: none;
}

.newsletter-bullets {
  padding-left: 20px;
  line-height: 1.65em;
}

#newsletter-banner {
  background-color: #1b3b54;
}

#newsletter-banner.blog-newsletter {
  margin-top: 30px 0;
}

#newsletter-banner h4 {
  font-weight: 200;
}

#newsletter-banner input[type='email'] {
  border: none;
  padding: 8px;
  font-size: 14px;
  width: 75%;
  border-radius: 3px;
  color: #797979;
}

#newsletter-banner input[type='submit'] {
  border: 2px solid #fff;
  padding: 6.666666666666667px;
  font-size: 14px;
  width: 40%;
  background: transparent;
  border-radius: 3px;
  margin-top: 15px;
}

.comic-panels {
  position: relative;
}

.comic-panels #comic {
  position: absolute;
  top: -100px;
  display: block;
  width: 1px;
  height: 1px;
}

.comic-panels > img {
  position: relative;
  width: 100%;
}

.comic-panels .control {
  height: 50px;
  width: 50px;
  background-color: rgba(255,255,255,0.5);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1000;
  border-radius: 50%;
  background-position: center;
  top: calc(50% - 30px);
  cursor: pointer;
  -webkit-transition: background 0.18s linear, opacity 0.18s linear;
  transition: background 0.18s linear, opacity 0.18s linear;
}

.comic-panels .control:hover {
  background-color: rgba(255,255,255,0.75);
}

.comic-panels .control.prev {
  left: 10px;
  background-image: url("/image/vector/chevron-left.svg");
}

@media screen and (min-width: 1200px) {
  .comic-panels .control.prev {
    left: -75px;
    background-color: rgba(220,220,220,0.5);
  }
}

.comic-panels .control.next {
  right: 10px;
  background-image: url("/image/vector/chevron-right.svg");
}

@media screen and (min-width: 1200px) {
  .comic-panels .control.next {
    right: -75px;
    background-color: rgba(220,220,220,0.5);
  }
}

.comic-panels .control.disabled {
  opacity: 0.25;
  cursor: initial;
}

.comic-panels .comic-strip {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
}

.comic-panels .comic-strip > img {
  width: 100%;
  position: relative;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.comic-panels .comic-strip > img:not(:first-child) {
  margin: 0 10px;
}

.comic-panels .comic-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comic-panels .comic-controls button {
  width: 24px;
  height: 24px;
  background-image: url("/image/vector/panel.svg");
  border: 0px;
  background-color: transparent;
}

.comic-panels .comic-controls button.active {
  background-image: url("/image/vector/panel-active.svg");
}

.bevuta-home {
  background-image: url("/image/pixel/lowres/developer.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-home {
    background-image: url("/image/pixel/highres/developer.jpg");
  }
}

.bevuta-about {
  background-image: url("/image/pixel/lowres/discussion.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-about {
    background-image: url("/image/pixel/highres/discussion.jpg");
  }
}

.bevuta-software-development {
  background-image: url("/image/pixel/lowres/software-development.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-software-development {
    background-image: url("/image/pixel/highres/software-development.jpg");
  }
}

.bevuta-mobile-apps {
  background-image: url("/image/pixel/lowres/software-development+mobile-apps.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-mobile-apps {
    background-image: url("/image/pixel/highres/software-development+mobile-apps.jpg");
  }
}

.bevuta-digitalization-of-processes {
  background-image: url("/image/pixel/lowres/software-development+digitalisierung-von-geschaeftsprozessen.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-digitalization-of-processes {
    background-image: url("/image/pixel/highres/software-development+digitalisierung-von-geschaeftsprozessen.jpg");
  }
}

.bevuta-consulting {
  background-image: url("/image/pixel/lowres/agile-kanban-board.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-consulting {
    background-image: url("/image/pixel/highres/agile-kanban-board.jpg");
  }
}

.bevuta-contact {
  background-image: url("/image/pixel/lowres/scrum-master.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-contact {
    background-image: url("/image/pixel/highres/scrum-master.jpg");
  }
}

.bevuta-references {
  background-image: url("/image/pixel/lowres/references.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .bevuta-references {
    background-image: url("/image/pixel/highres/references.jpg");
  }
}

.quote__blockchain {
  background: #1b3b54;
}

.benefits__blockchain {
  background: #e6ecf3;
}

.blockchain-technologies {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blockchain-technology {
  text-align: center;
}

.quote__postgres {
  background-color: #041922;
}

.benefits__react {
  background: #59c9ee;
}

.quote__react {
  background: #e6ecf3;
  color: #252525;
}

.react_background {
  background: #17b3e6;
}

.lading-react_logo {
  text-align: center;
}

.sayhey-ss-icon {
  font-size: 10em;
  float: right;
}

#sayhey-timeline {
  height: 200px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#sayhey-timeline #axis {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 97.5px;
  height: 5px;
  background: #252525;
}

#sayhey-timeline .bullet {
  width: 20px;
  height: 20px;
  top: 90px;
  border-radius: 10px;
  background: #1b3b54;
  position: absolute;
}

#sayhey-timeline .bullet .infos {
  position: relative;
  top: 30px;
  width: 300px;
}

#sayhey-timeline .bullet .infos.top {
  top: -70px;
}

#sayhey-timeline .bullet .infos.end {
  right: 280px;
  text-align: right;
}

#sayhey-timeline .bullet .infos .date {
  font-weight: bold;
}

#sayhey-timeline .bullet .infos p {
  margin: 0;
  padding: 0;
}

#sayhey-timeline #second-bullet {
  left: 25%;
}

#sayhey-timeline #third-bullet {
  left: 50%;
}

#sayhey-timeline #fourth-bullet {
  right: 0%;
}

.sayhey-chat-in-the-phone {
  height: 350px;
  background-size: cover;
  background-position: center;
  background-image: url("/image/pixel/highres/chat-in-the-phone.jpg");
}

.sayhey-facts {
  -ms-flex-item-align: center;
  align-self: center;
  font-style: italic;
}

.sayhey-facts tr {
  margin-bottom: 20px;
  line-height: 50px;
}

.sayhey-facts i {
  font-size: 1.8em;
  margin-right: 40px;
}

.sayhey-facts p {
  padding: 0;
  margin: 0;
}

.sayhey-facts .tuev-icon {
  margin-top: 15px;
  width: 80%;
  max-width: 200px;
}

.sayhey-phone-app {
  background-image: url("/image/pixel/highres/sayhey_mobile.png");
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  position: relative;
  bottom: -70px;
}

#direction {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#direction >div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#direction iframe {
  border: none;
}

#direction .maps {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

#direction .sketchmap {
  text-align: center;
}

#direction .sketchmap img {
  max-width: 600px;
}

#direction .mapswrapper.osm {
  display: none;
}

#direction .mapswrapper.sketchmap {
  display: none;
}

#direction .mapswrapper.google {
  display: block;
}

#direction .switch div.google {
  background: #252525;
  color: #fff;
}

#direction.osm .mapswrapper.google {
  display: none;
}

#direction.osm .mapswrapper.sketchmap {
  display: none;
}

#direction.osm .mapswrapper.osm {
  display: block;
}

#direction.osm .switch div.osm {
  background: #252525;
  color: #fff;
}

#direction.osm .switch div.google {
  background: transparent;
  color: #252525;
}

#direction.sketch .mapswrapper.google {
  display: none;
}

#direction.sketch .mapswrapper.osm {
  display: none;
}

#direction.sketch .mapswrapper.sketchmap {
  display: block;
}

#direction.sketch .switch div.sketch {
  background: #252525;
  color: #fff;
}

#direction.sketch .switch div.google {
  background: transparent;
  color: #252525;
}

.contact-buttons a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  text-transform: none;
  margin: 10px 10px 10px 0;
}

.switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  border: 2px solid #252525;
  border-radius: 4px;
  float: right;
}

.switch a {
  font-size: 0.9em;
  text-decoration: none;
  color: #252525;
}

.switch a:first-child {
  margin-left: 0;
}

.switch a:last-child {
  margin-right: 0;
}

.switch a div {
  padding: 6.666666666666667px 10px;
}

.contact-area input[type="email"],
.contact-area input[type="number"],
.contact-area input[type="name"],
.contact-area input[type="submit"] {
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
  -webkit-appearance: none;
}

.contact-area #contactform select {
  margin: 5px;
  width: 200px;
}

.contact-area #contactform .select-label {
  margin-left: 5px;
}

.contact-area #contactform label {
  height: 25px;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  display: block;
  width: 50%;
}

.contact-area #contactform label input {
  float: right;
  position: relative;
  top: -5px;
  width: 20px;
  right: 0px;
}

.contact-area #contactform input {
  width: calc(100% - 20px);
  font-family: "Fira Sans";
  font-size: 15px;
  border: none;
  height: 20px;
  padding: 5px;
  margin: 5px;
}

.contact-area #contactform input.falsefield {
  width: calc(100% - 50px);
  border-right: 30px solid #9f2b31;
}

.contact-area #contactform input.send {
  float: right;
  background: #252525;
  font-weight: 500;
  border-radius: 4px;
  color: #fff;
  height: 45px;
  width: 130px;
  font-family: "Fira Sans";
  font-size: 15px;
}

.contact-area textarea {
  width: calc(100% - 20px);
  height: 300px;
  border: none;
  margin: 5px;
  padding: 5px;
  border-radius: 0px;
  -webkit-appearance: none;
  font-family: "Fira Sans";
  font-size: 15px;
  -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
}

.contact-area #additional-information div {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.contact-area #additional-information.generally #generally {
  display: block;
}

.contact-area #additional-information.phone #phone {
  display: block;
}

.contact-area #additional-information.software #software {
  display: block;
}

.contact-area #additional-information.consultancy #consultancy {
  display: block;
}

.contact-area #additional-information.operation #operation {
  display: block;
}

.cta-profile-image {
  border-radius: 75px;
  width: 150px;
  height: 150px;
}

.reference_logo {
  font-size: 5em;
  text-align: right;
}

.references_simyo_icon {
  color: #f25d0f;
  font-size: 2em;
  text-align: right;
}

.references_sayhey_screenshot_wrapper {
  max-width: 250px;
}

.bg_space {
  background: url("/image/pixel/highres/milkyway_blurred.jpg");
  background-size: cover;
}

.relative_content {
  position: relative;
}

.jupiter_wrapper {
  height: 482px;
}

.jupiter {
  position: absolute;
  width: 500px;
  height: 482px;
  right: 40px;
}

.building_wrapper {
  height: 456px;
}

.building {
  position: absolute;
  width: 476px;
  height: 456px;
  right: 50px;
}

.references_coned_logo {
  font-size: 4em;
  text-align: right;
}

.references_pepa_logo {
  float: right;
}

.references_vpack_logo {
  height: 40px;
  float: right;
}

.references_wp_logo {
  float: right;
  height: 40px;
}

.references_mediaventures_logo {
  height: 40px;
  float: right;
}

.snom-760-wrapper {
  height: 600px;
}

.snom-760 {
  width: 565px;
  height: 600px;
  position: absolute;
  right: 50px;
}

.link-button_big-icon {
  margin-left: 20px;
  font-size: 1.5em;
  -ms-flex-item-align: center;
  align-self: center;
}

.ms-other-projects-button-1 {
  width: 200px;
}

.ms-other-projects-button {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 200px;
}

.button-services {
  margin-right: 20px;
}

.blog-title__fixed_height {
  min-height: 65px;
}

.wrapper_values {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper_values >div {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.about__member-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 10px;
}

.about__member {
  margin: 20px 0 10px 0;
}

.about__member-description {
  margin-left: 5px;
}

.about__member-description >* {
  margin: 0 0 2.5px 0;
}

.about__member-description .job {
  font-weight: 500;
}

.about__member-description .hashtags {
  font-weight: 400;
  color: #797979;
}

.quote__1__ms {
  background: #efefef;
}

.quote__2__ms {
  background: #333;
}

.meinstadt_logo {
  width: 300px;
  margin-top: 20px;
}

.meinstadt_logo_small {
  width: 120px;
  margin-left: 12px;
  margin-top: 20px;
}

.blockchain-technology {
  text-align: center;
}

.ms-logo-wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.meinestadt-hero-image {
  background-image: url("/image/pixel/highres/meinestadt-apply-now-header.jpg");
  max-width: 100% !important;
}

.meinestadt-2-hero-image {
  background-image: url("/image/pixel/highres/meinestadt-form-editor-hero.jpg");
  max-width: 100% !important;
}

.floating-ms-logo {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

.technology-list-element {
  text-align: center;
}

.ms-buttons-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms-buttons-space-between >div {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.meinestadt-letters-hero {
  height: 350px;
  background-size: cover;
  background-position: center;
  background-image: url("/image/pixel/highres/ms-letters.jpg");
  margin-top: 50px;
}

.meinestadt-hero-logo {
  margin-top: 100px;
}

.meinestadt-hero-image-3 {
  background-image: url("/image/pixel/highres/ms-form-editor-hero.jpg");
  max-width: 100% !important;
}

.friendly_blue {
  background: #e1e9ec;
}

ul.icon-list {
  padding-left: 10px;
}

ul.icon-list li {
  list-style: none;
  padding: 15px 0 15px 0;
}

ul.icon-list li.level-2 {
  padding-left: 40px;
}

ul.icon-list li i {
  margin-right: 10px;
}

.mobile-app__sector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 10px 0;
  padding: 0 10px;
}

.mobile-app__sector img {
  margin-right: 10px;
}

.mobile-app__sector div {
  -ms-flex-item-align: center;
  align-self: center;
  padding-top: 0px !important;
}

.mobile-app__ref {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mobile-app-icon {
  padding: 10px;
}

.faq .faq__entry .faq__entry--question {
  background-color: #f4f4f4;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.faq .faq__entry .faq__entry--question .chevron {
  width: 50px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.faq .faq__entry .faq__entry--question h3 {
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.faq .faq__entry.expanded .chevron i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq .faq__entry.expanded .faq__entry--answer {
  display: block;
}

.faq .faq__entry .faq__entry--answer {
  padding: 10px 20px 10px 50px;
  display: none;
}

.faq .faq__entry .faq__entry--answer li {
  margin: 10px 0 10px 0;
  line-height: 1.5;
}

.mobile-app__related-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 10px 50px 10px;
}

.mobile-app__related-articles .article {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 10px;
  border: 1px solid #dedede;
  border-radius: 10px;
  text-decoration: none;
  overflow: hidden;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.mobile-app__related-articles .article img {
  max-width: 100%;
}

.mobile-app__related-articles .article h4 {
  padding: 0 20px;
  margin: 10px 0;
}

.mobile-app__related-articles .article p {
  padding: 0 20px;
}

.ref-col {
  -ms-flex-preferred-size: 0 !important;
  flex-basis: 0 !important;
  margin: 0 10px;
}

.ref-col h4 {
  margin-bottom: 0;
}

.ref-image {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ref-image >img {
  max-height: 100%;
  max-width: 100%;
}

a.ref-link {
  text-decoration: none !important;
}