@charset "UTF-8";
/*
Theme Name: IVST Schulungsplatform
Author: SMA Development GmbH
Author URI: https://sma-dev.de
Version: 1.0
License: Commercial
Text Domain: ivst
*/
/* Z-INDEX */
.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.ui-dialog .formError {
  z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%;
  background: #f02222;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}

body[dir=rtl] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #f02222;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

nav:after {
  content: "";
  display: block;
  clear: both;
}

.m__t-0 {
  margin-top: 0rem;
}

.m__t-0-h {
  margin-top: 0rem;
}

.p__t-0 {
  padding-top: 0rem;
}

.p__t-0-h {
  padding-top: 0rem;
}

.m__b-0 {
  margin-bottom: 0rem;
}

.m__b-0-h {
  margin-bottom: 0rem;
}

.p__b-0 {
  padding-bottom: 0rem;
}

.p__b-0-h {
  padding-bottom: 0rem;
}

.m__l-0 {
  margin-left: 0rem;
}

.m__l-0-h {
  margin-left: 0rem;
}

.p__l-0 {
  padding-left: 0rem;
}

.p__l-0-h {
  padding-left: 0rem;
}

.m__r-0 {
  margin-right: 0rem;
}

.m__r-0-h {
  margin-right: 0rem;
}

.p__r-0 {
  padding-right: 0rem;
}

.p__r-0-h {
  padding-right: 0rem;
}

.p__0 {
  padding: 0rem;
}

.p__0-h {
  padding: 0rem;
}

.m__0 {
  margin: 0rem;
}

.m__0-h {
  margin: 0rem;
}

.m__t-1 {
  margin-top: 1rem;
}

.m__t-1-h {
  margin-top: 0.5rem;
}

.p__t-1 {
  padding-top: 1rem;
}

.p__t-1-h {
  padding-top: 0.5rem;
}

.m__b-1 {
  margin-bottom: 1rem;
}

.m__b-1-h {
  margin-bottom: 0.5rem;
}

.p__b-1 {
  padding-bottom: 1rem;
}

.p__b-1-h {
  padding-bottom: 0.5rem;
}

.m__l-1 {
  margin-left: 1rem;
}

.m__l-1-h {
  margin-left: 0.5rem;
}

.p__l-1 {
  padding-left: 1rem;
}

.p__l-1-h {
  padding-left: 0.5rem;
}

.m__r-1 {
  margin-right: 1rem;
}

.m__r-1-h {
  margin-right: 0.5rem;
}

.p__r-1 {
  padding-right: 1rem;
}

.p__r-1-h {
  padding-right: 0.5rem;
}

.p__1 {
  padding: 1rem;
}

.p__1-h {
  padding: 0.5rem;
}

.m__1 {
  margin: 1rem;
}

.m__1-h {
  margin: 0.5rem;
}

.m__t-2 {
  margin-top: 2rem;
}

.m__t-2-h {
  margin-top: 1rem;
}

.p__t-2 {
  padding-top: 2rem;
}

.p__t-2-h {
  padding-top: 1rem;
}

.m__b-2 {
  margin-bottom: 2rem;
}

.m__b-2-h {
  margin-bottom: 1rem;
}

.p__b-2 {
  padding-bottom: 2rem;
}

.p__b-2-h {
  padding-bottom: 1rem;
}

.m__l-2 {
  margin-left: 2rem;
}

.m__l-2-h {
  margin-left: 1rem;
}

.p__l-2 {
  padding-left: 2rem;
}

.p__l-2-h {
  padding-left: 1rem;
}

.m__r-2 {
  margin-right: 2rem;
}

.m__r-2-h {
  margin-right: 1rem;
}

.p__r-2 {
  padding-right: 2rem;
}

.p__r-2-h {
  padding-right: 1rem;
}

.p__2 {
  padding: 2rem;
}

.p__2-h {
  padding: 1rem;
}

.m__2 {
  margin: 2rem;
}

.m__2-h {
  margin: 1rem;
}

.m__t-3 {
  margin-top: 3rem;
}

.m__t-3-h {
  margin-top: 1.5rem;
}

.p__t-3 {
  padding-top: 3rem;
}

.p__t-3-h {
  padding-top: 1.5rem;
}

.m__b-3 {
  margin-bottom: 3rem;
}

.m__b-3-h {
  margin-bottom: 1.5rem;
}

.p__b-3 {
  padding-bottom: 3rem;
}

.p__b-3-h {
  padding-bottom: 1.5rem;
}

.m__l-3 {
  margin-left: 3rem;
}

.m__l-3-h {
  margin-left: 1.5rem;
}

.p__l-3 {
  padding-left: 3rem;
}

.p__l-3-h {
  padding-left: 1.5rem;
}

.m__r-3 {
  margin-right: 3rem;
}

.m__r-3-h {
  margin-right: 1.5rem;
}

.p__r-3 {
  padding-right: 3rem;
}

.p__r-3-h {
  padding-right: 1.5rem;
}

.p__3 {
  padding: 3rem;
}

.p__3-h {
  padding: 1.5rem;
}

.m__3 {
  margin: 3rem;
}

.m__3-h {
  margin: 1.5rem;
}

.m__t-4 {
  margin-top: 4rem;
}

.m__t-4-h {
  margin-top: 2rem;
}

.p__t-4 {
  padding-top: 4rem;
}

.p__t-4-h {
  padding-top: 2rem;
}

.m__b-4 {
  margin-bottom: 4rem;
}

.m__b-4-h {
  margin-bottom: 2rem;
}

.p__b-4 {
  padding-bottom: 4rem;
}

.p__b-4-h {
  padding-bottom: 2rem;
}

.m__l-4 {
  margin-left: 4rem;
}

.m__l-4-h {
  margin-left: 2rem;
}

.p__l-4 {
  padding-left: 4rem;
}

.p__l-4-h {
  padding-left: 2rem;
}

.m__r-4 {
  margin-right: 4rem;
}

.m__r-4-h {
  margin-right: 2rem;
}

.p__r-4 {
  padding-right: 4rem;
}

.p__r-4-h {
  padding-right: 2rem;
}

.p__4 {
  padding: 4rem;
}

.p__4-h {
  padding: 2rem;
}

.m__4 {
  margin: 4rem;
}

.m__4-h {
  margin: 2rem;
}

.m__t-5 {
  margin-top: 5rem;
}

.m__t-5-h {
  margin-top: 2.5rem;
}

.p__t-5 {
  padding-top: 5rem;
}

.p__t-5-h {
  padding-top: 2.5rem;
}

.m__b-5 {
  margin-bottom: 5rem;
}

.m__b-5-h {
  margin-bottom: 2.5rem;
}

.p__b-5 {
  padding-bottom: 5rem;
}

.p__b-5-h {
  padding-bottom: 2.5rem;
}

.m__l-5 {
  margin-left: 5rem;
}

.m__l-5-h {
  margin-left: 2.5rem;
}

.p__l-5 {
  padding-left: 5rem;
}

.p__l-5-h {
  padding-left: 2.5rem;
}

.m__r-5 {
  margin-right: 5rem;
}

.m__r-5-h {
  margin-right: 2.5rem;
}

.p__r-5 {
  padding-right: 5rem;
}

.p__r-5-h {
  padding-right: 2.5rem;
}

.p__5 {
  padding: 5rem;
}

.p__5-h {
  padding: 2.5rem;
}

.m__5 {
  margin: 5rem;
}

.m__5-h {
  margin: 2.5rem;
}

/*  GRID SYSTEM   ========================================================================== */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

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

.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {
  width: 100%;
}

.span_1_of_2 {
  width: 49.2%;
}

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 66.13%;
}

.span_1_of_3 {
  width: 32.26%;
}

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 {
  width: 100%;
}

.span_3_of_4 {
  width: 74.6%;
}

.span_2_of_4 {
  width: 49.2%;
}

.span_1_of_4 {
  width: 23.8%;
}

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {
  width: 100%;
}

.span_4_of_5 {
  width: 79.68%;
}

.span_3_of_5 {
  width: 59.36%;
}

.span_2_of_5 {
  width: 39.04%;
}

.span_1_of_5 {
  width: 18.72%;
}

/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {
  width: 100%;
}

.span_5_of_6 {
  width: 83.06%;
}

.span_4_of_6 {
  width: 66.13%;
}

.span_3_of_6 {
  width: 49.2%;
}

.span_2_of_6 {
  width: 32.26%;
}

.span_1_of_6 {
  width: 15.33%;
}

/*  GRID OF SEVEN   ============================================================================= */
.span_7_of_7 {
  width: 100%;
}

.span_6_of_7 {
  width: 85.48%;
}

.span_5_of_7 {
  width: 70.97%;
}

.span_4_of_7 {
  width: 56.45%;
}

.span_3_of_7 {
  width: 41.94%;
}

.span_2_of_7 {
  width: 27.42%;
}

.span_1_of_7 {
  width: 12.91%;
}

/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {
  width: 100%;
}

.span_7_of_8 {
  width: 87.3%;
}

.span_6_of_8 {
  width: 74.6%;
}

.span_5_of_8 {
  width: 61.9%;
}

.span_4_of_8 {
  width: 49.2%;
}

.span_3_of_8 {
  width: 36.5%;
}

.span_2_of_8 {
  width: 23.8%;
}

.span_1_of_8 {
  width: 11.1%;
}

/*  GRID OF NINE   ============================================================================= */
.span_9_of_9 {
  width: 100%;
}

.span_8_of_9 {
  width: 88.71%;
}

.span_7_of_9 {
  width: 77.42%;
}

.span_6_of_9 {
  width: 66.13%;
}

.span_5_of_9 {
  width: 54.84%;
}

.span_4_of_9 {
  width: 43.55%;
}

.span_3_of_9 {
  width: 32.26%;
}

.span_2_of_9 {
  width: 20.97%;
}

.span_1_of_9 {
  width: 9.68%;
}

/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 {
  width: 100%;
}

.span_9_of_10 {
  width: 89.84%;
}

.span_8_of_10 {
  width: 79.68%;
}

.span_7_of_10 {
  width: 69.52%;
}

.span_6_of_10 {
  width: 59.36%;
}

.span_5_of_10 {
  width: 49.2%;
}

.span_4_of_10 {
  width: 39.04%;
}

.span_3_of_10 {
  width: 28.88%;
}

.span_2_of_10 {
  width: 18.72%;
}

.span_1_of_10 {
  width: 8.56%;
}

/*  GRID OF ELEVEN   ============================================================================= */
.span_11_of_11 {
  width: 100%;
}

.span_10_of_11 {
  width: 90.76%;
}

.span_9_of_11 {
  width: 81.52%;
}

.span_8_of_11 {
  width: 72.29%;
}

.span_7_of_11 {
  width: 63.05%;
}

.span_6_of_11 {
  width: 53.81%;
}

.span_5_of_11 {
  width: 47.58%;
  /*+3*/
}

.span_4_of_11 {
  width: 35.34%;
}

.span_3_of_11 {
  width: 26.1%;
}

.span_2_of_11 {
  width: 16.87%;
}

.span_1_of_11 {
  width: 1.63%;
  /*-6*/
}

/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 {
  width: 100%;
}

.span_11_of_12 {
  width: 91.53%;
}

.span_10_of_12 {
  width: 83.06%;
}

.span_9_of_12 {
  width: 74.6%;
}

.span_8_of_12 {
  width: 66.13%;
}

.span_7_of_12 {
  width: 57.66%;
}

.span_6_of_12 {
  width: 49.2%;
}

.span_5_of_12 {
  width: 40.73%;
}

.span_4_of_12 {
  width: 32.26%;
}

.span_3_of_12 {
  width: 23.8%;
}

.span_2_of_12 {
  width: 15.33%;
}

.span_1_of_12 {
  width: 6.86%;
}

/*  GO FULL WIDTH AT LESS THAN 680 PIXELS */
@media only screen and (max-width: 680px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  /*  GRID OF TWO   ============================================================================= */
  .span_2_of_2 {
    width: 100%;
  }
  .span_1_of_2 {
    width: 100%;
  }
  /*  GRID OF THREE   ============================================================================= */
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 100%;
  }
  .span_1_of_3 {
    width: 100%;
  }
  /*  GRID OF FOUR   ============================================================================= */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 100%;
  }
  .span_2_of_4 {
    width: 100%;
  }
  .span_1_of_4 {
    width: 100%;
  }
  /*  GRID OF FIVE   ============================================================================= */
  .span_5_of_5 {
    width: 100%;
  }
  .span_4_of_5 {
    width: 100%;
  }
  .span_3_of_5 {
    width: 100%;
  }
  .span_2_of_5 {
    width: 100%;
  }
  .span_1_of_5 {
    width: 100%;
  }
  /*  GRID OF SIX   ============================================================================= */
  .span_6_of_6 {
    width: 100%;
  }
  .span_5_of_6 {
    width: 100%;
  }
  .span_4_of_6 {
    width: 100%;
  }
  .span_3_of_6 {
    width: 100%;
  }
  .span_2_of_6 {
    width: 100%;
  }
  .span_1_of_6 {
    width: 100%;
  }
  /*  GRID OF SEVEN   ============================================================================= */
  .span_7_of_7 {
    width: 100%;
  }
  .span_6_of_7 {
    width: 100%;
  }
  .span_5_of_7 {
    width: 100%;
  }
  .span_4_of_7 {
    width: 100%;
  }
  .span_3_of_7 {
    width: 100%;
  }
  .span_2_of_7 {
    width: 100%;
  }
  .span_1_of_7 {
    width: 100%;
  }
  /*  GRID OF EIGHT   ============================================================================= */
  .span_8_of_8 {
    width: 100%;
  }
  .span_7_of_8 {
    width: 100%;
  }
  .span_6_of_8 {
    width: 100%;
  }
  .span_5_of_8 {
    width: 100%;
  }
  .span_4_of_8 {
    width: 100%;
  }
  .span_3_of_8 {
    width: 100%;
  }
  .span_2_of_8 {
    width: 100%;
  }
  .span_1_of_8 {
    width: 100%;
  }
  /*  GRID OF NINE   ============================================================================= */
  .span_9_of_9 {
    width: 100%;
  }
  .span_8_of_9 {
    width: 100%;
  }
  .span_7_of_9 {
    width: 100%;
  }
  .span_6_of_9 {
    width: 100%;
  }
  .span_5_of_9 {
    width: 100%;
  }
  .span_4_of_9 {
    width: 100%;
  }
  .span_3_of_9 {
    width: 100%;
  }
  .span_2_of_9 {
    width: 100%;
  }
  .span_1_of_9 {
    width: 100%;
  }
  /*  GRID OF TEN   ============================================================================= */
  .span_10_of_10 {
    width: 100%;
  }
  .span_9_of_10 {
    width: 100%;
  }
  .span_8_of_10 {
    width: 100%;
  }
  .span_7_of_10 {
    width: 100%;
  }
  .span_6_of_10 {
    width: 100%;
  }
  .span_5_of_10 {
    width: 100%;
  }
  .span_4_of_10 {
    width: 100%;
  }
  .span_3_of_10 {
    width: 100%;
  }
  .span_2_of_10 {
    width: 100%;
  }
  .span_1_of_10 {
    width: 100%;
  }
  /*  GRID OF ELEVEN   ============================================================================= */
  .span_11_of_11 {
    width: 100%;
  }
  .span_10_of_11 {
    width: 100%;
  }
  .span_9_of_11 {
    width: 100%;
  }
  .span_8_of_11 {
    width: 100%;
  }
  .span_7_of_11 {
    width: 100%;
  }
  .span_6_of_11 {
    width: 100%;
  }
  .span_5_of_11 {
    width: 100%;
  }
  .span_4_of_11 {
    width: 100%;
  }
  .span_3_of_11 {
    width: 100%;
  }
  .span_2_of_11 {
    width: 100%;
  }
  .span_1_of_11 {
    width: 100%;
  }
  /*  GRID OF TWELVE   ============================================================================= */
  .span_12_of_12 {
    width: 100%;
  }
  .span_11_of_12 {
    width: 100%;
  }
  .span_10_of_12 {
    width: 100%;
  }
  .span_9_of_12 {
    width: 100%;
  }
  .span_8_of_12 {
    width: 100%;
  }
  .span_7_of_12 {
    width: 100%;
  }
  .span_6_of_12 {
    width: 100%;
  }
  .span_5_of_12 {
    width: 100%;
  }
  .span_4_of_12 {
    width: 100%;
  }
  .span_3_of_12 {
    width: 100%;
  }
  .span_2_of_12 {
    width: 100%;
  }
  .span_1_of_12 {
    width: 100%;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.content img {
  width: auto;
}

figure,
figcaption {
  margin: 0;
}

button {
  outline: none;
  -webkit-appearance: none;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

i {
  display: inline-block;
  line-height: 80%;
  padding: 0;
  margin: 0;
  position: relative;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
  border: none;
  margin: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

h1, h2, h3, h4, h5, h6, p, figure, button {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

/*darkblue: #376cb2*/
/*lightblue: #8babd3*/
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background: #f3f3f3;
  font-weight: 300;
  font-size: 20px;
  line-height: 130%;
  position: relative;
}

.rel {
  position: relative;
}

body:before {
  content: "";
  position: fixed;
  height: 20px;
  top: 0;
  left: 0;
  width: 100%;
}

body:after {
  content: "";
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  background: url(./assets/img/ivst_bg.jpg) top center no-repeat transparent;
  background-size: cover;
  height: 100vh;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

a,
a:hover,
a.active {
  text-decoration: none;
}

p {
  margin-bottom: 10px;
}

p.red {
  color: #f02222;
}

p.small {
  font-size: 75%;
}

h1 {
  font-weight: 600;
  font-size: 170%;
  margin-bottom: 10px;
}

h2 {
  font-weight: 600;
  font-size: 170%;
  margin-bottom: 10px;
  margin-top: 30px;
  color: #376cb2;
}

h3 {
  font-weight: 400;
  font-size: 130%;
  text-transform: uppercase;
  margin-bottom: 15px;
}

h4 {
  font-weight: 400;
  font-size: 100%;
  margin-bottom: 15px;
}

h2,
h3,
h4 {
  line-height: 1.5;
}

.pad {
  padding: 0 5%;
}

.formError {
  left: 0 !important;
}

.tcenter {
  text-align: center;
}

.tright {
  text-align: right;
}

.tleft {
  text-align: left;
}

p.error {
  color: #f02222;
  border: 1px solid;
  padding: 5px 10px;
  font-size: 80%;
  margin-bottom: 10px;
}

.checkbox_wrapper {
  position: relative;
}

.strong {
  font-weight: bold;
}

/*BUTTONS*/
.btnWrapp {
  position: relative;
}

button,
a.specialbtn {
  -webkit-appearance: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  outline: none;
  background: transparent;
  font-size: 120%;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  height: 100px;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  overflow: visible;
  text-decoration: none;
}
button:hover span.arrow,
a.specialbtn:hover span.arrow {
  right: -15px;
}
button:hover,
a.specialbtn:hover {
  text-decoration: none;
}
button.toright,
a.specialbtn.toright {
  padding-right: 50px;
}
button.toleft,
a.specialbtn.toleft {
  padding-left: 50px;
}
button.toleft span.arrow,
a.specialbtn.toleft span.arrow {
  right: inherit;
  left: 0px;
}
button.toleft span.arrow:before, button.toleft span.arrow:after,
a.specialbtn.toleft span.arrow:before,
a.specialbtn.toleft span.arrow:after {
  transform-origin: center left;
  -webkit-transform-origin: center left;
}
button.toleft span.arrow:before,
a.specialbtn.toleft span.arrow:before {
  top: 45px;
}
button span.arrow,
a.specialbtn span.arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 70px;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}
button span.arrow:before, button span.arrow:after,
a.specialbtn span.arrow:before,
a.specialbtn span.arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  transform-origin: center right;
  -webkit-transform-origin: center right;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}
button span.arrow:before,
a.specialbtn span.arrow:before {
  top: 48px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
button span.arrow:after,
a.specialbtn span.arrow:after {
  top: 47px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.question-box button {
  color: #fff;
}

.question-box .bottom-box {
  background: #fff;
  padding: 30px 5% 70px;
}

.question-box button span.arrow:before,
.question-box button span.arrow:after {
  background: #fff;
}

main {
  position: relative;
  z-index: 1;
  /* Firefox bug */
  overflow: hidden;
}
main section {
  background: #fff;
}
main .layout {
  max-width: 1240px;
  margin: 5px auto 0;
}
main .content {
  padding: 20px 5% 100px;
}
main a,
main a:hover,
main a.active {
  text-decoration: underline;
  color: #376cb2;
}

header {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 1240px;
  margin: 0 auto;
}
header:after {
  content: "";
  clear: both;
  display: block;
}
header nav {
  height: 40px;
  line-height: 40px;
  font-size: 60%;
  font-weight: 400;
  text-transform: uppercase;
}
header a {
  margin-left: 15px;
}

footer {
  bottom: 0;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 100;
}
footer .footer_inner {
  max-width: 1240px;
  margin: 0 auto;
  color: #fff;
  height: 50px;
}
footer .footer_inner nav ul li {
  display: inline-block;
  font-size: 60%;
  font-weight: 400;
  line-height: 50px;
  text-transform: uppercase;
  margin-right: 10px;
}
footer .footer_inner nav ul li.privacy-trigger {
  cursor: pointer;
}

.loginArea {
  height: 150px;
  background: #fff;
}

.logo {
  width: 18%;
  height: 80px;
  margin-top: 38px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.logo a {
  margin-left: 0;
}
.logo img {
  max-width: 100%;
  height: auto;
}

.intro {
  font-weight: 700;
  font-size: 170%;
  line-height: 150px;
  margin-left: 20px;
  color: #70706E;
}

.user-info {
  height: 50px;
  margin-top: 50px;
  text-align: right;
}

.user-info span {
  display: block;
  width: 100%;
  text-align: right;
  line-height: 150%;
  font-weight: 100;
}

.user-info .logoutbutton {
  font-size: 60%;
  cursor: pointer;
  font-weight: 700;
}
.user-info .logoutbutton.profile-remove {
  font-weight: normal;
}

#root_content a {
  text-decoration: underline;
  cursor: pointer;
}

p.error.pw-reset {
  color: #aaa;
  border: 0;
  padding: 0;
}

.teaser {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /*16:9 aspect-ratio*/
  background-color: aliceblue;
  margin-bottom: 30px;
}
.teaser.image {
  padding-top: 36.2903%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.teaser-startpage {
  padding-top: 0;
}

.teaser-inner {
  background-color: #fff;
  text-align: center;
  padding: 50px 0;
}

.teaser h1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  height: 120px;
  line-height: 120px;
}

.teaser iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*REGISTER*/
.col.span_1_of_2.register-panel {
  padding-right: 15px;
}

.register h1 {
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  padding: 50px 5%;
  line-height: 120%;
}

.register h1 span {
  display: block;
  font-size: 80%;
  font-weight: 300;
}

.register h2 {
  font-size: 120%;
}

.register-disclaimer {
  font-size: 13px;
  line-height: 1.5;
}

.mail-link {
  text-decoration: underline;
  cursor: pointer;
}

/* Cookie Consent Manager */
.cc-window {
  font-size: 14px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/******************************************************************************/
/* STARTPAGE */
/* Test overview */
.col.span_1_of_3:nth-child(3n+1) {
  margin-left: 0;
}

.test .title {
  max-height: 55px;
  overflow: hidden;
  height: 55px;
  word-break: break-word;
}

#root_content .test-further a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

.pdf-link {
  text-decoration: none !important;
  font-weight: bold;
  font-size: 120%;
  position: relative;
  padding-right: 35px;
}

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

.teaser.nomarg {
  margin-bottom: 0;
}

.teaser.nomarg.login {
  margin-bottom: 20px;
}

.test {
  display: block;
  width: 100%;
  background: white;
  position: relative;
  color: #ccc;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 120%;
  padding: 10px;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  cursor: not-allowed;
  text-decoration: none;
}
.test:hover {
  text-decoration: none;
}
.test.active, .test.done {
  cursor: pointer;
}
.test .video-container {
  width: 100%;
  padding-top: 56.25%;
  /*16:9 aspect-ratio*/
  position: relative;
  margin-bottom: 10px;
}
.test .video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f1f1f1;
}

.tile-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-size: cover;
  background-position: center center;
  width: 100%;
}

h1.video-head {
  position: absolute;
  width: 100%;
  z-index: 2;
  opacity: 1;
  transition: opacity 400ms ease-in-out;
  -webkit-transition: opacity 400ms ease-in-out;
}

h1.video-head-login {
  position: relative;
  padding: 0 5%;
  line-height: 120px;
  width: 100%;
  height: 120px;
  color: #fff;
  margin-bottom: 0;
}

h1.video-head-login span.loginlink {
  cursor: pointer;
}

h1.video-head.play {
  opacity: 0;
}

h3.video-title {
  padding: 30px 5% 15px;
  font-weight: bold;
}

.test .video-container:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
}

.test.active .video-container:before,
.test.done .video-container:before {
  display: none;
}

.test.done .video-container:after {
  content: "";
  display: block;
  position: absolute;
  width: 65px;
  height: 65px;
  bottom: -15px;
  right: -15px;
  background: url(./assets/img/testdone.png) top left no-repeat transparent;
  background-size: contain;
}

.test {
  text-decoration: none !important;
}

.test.active {
  color: #fff;
}

.test-teaser {
  max-height: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  transition: all 400ms cubic-bezier(0.09, 0.64, 1, 0.27);
  -webkit-transition: all 400ms cubic-bezier(0.09, 0.64, 1, 0.27);
  -moz-transition: all 400ms cubic-bezier(0.09, 0.64, 1, 0.27);
  -o-transition: all 400ms cubic-bezier(0.09, 0.64, 1, 0.27);
}

.test-teaser-inner {
  opacity: 0;
}

.test-teaser.active {
  max-height: 100%;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  overflow: visible;
}

.test-teaser.active .test-teaser-inner {
  opacity: 1;
}

/* Test */
.question-box {
  background: gray;
  color: #fff;
  display: none;
}

.question-box.pad {
  padding: 15px 5% 30px;
}

.question-wrapper.pad {
  padding: 15px 5% 30px;
}

.success-box.active.pad,
.test-teaser.active.pad {
  padding: 0px 5% 30px;
}

.wrong-answer-message.pad.active {
  padding: 15px 5% 15px;
}

.success-box {
  display: none;
}

.success-box.active {
  display: block;
}

.wrong-answer-message {
  color: #fff;
  display: none;
}

.wrong-answer-message.active,
.question-box.active,
.test-teaser.active {
  display: block;
}

.answer-pic {
  max-width: 100%;
  padding-top: 100%;
  position: relative;
  margin-bottom: 10px;
}

.answer-pic img {
  position: absolute;
  top: 0;
  max-width: 100%;
  height: auto;
  cursor: pointer;
}

.answers input[type=radio] + label {
  width: 100%;
  display: block;
}

.answer-check {
  display: table-row;
  width: 100%;
}

input[type=radio] + label .answer-check span {
  display: table-cell;
  vertical-align: top;
  font-size: 85%;
  line-height: 120%;
}

input[type=radio] + label .answer-check span.graphic {
  display: table;
  width: 30px;
  height: 30px;
}

input[type=radio] + label .answer-check span.text.gr {
  padding-top: 7px;
}

.test-further {
  white-space: nowrap;
}

.test-further.pad {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  background-color: #fff;
}

.btnWrapp-starter {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.btnWrapp-starter.active {
  max-height: 240px;
  padding: 20px 0;
}

button.start-button.start-test.tobottom {
  position: relative;
  display: block !important;
  align-items: unset !important;
  bottom: 10%;
  left: 50%;
  margin-left: -100px;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  /*    transition: transform 1s cubic-bezier(.09,.64,1,.27);
      -webkit-transition: -webkit-transform 1s cubic-bezier(.09,.64,1,.27);*/
  transition: transform 1s ease-in-out;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  background: #fff;
  width: 200px;
  text-align: center;
  padding-top: 200px;
  line-height: 200px;
  border-radius: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

button.start-button.start-test.tobottom span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
  transition: color 400ms ease-in-out;
  -webkit-transition: color 400ms ease-in-out;
}

button.start-button.start-test.tobottom span.arrow {
  position: absolute;
  top: inherit;
  bottom: 5px;
  left: 25px;
  right: 25px;
  width: 150px;
  height: 50px;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}

button.start-button.start-test.tobottom span.arrow:before {
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 0;
}

button.start-button.start-test.tobottom span.arrow:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 0;
  right: 0;
}

button.start-button.start-test.tobottom span.arrow:before,
button.start-button.start-test.tobottom span.arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 89px;
  height: 3px;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}

button.start-button.start-test.tobottom.active {
  transform: scale(1);
  -webkit-transform: scale(1);
}

/******************************************************************************/
/*Terms Overlay*/
/******************************************************************************/
.default-overlay {
  position: fixed;
  width: 100%;
  display: none;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: transparent;
  -webkit-transition: 1200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: 1200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: 1200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.default-overlay.active {
  z-index: 1000;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.default-overlay .privacyWrapper {
  max-width: 900px;
  width: 80%;
  height: 70%;
  height: 70vh;
  background: #fff;
  padding: 30px 38px 30px 30px;
  position: relative;
  border: 2px solid #376cb2;
}
.default-overlay .privacyWrapper h2 {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 40px;
}
.default-overlay .privacyWrapper .overlay-close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.default-overlay .privacyWrapper .overlay-close:before {
  content: "";
  display: block;
  position: absolute;
  background: #376cb2;
  width: 100%;
  height: 2px;
  top: 14px;
  left: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: transform 400ms ease-in-out;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
}
.default-overlay .privacyWrapper .overlay-close:after {
  content: "";
  display: block;
  position: absolute;
  background: #376cb2;
  width: 100%;
  height: 2px;
  top: 14px;
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: transform 400ms ease-in-out;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
}
.default-overlay .privacyWrapper .overlay-close:hover:after, .default-overlay .privacyWrapper .overlay-close:hover:before {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.default-overlay .privacyWrapper .scrollable {
  width: 100%;
  padding-right: 30px;
  overflow: auto;
  height: calc(70% - 100px);
  height: calc(70vh - 100px);
  font-size: 15px;
  line-height: 26px;
}
.default-overlay .privacyWrapper .scrollable ol,
.default-overlay .privacyWrapper .scrollable ul {
  list-style-type: inherit;
  padding-left: 40px;
  margin-bottom: 10px;
}
.default-overlay .privacyWrapper .scrollable ol li {
  list-style-type: decimal;
  padding-left: 10px;
}
.default-overlay .privacyWrapper .scrollable ul li {
  list-style-type: disc;
  padding-left: 10px;
}
.default-overlay .privacyWrapper .scrollable h3,
.default-overlay .privacyWrapper .scrollable h4 {
  margin-bottom: 10px;
  margin-top: 30px;
}

/* Login-Overlay */
div#terms-wrapper.login-overlay {
  top: 150px !important;
  height: auto;
}

.login-overlay a {
  text-decoration: underline;
  cursor: pointer;
}

#login-text {
  width: 100%;
  padding-right: 30px;
  overflow: auto;
}

@media only screen and (max-width: 1240px) {
  body {
    font-size: 16px;
  }
  .teaser h1,
.register h1,
h1.video-head-login {
    height: auto;
    line-height: 123%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 150%;
  }
}
@media only screen and (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }
  .answers .span_1_of_5 {
    width: 100%;
    margin: 20px 0;
  }
  .answer-pic {
    padding-top: 0;
    position: relative;
  }
  .answer-pic img {
    position: relative;
  }
  .answer {
    float: left;
    width: 33%;
    margin-right: 2.5%;
  }
  .test-teaser-inner .fx__row,
.test-button-wrapper .fx__row {
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .test-teaser-inner .fx__row .test-further,
.test-button-wrapper .fx__row .test-further {
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }
  .test-teaser-inner .fx__row .test-further *,
.test-button-wrapper .fx__row .test-further * {
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .loginArea {
    height: 80px;
  }
  .intro {
    display: none;
  }
  .success-box .fx {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  .success-box .fx button {
    display: inline-block !important;
  }
  .logo {
    margin-top: 10px;
    height: auto;
    width: 150px;
  }
  .user-info {
    margin-top: 20px;
  }
  .register h1 {
    padding: 20px 5%;
  }
  .footer {
    position: relative;
  }
  div#root_content {
    padding-bottom: 0;
  }
  .col.span_1_of_3 {
    width: 49.2%;
  }
  .col.span_1_of_3:nth-child(3n+1) {
    margin-left: 1.6%;
  }
  .col.span_1_of_3:nth-child(2n+1) {
    margin-left: 0;
  }
  .teaser h1,
.register h1,
h1.video-head-login {
    font-size: 140%;
  }
  button,
a.specialbtn {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
  div#privacyWrapper {
    width: 100%;
    height: auto;
  }
  #terms-text {
    overflow: visible;
    height: auto;
  }
  #form-registration .first-block.col.span_6_of_10 {
    width: 100%;
  }
  footer {
    position: relative;
  }
  main .content {
    padding: 20px 5% 20px;
  }
  footer .footer_inner {
    height: auto;
  }
  nav#menu-footer ul,
nav#menu-footer ul li {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .col.span_1_of_2.register-panel {
    border-right: none;
    padding-right: 0px;
  }
  .answers input[type=radio] + label {
    display: inline-block;
    width: 100%;
  }
  .answer {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .answer-pic {
    max-width: 100%;
    width: 100%;
  }
  .answer-pic img {
    max-width: 100%;
    width: 100%;
  }
  .tright,
.tleft {
    text-align: center;
  }
  .col.span_1_of_3 {
    width: 100%;
  }
  .col.span_1_of_3:nth-child(3n+1) {
    margin-left: 0;
  }
  .col.span_1_of_3:nth-child(2n+1) {
    margin-left: 0;
  }
  .user-info span {
    overflow: hidden;
  }
  div#terms-wrapper h2 {
    font-size: 120%;
  }
  .default-overlay .privacyWrapper h1 {
    font-size: 16px;
  }
  .default-overlay .privacyWrapper h2,
.default-overlay .privacyWrapper h3 {
    font-size: 14px;
  }
  .default-overlay .privacyWrapper .scrollable {
    font-size: 12px;
    line-height: 1.9;
  }
  .default-overlay .privacyWrapper .scrollable h3,
.default-overlay .privacyWrapper .scrollable h4 {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .default-overlay .privacyWrapper {
    max-width: 900px;
    width: 100%;
    height: 100vh;
  }
  .default-overlay .privacyWrapper .scrollable {
    height: calc(100vh - 100px);
  }
  header nav#menu-header {
    height: 100%;
  }
  header nav#menu-header ul {
    float: none !important;
    width: 100%;
  }
  header nav#menu-header ul li {
    display: block;
    width: 100%;
    text-align: center;
  }
  header nav#menu-header ul li a {
    margin: 0;
  }
}
@media only screen and (max-width: 410px) {
  .intro {
    font-size: 100%;
    line-height: 80px;
  }
  .user-info {
    font-size: 80%;
  }
}
@media only screen and (max-width: 640px), (max-height: 640px) {
  button.start-button.start-test.tobottom.active {
    transform: translateY(0%) scale(0.7);
    -webkit-transform: translateY(0%) scale(0.7);
    position: relative;
    bottom: 0;
  }
  h1.video-head {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  .intro {
    font-size: 80%;
    line-height: 80px;
  }
}
input[type=text], input[type=email], input[type=password], textarea {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: #f1f1f1;
  padding: 15px;
  width: 100%;
  color: #000;
  font-size: 100%;
  border-radius: 5px !important;
  margin-bottom: 10px;
}

input[placeholder], [placeholder], *[placeholder] {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #000 !important;
}

textarea {
  width: 100% !important;
  min-width: 100%;
  max-width: 100%;
  min-height: 100px;
  height: 100px !important;
}

.reqField {
  font-size: 60%;
}

.checkbox-wrapper {
  position: relative;
}

label[for=form-input-terms], label[for=terms], label[for=newsletter] {
  display: table-row;
  cursor: pointer;
  width: 100%;
}

label[for=terms] span {
  font-size: 70%;
  font-style: italic;
  color: #cccccc;
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

.il_el {
  display: inline-block;
  margin: 0px 10px 10px 0;
  position: relative;
}

input[type=checkbox], input[type=radio] {
  visibility: hidden;
  margin: 0;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

input[type=checkbox] + label {
  display: table-row;
}

input[type=radio] + label {
  display: inline-block;
}

input[type=checkbox] + label span.graphic {
  display: table-cell;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}

input[type=checkbox] + label span.graphic:before {
  content: "";
  display: block;
  background: url(./assets/img/radio.png) top left no-repeat transparent;
  background-size: cover;
  width: 20px;
  height: 20px;
}

input[type=checkbox]:checked + label span.graphic:before, input[type=radio]:checked + label span.graphic {
  background-position: bottom left;
}

input[type=checkbox] + label div.line {
  font-size: 75%;
}

input[type=radio] + label span.graphic {
  background: url(./assets/img/radio.png) top left no-repeat transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  background-size: cover;
}

input[type=radio] + label span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

*[class^=fx__],
*[class*=" fx__"] {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fx {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.fx__row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.fx__col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vert-stretch .fx__col {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.jc__center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.jc__sp-bet {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.jc__end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.ai__end {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.ai__center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.fx .wp-block-image {
  min-height: 1px;
}

.wp-block-button a {
  color: #fff !important;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #376cb2 !important;
  padding: 10px 2rem 15px;
}
.wp-block-button a:after {
  content: "";
  background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAYAAABK4fLXAAABq0lEQVRYhe2XMU8CQRCF3xq0UGOgBQtMsLOgsKEBE2stLayo/AH8IWOj0UYLlYpQ0dmZWIixt9SIJibmmYm3cZk9vDsO0OK+Bmb2zczbDRwL0kDykOSHvKZqNC4kSxymNG6vOS8Tn3ml1PFMTEyMzIQlM2HJTFgyE5bMhCUzYfn/Jkg2SN6T7CS9L5BcDeqkvuEJEjTqOteWW5IFZ62sLjVlZ60Q6C1dr7nDrycB4M55vwHgiuSipxo2LuvXgT6sTzKkIcme2nGb5ELYSQT5tsr3ooxHQjKvjlY4JrmmchKfqJzU5VMZcI64SPJRDThX8YWKRV/0mqU0UiH5xHiIruI1mZCRKsnnCBuyXvWKJ2ykTvLNG/2N5Ote0ZSM7JL8VAYk3vHEMTDq6B6MMa8xjTQBuH//msaYI08YAsllAD+fGbWbLb9kNCRbQV1rpCgEmeMOTWUi2MS2l4xAm0j9K2qM6XjJhGT3CYs2kfMU0yGnhw4ALAXxQfD1mTb7Tv+BPCdOAezN6ATCOBMT6wBuAKz8gYEXAJtzxpg+gBqASwDvMxouc2RezRjT/wIgXD436uXXSwAAAABJRU5ErkJggg==") no-repeat center center transparent;
  background-size: 22px 24px;
  height: 24px;
  width: 22px;
  position: relative;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  display: inline-block;
  margin-left: 10px;
  top: 5px;
}
.wp-block-button a:hover {
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #9d9d9c !important;
}
.wp-block-button.is-style-outline a {
  padding: 15px 2rem;
}
.wp-block-button.is-style-outline a:after {
  display: none;
}

span.btn.pdf-link {
  background: #9d9d9c;
  cursor: not-allowed;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
}

a.btn.pdf-link {
  background-color: #376cb2;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
}
a.btn.pdf-link:hover {
  background-color: #9d9d9c;
}

.hidden {
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

.btn.pdf-link {
  color: #fff;
  padding: 10px 15px 15px;
  display: inline-block;
  margin: 1rem 0;
  line-height: 100%;
}
.btn.pdf-link span:after {
  content: "";
  background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAYAAABK4fLXAAABq0lEQVRYhe2XMU8CQRCF3xq0UGOgBQtMsLOgsKEBE2stLayo/AH8IWOj0UYLlYpQ0dmZWIixt9SIJibmmYm3cZk9vDsO0OK+Bmb2zczbDRwL0kDykOSHvKZqNC4kSxymNG6vOS8Tn3ml1PFMTEyMzIQlM2HJTFgyE5bMhCUzYfn/Jkg2SN6T7CS9L5BcDeqkvuEJEjTqOteWW5IFZ62sLjVlZ60Q6C1dr7nDrycB4M55vwHgiuSipxo2LuvXgT6sTzKkIcme2nGb5ELYSQT5tsr3ooxHQjKvjlY4JrmmchKfqJzU5VMZcI64SPJRDThX8YWKRV/0mqU0UiH5xHiIruI1mZCRKsnnCBuyXvWKJ2ykTvLNG/2N5Ote0ZSM7JL8VAYk3vHEMTDq6B6MMa8xjTQBuH//msaYI08YAsllAD+fGbWbLb9kNCRbQV1rpCgEmeMOTWUi2MS2l4xAm0j9K2qM6XjJhGT3CYs2kfMU0yGnhw4ALAXxQfD1mTb7Tv+BPCdOAezN6ATCOBMT6wBuAKz8gYEXAJtzxpg+gBqASwDvMxouc2RezRjT/wIgXD436uXXSwAAAABJRU5ErkJggg==") no-repeat center center transparent;
  background-size: 22px 24px;
  height: 24px;
  width: 22px;
  position: relative;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  display: inline-block;
  margin-left: 10px;
  top: 5px;
}

a.pdf-link span.pdf-icon {
  position: absolute;
  display: inline-block;
  background: url("assets/img/pdf-icon.jpg") no-repeat bottom right #fff;
  background-size: contain;
  width: 30px;
  height: 50px;
  bottom: -4px;
  right: 0;
}

figure {
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  padding: 20px;
  background: #fff;
}
figure a,
figure a:hover {
  text-decoration: none;
}
figure img {
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  border: 3px solid #376cb2;
  position: relative;
}
figure figcaption {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  text-transform: uppercase;
}
figure figcaption img {
  border: none;
}
figure figcaption:after {
  content: "";
  background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAmCAYAAACh1knUAAACG0lEQVRYhe2XPWsVQRSGn1yDn6AgaiNaqo0fWChBIXhBjYUpxCISrM40CgGxzK/ID5hTiVhEUiQQRFBRbKzEQmzUgGghiiASQUGQwbMymdndbO4NV4t9YGD3nHfOeZm7l5kZog9U/WlgzipcEnFPe63WySJrYwrYbWOqn0L9GtlU8TxwI+tGaySlNZLSGklpjaS0RlJaIyn/jZHhLBKh6vcBd4BdwA0Rdy8T1aDqx4AZ4DMwIeLeV6lXW5FrwCngYDiJqfpupqjAtHM2N9S4Xq5sZuRl9LwFmFf1JzNVgmnmbU5ZrYxaIyLuti1twTbgvqo/nIkNVX8kaExbMGO1Kqk1YtwEfPS+HXio6g+UmAg/wwPTFHirUUujU7yq3wDcAq5E4Q/AR+C4vT8H9gB7I0340K+KuF9Z0YTG1wlVvxG4C1zMkuUsAJdF3M/SbK9GzMxmYBE4kyVX8gi4IOJ+ZJkK1nzBUvVbrdGJLPmHZ0BXxH3PMjX0dNNT9TuAx8DRJPUCGBVxX7NJqzCk6o9Fknci7kv9lL9mwu3uCXDIQq/MxKdMXIKq3wnsLzId+9qLMZ5PKccangXeAm+Ac01NGONx7742Pds7zgNjdftIE2o3vYZmXmfBHmjPIympkUEaW9ErfCPL0U45qeob/X3XgcmoxPKw7QkTFujaGDQLYXmm7Sj3rwi9pzsibgkYAWaBbwM0EHqFniMibuk3PaOElvITxZIAAAAASUVORK5CYII=") no-repeat center center transparent;
  background-size: 30px 35px;
  height: 35px;
  width: 30px;
  position: relative;
  float: right;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
}
figure.wp-block-image figcaption {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}
figure:hover {
  background: #9bb5d8;
}
figure:hover.wp-block-image figcaption {
  color: #fff;
}
figure:hover img {
  z-index: 1;
}
figure:hover figcaption {
  opacity: 0.75;
  color: #9e9e9e;
}
figure:hover figcaption:after {
  background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAYAAABK4fLXAAABq0lEQVRYhe2XMU8CQRCF3xq0UGOgBQtMsLOgsKEBE2stLayo/AH8IWOj0UYLlYpQ0dmZWIixt9SIJibmmYm3cZk9vDsO0OK+Bmb2zczbDRwL0kDykOSHvKZqNC4kSxymNG6vOS8Tn3ml1PFMTEyMzIQlM2HJTFgyE5bMhCUzYfn/Jkg2SN6T7CS9L5BcDeqkvuEJEjTqOteWW5IFZ62sLjVlZ60Q6C1dr7nDrycB4M55vwHgiuSipxo2LuvXgT6sTzKkIcme2nGb5ELYSQT5tsr3ooxHQjKvjlY4JrmmchKfqJzU5VMZcI64SPJRDThX8YWKRV/0mqU0UiH5xHiIruI1mZCRKsnnCBuyXvWKJ2ykTvLNG/2N5Ote0ZSM7JL8VAYk3vHEMTDq6B6MMa8xjTQBuH//msaYI08YAsllAD+fGbWbLb9kNCRbQV1rpCgEmeMOTWUi2MS2l4xAm0j9K2qM6XjJhGT3CYs2kfMU0yGnhw4ALAXxQfD1mTb7Tv+BPCdOAezN6ATCOBMT6wBuAKz8gYEXAJtzxpg+gBqASwDvMxouc2RezRjT/wIgXD436uXXSwAAAABJRU5ErkJggg==") no-repeat center center transparent;
  background-size: 30px 35px;
}
figure a + figcaption {
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
}

.uppercase {
  text-transform: uppercase;
}

.badge {
  font-weight: 600;
  padding: 1rem;
  margin: 0 0 1rem 0;
}
.badge.badge__error {
  color: #f02222;
  background: aliceblue;
}
.badge.badge__login {
  color: #376cb2;
  background: aliceblue;
}

.login-teaser {
  color: #376cb2;
  background: aliceblue;
  padding: 1rem;
}

.accordeon__tab {
  position: relative;
  margin: 25px 0;
}
.accordeon__tab input {
  display: none;
}
.accordeon__tab label {
  position: relative;
  background: #376cb2;
  font-weight: 600;
  font-size: 150%;
  color: #fff;
  width: 100%;
  padding: 15px;
  display: block !important;
  z-index: 100;
  cursor: pointer;
  padding-right: 70px;
  word-break: break-word;
  line-height: 1.5;
}
.accordeon__tab label:after {
  content: "";
  background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAbCAYAAAD77kbeAAACDUlEQVRIicWWv0tVYRjHXxXsB1qDIFJQKQ0GOQgOJtroUkNBtIhQa7S5uDhFi39Ag7RJtORQIf4DCg4iRNQiRRRERUMkRQn6iYf7Ht7e93vO7d7rObfPcrjnfb7f57O8nOv+BpgFHrg2Yvtsb+5GYAL4TY07MlABwF2/z/ZOpkLngM8E9oHpioWm/Z6ML+aRHfYCL1G+AcPSVo7QBd+fYh69NvBcjgI7QF/JQn3AG9kUWO10zr2VZOC8c24F6JaT1oSsZ8U5NySHgR0b7ALWxDdmSaKtST2U5hjz6MqGTwKvZSRmTrY0JzQnjTGvgBNpaBD4KqMBuylXZFtjQleTm5Ziewcl6MOXgT2JBL4DFyVYB2AE2JWmgO2bKm6oldyWWMw7oF+COdicn6/HLU3mACzWKTHW/3UjgSPAhiRjFiVYhL+Rz6QiZrkgnkktSyLmKdApwXoAPcALqYqZz6uw9zIZY709EmxQ7GzyTUw5AK4lmesyFfMJOCPLmhS7BPyS6sAPYNTPjvrfRVjPuCxpUWymYEnGey/0QU5iZqT8kGL3ZUXMgbyJuSelJUh1AE9kVWNYrkNKSxI7Dmw3KbRlOSkrWew08FFW52Nzp6SkIrEx4GeuRsDOxyRcsdhN0Yi5IaE2iS2ISo0FGW6jlN3Ix4nQo8puWhNix4BNL2TPo/9VKAMY8H9nBg5d5pz7A8LFsoZJ5+AKAAAAAElFTkSuQmCC") no-repeat center center transparent;
  background-size: 30px 20px;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
}
.accordeon__tab .accordeon__panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.accordeon__tab input:checked + label + .accordeon__panel {
  max-height: 30000px;
  opacity: 1;
}
.accordeon__tab input:checked + label:after {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordeon__tab .section {
  width: 100%;
}

.scrollable ul {
  display: block !important;
}
.scrollable li {
  display: list-item !important;
}

@media only screen and (max-width: 680px) {
  .fx.fx__row {
    display: block;
    width: 100%;
  }
  .fx.fx__row .span_1_of_3 {
    display: block !important;
    width: 100%;
  }
}

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