/*!
 * Project: MitDemAutoInsAusland
 *
 * User: avoelker
 * Date: 27.05.2020
 *
 * This code is copyright (c) 2020 let's dev GmbH & Co. KG
 * URL: https://www.letsdev.de
 * e-Mail: contact@letsdev.de
 */
/* vendors */
/* abstracts */
/* header */
/* login */
/* font */
/* border-radius */
/* media queries */
.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

/* base */
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: normal;
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: local("Roboto Medium"), local("Roboto-Regular"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); }
/* B/W */
/* COLORS */
/* MAIN */
/* BACKGROUNDS */
html, body {
  font-family: "Roboto", sans-serif;
  font-size: 16px; }

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

html *, div, section {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html *:focus {
  outline: none; }

body {
  position: relative;
  letter-spacing: 0.03em;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
  body.overlay-no-scroll {
    overflow: hidden; }
  body.responsive-page {
    min-width: 0; }

html, body {
  font-family: "Roboto", sans-serif;
  color: #FFFFFF; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  margin: 0; }

.heading {
  font-size: 1.75rem;
  font-weight: 500; }

.questions-heading {
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: uppercase; }

.checklist-heading {
  font-size: 1.5rem;
  font-weight: 500; }

.info-heading {
  font-size: 2rem;
  font-weight: 700; }

.info-smaller-heading {
  font-size: 1.75rem;
  font-weight: 700; }

.info-secondary-smaller-heading {
  font-size: 1.375rem;
  font-weight: 700; }

.sub-heading {
  font-size: 1.25rem;
  font-weight: 700; }

.theme-heading {
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase; }

/* List Styles */
ul, ol {
  font-size: 1.25rem;
  padding-left: 1.25rem; }

p, .asterisk {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 400; }

.country-name-wrapper {
  padding: 1rem; }

.country-name-text {
  font-weight: 500;
  margin: 0;
  text-align: center; }

span {
  margin: 0.25rem 0; }

.center {
  text-align: center; }

@media (min-width: 320px) and (max-width: 767px) {
  .heading {
    font-size: 1.25rem; }

  .questions-heading {
    font-size: 1rem; }

  .checklist-heading {
    font-size: 1rem; }

  .info-heading {
    font-size: 1.5rem; }

  .info-smaller-heading {
    font-size: 1.25rem; }

  .info-secondary-smaller-heading {
    font-size: 1rem; }

  .sub-heading {
    font-size: 1rem; }

  .theme-heading {
    font-size: 0.5625rem; }

  p, .asterisk {
    font-size: 1rem; }

  ul, ol {
    font-size: 1rem; } }
/* layout */
.navigation-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.5rem;
  background-color: #0A4F71; }
  .navigation-wrapper .content {
    display: flex;
    justify-content: space-around;
    max-width: 90rem;
    margin: auto; }
    .navigation-wrapper .content .navigation-item {
      opacity: 0.5; }
      .navigation-wrapper .content .navigation-item.active {
        opacity: 1; }
      .navigation-wrapper .content .navigation-item .navigation-button {
        font-size: 1rem;
        margin: 0.25rem 0;
        padding: 2rem 1.5rem 0;
        cursor: pointer;
        text-align: center;
        color: #FFFFFF;
        border: none; }
        .navigation-wrapper .content .navigation-item .navigation-button.info-button {
          background: url("../img/icons/ic_info_active.svg") no-repeat top;
          background-size: 1.5rem; }
        .navigation-wrapper .content .navigation-item .navigation-button.checklist-button {
          background: url("../img/icons/ic_checklist_active.svg") no-repeat top;
          background-size: 1.5rem; }
        .navigation-wrapper .content .navigation-item .navigation-button.topics-button {
          background: url("../img/icons/ic_topics_active.svg") no-repeat top;
          background-size: 1.5rem; }
        .navigation-wrapper .content .navigation-item .navigation-button.emergency-button {
          background: url("../img/icons/ic_emergency_active.svg") no-repeat top;
          background-size: 1.5rem; }

.steering-wheel-wrapper {
  position: fixed;
  right: 0;
  bottom: 22.5rem;
  left: 0;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .steering-wheel-wrapper .circle {
    position: absolute;
    left: -50%;
    display: block;
    width: 100%;
    max-width: 1280px;
    padding: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 90%; }
  .steering-wheel-wrapper .circle-content {
    position: absolute;
    top: 12.5rem;
    left: calc(50% - 17.5rem);
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 35rem; }
    .steering-wheel-wrapper .circle-content .backward-link {
      width: 4.75rem;
      height: 4.75rem; }
    .steering-wheel-wrapper .circle-content .wheel-img {
      width: 10.5rem;
      height: auto; }
    .steering-wheel-wrapper .circle-content .left-arrow-img, .steering-wheel-wrapper .circle-content .right-arrow-img {
      width: 4.75rem;
      height: auto; }
    .steering-wheel-wrapper .circle-content .arrow-button {
      width: 4.75rem;
      height: 4.75rem;
      cursor: pointer;
      vertical-align: middle;
      background: url("../img/icons/ic_wheel_right_arrow_active.svg") no-repeat;
      background-position: right;
      background-size: 4.75rem; }
  .steering-wheel-wrapper .circle .circle-content:nth-child(1) {
    top: 2rem; }
  .steering-wheel-wrapper .circle .circle-content:nth-child(2) {
    right: -8.675rem;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .steering-wheel-wrapper .circle .circle-content:nth-child(3) {
    bottom: 2rem;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

@media (min-width: 767px) and (max-width: 1024px) {
  .steering-wheel-wrapper {
    bottom: 20rem; }
    .steering-wheel-wrapper .circle-content {
      top: 10rem;
      left: calc(50% - 15rem);
      width: 30rem; }
      .steering-wheel-wrapper .circle-content .backward-link {
        width: 4rem;
        height: 4rem; }
      .steering-wheel-wrapper .circle-content .wheel-img {
        width: 10rem;
        height: auto; }
      .steering-wheel-wrapper .circle-content .left-arrow-img, .steering-wheel-wrapper .circle-content .right-arrow-img {
        width: 4rem; }
      .steering-wheel-wrapper .circle-content .arrow-button {
        width: 4rem;
        height: 4rem;
        background-size: 4rem; } }
@media (min-width: 480px) and (max-width: 767px) {
  .steering-wheel-wrapper {
    bottom: 12.5rem; }
    .steering-wheel-wrapper .circle-content {
      top: 6.5rem;
      left: calc(50% - 10rem);
      width: 20rem; }
      .steering-wheel-wrapper .circle-content .backward-link {
        width: 2.5rem;
        height: 2.5rem; }
      .steering-wheel-wrapper .circle-content .wheel-img {
        width: 6rem; }
      .steering-wheel-wrapper .circle-content .left-arrow-img, .steering-wheel-wrapper .circle-content .right-arrow-img {
        width: 2.5rem; }
      .steering-wheel-wrapper .circle-content .arrow-button {
        width: 2.5rem;
        height: 2.5rem;
        background-size: 2.5rem; } }
@media (min-width: 320px) and (max-width: 480px) {
  .steering-wheel-wrapper {
    bottom: 12.5rem; }
    .steering-wheel-wrapper .circle-content {
      top: 5rem;
      left: calc(50% - 10rem);
      width: 20rem; }
      .steering-wheel-wrapper .circle-content .backward-link {
        width: 3rem;
        height: 3rem; }
      .steering-wheel-wrapper .circle-content .wheel-img {
        width: 7rem; }
      .steering-wheel-wrapper .circle-content .left-arrow-img, .steering-wheel-wrapper .circle-content .right-arrow-img {
        width: 3rem; }
      .steering-wheel-wrapper .circle-content .arrow-button {
        width: 3rem;
        height: 3rem;
        background-size: 3rem; } }
@media (min-width: 320px) and (max-width: 767px) {
  .steering-wheel-wrapper .circle .circle-content:nth-child(1) {
    top: 1.285rem; }
  .steering-wheel-wrapper .circle .circle-content:nth-child(2) {
    right: -5.675rem; }
  .steering-wheel-wrapper .circle .circle-content:nth-child(3) {
    bottom: 1.285rem; }

  .navigation-wrapper .content .navigation-item .navigation-button {
    font-size: 0.875rem;
    padding: 1.5rem 0 0; }
    .navigation-wrapper .content .navigation-item .navigation-button.info-button {
      background-size: 1.25rem; }
    .navigation-wrapper .content .navigation-item .navigation-button.checklist-button {
      background-size: 1.25rem; }
    .navigation-wrapper .content .navigation-item .navigation-button.topics-button {
      background-size: 1.25rem; }
    .navigation-wrapper .content .navigation-item .navigation-button.emergency-button {
      background-size: 1.25rem; } }
.header-wrapper {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  padding: 1rem 1rem 0.5rem;
  background-color: #0BADDE; }
  .header-wrapper img {
    cursor: pointer; }

.overlay-wrapper.info-container .content-wrapper, .overlay-wrapper.emergency-container .content-wrapper {
  background-color: #0BADDE; }
.overlay-wrapper .overlay-header-wrapper {
  padding: 1.5rem 1rem;
  background-color: #0BADDE; }

.header .content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 90rem;
  margin: auto; }
  .header .content .heading-wrapper {
    margin: auto; }
  .header .content .img-wrapper {
    position: absolute; }
    .header .content .img-wrapper .close-img {
      width: 1.5rem;
      height: auto;
      background-size: 1.5rem; }
  .header .content .logout {
    position: absolute;
    right: 0; }

@media (min-width: 320px) and (max-width: 767px) {
  .header .content .img-wrapper .close-img {
    width: 1rem;
    background-size: 1rem; } }
.page-container {
  min-height: 100vh;
  margin: auto;
  background-color: #0BADDE; }
  .page-container .content-wrapper {
    max-width: 90rem;
    margin: auto; }

.error .page-container {
  padding: 2rem; }

.input-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.75rem 0.5rem; }
  .input-wrapper label,
  .input-wrapper .label {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #0BADDE; }
  .input-wrapper input:read-only {
    cursor: not-allowed;
    background: #0BADDE; }
  .input-wrapper input,
  .input-wrapper select {
    font-family: "Roboto", sans-serif;
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 3rem 0.5rem 0.5rem;
    cursor: text;
    color: #0BADDE;
    border: 1px solid #FFFFFF;
    border-radius: 1rem;
    background-color: #0BADDE; }
    .input-wrapper input:disabled,
    .input-wrapper select:disabled {
      cursor: not-allowed;
      background: #FFFFFF; }
  .input-wrapper select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .input-wrapper ::-webkit-input-placeholder {
    color: #FFFFFF; }
  .input-wrapper ::-moz-placeholder {
    color: #FFFFFF; }
  .input-wrapper :-ms-input-placeholder {
    color: #FFFFFF; }
  .input-wrapper ::placeholder {
    color: #FFFFFF; }
  .input-wrapper input[type="checkbox"],
  .input-wrapper input[type="radio"] {
    display: none; }
    .input-wrapper input[type="checkbox"] ~ label,
    .input-wrapper input[type="radio"] ~ label {
      font-weight: normal;
      display: inline-block;
      width: auto;
      margin: 0;
      cursor: pointer;
      letter-spacing: 0.03em;
      text-transform: none; }
      .input-wrapper input[type="checkbox"] ~ label span,
      .input-wrapper input[type="radio"] ~ label span {
        display: inline-block;
        vertical-align: middle;
        color: #FFFFFF; }
        .input-wrapper input[type="checkbox"] ~ label span > *,
        .input-wrapper input[type="radio"] ~ label span > * {
          vertical-align: middle; }
        .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked, .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked,
        .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked,
        .input-wrapper input[type="radio"] ~ label span.checkbox-checked {
          width: 2rem;
          height: 2rem; }
        .input-wrapper input[type="checkbox"] ~ label span.radio-checked, .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked,
        .input-wrapper input[type="radio"] ~ label span.radio-checked,
        .input-wrapper input[type="radio"] ~ label span.radio-unchecked {
          width: 2rem;
          height: 2rem; }
        .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked, .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked,
        .input-wrapper input[type="radio"] ~ label span.radio-unchecked,
        .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked {
          display: inline-block;
          color: #0BADDE; }
        .input-wrapper input[type="checkbox"] ~ label span.radio-checked, .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked,
        .input-wrapper input[type="radio"] ~ label span.radio-checked,
        .input-wrapper input[type="radio"] ~ label span.checkbox-checked {
          display: none;
          color: #0BADDE;
          border-color: transparent;
          background-color: #FFFFFF; }
    .input-wrapper input[type="checkbox"]:checked ~ label span.radio-unchecked, .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-unchecked,
    .input-wrapper input[type="radio"]:checked ~ label span.radio-unchecked,
    .input-wrapper input[type="radio"]:checked ~ label span.checkbox-unchecked {
      display: none; }
    .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
    .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
    .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
      display: block;
      background: url("../img/icons/ic_checkmark.svg") no-repeat;
      background-size: 2rem; }

.green-checkbox .input-wrapper .label-text {
  display: block;
  text-align: center; }
.green-checkbox .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked,
.green-checkbox .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked {
  display: none; }
.green-checkbox .input-wrapper input[type="checkbox"] ~ label span.radio-checked, .green-checkbox .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked,
.green-checkbox .input-wrapper input[type="radio"] ~ label span.radio-checked,
.green-checkbox .input-wrapper input[type="radio"] ~ label span.checkbox-checked {
  right: 1.75rem;
  bottom: 1.75rem; }
.green-checkbox .input-wrapper input[type="checkbox"]:checked ~ label,
.green-checkbox .input-wrapper input[type="radio"]:checked ~ label {
  position: relative; }
  .green-checkbox .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .green-checkbox .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
  .green-checkbox .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
  .green-checkbox .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
    position: absolute;
    right: 1.75rem;
    bottom: 1.75rem;
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    background: url("../img/icons/ic_checkmark_green.svg") no-repeat;
    background-size: 2.25rem; }

.checklist-container .checkbox-item input[type="checkbox"] ~ label span.radio-unchecked, .checklist-container .checkbox-item input[type="checkbox"] ~ label span.checkbox-unchecked,
.checklist-container .checkbox-item input[type="radio"] ~ label span.radio-unchecked,
.checklist-container .checkbox-item input[type="radio"] ~ label span.checkbox-unchecked {
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  content: "";
  background: url("../img/icons/ic_checkbox_unchecked.svg") no-repeat;
  background-size: 1rem; }
.checklist-container .checkbox-item input[type="checkbox"]:checked ~ label span.radio-unchecked, .checklist-container .checkbox-item input[type="checkbox"]:checked ~ label span.checkbox-unchecked,
.checklist-container .checkbox-item input[type="radio"]:checked ~ label span.radio-unchecked,
.checklist-container .checkbox-item input[type="radio"]:checked ~ label span.checkbox-unchecked {
  display: none; }
.checklist-container .checkbox-item input[type="checkbox"]:checked ~ label span.radio-checked, .checklist-container .checkbox-item input[type="checkbox"]:checked ~ label span.checkbox-checked,
.checklist-container .checkbox-item input[type="radio"]:checked ~ label span.radio-checked,
.checklist-container .checkbox-item input[type="radio"]:checked ~ label span.checkbox-checked {
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  content: "";
  background: url("../img/icons/ic_checkbox_checked.svg") no-repeat;
  background-size: 1rem; }

.sub-header-wrapper-countries .input-wrapper {
  display: flex;
  width: inherit;
  padding: 0; }
  .sub-header-wrapper-countries .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"] ~ label span.radio-unchecked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked {
    display: none; }
  .sub-header-wrapper-countries .input-wrapper input[type="checkbox"] ~ label span.radio-checked img, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked img,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"] ~ label span.radio-checked img,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"] ~ label span.checkbox-checked img {
    display: none; }
  .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.radio-unchecked, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-unchecked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.radio-unchecked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.checkbox-unchecked {
    display: none; }
  .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
    display: inline; }
    .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked img, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked img,
    .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.radio-checked img,
    .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked img {
      display: block;
      width: 2.75rem;
      height: auto;
      margin: 0.375rem; }

.login-wrapper .input-wrapper label, .form-module .input-wrapper label {
  font-size: 0.875rem;
  padding: 0.25rem;
  color: #FFFFFF; }
.login-wrapper .input-wrapper input, .form-module .input-wrapper input {
  color: #FFFFFF; }
.login-wrapper .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked, .login-wrapper .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked,
.login-wrapper .input-wrapper input[type="radio"] ~ label span.radio-unchecked,
.login-wrapper .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked, .form-module .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked, .form-module .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked,
.form-module .input-wrapper input[type="radio"] ~ label span.radio-unchecked,
.form-module .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked {
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  content: "";
  background: url("../img/icons/ic_checkbox_unchecked.svg") no-repeat;
  background-size: 1rem; }
.login-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.radio-unchecked, .login-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-unchecked,
.login-wrapper .input-wrapper input[type="radio"]:checked ~ label span.radio-unchecked,
.login-wrapper .input-wrapper input[type="radio"]:checked ~ label span.checkbox-unchecked, .form-module .input-wrapper input[type="checkbox"]:checked ~ label span.radio-unchecked, .form-module .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-unchecked,
.form-module .input-wrapper input[type="radio"]:checked ~ label span.radio-unchecked,
.form-module .input-wrapper input[type="radio"]:checked ~ label span.checkbox-unchecked {
  display: none; }
.login-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .login-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
.login-wrapper .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
.login-wrapper .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked, .form-module .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .form-module .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
.form-module .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
.form-module .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  content: "";
  background: url("../img/icons/ic_checkbox_checked.svg") no-repeat;
  background-size: 1rem; }

@media (min-width: 320px) and (max-width: 767px) {
  .input-wrapper input[type="checkbox"] ~ label span.checkbox-unchecked, .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked,
  .input-wrapper input[type="radio"] ~ label span.checkbox-unchecked,
  .input-wrapper input[type="radio"] ~ label span.checkbox-checked {
    width: 1.5rem;
    height: 1.5rem; }
  .input-wrapper input[type="checkbox"] ~ label span.radio-checked, .input-wrapper input[type="checkbox"] ~ label span.radio-unchecked,
  .input-wrapper input[type="radio"] ~ label span.radio-checked,
  .input-wrapper input[type="radio"] ~ label span.radio-unchecked {
    width: 1.5rem;
    height: 1.5rem; }
  .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
  .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
  .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
    background: url("../img/icons/ic_checkmark.svg") no-repeat;
    background-size: 1.5rem; }

  .sub-header-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked img, .sub-header-wrapper .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked img,
  .sub-header-wrapper .input-wrapper input[type="radio"]:checked ~ label span.radio-checked img,
  .sub-header-wrapper .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked img {
    width: 2rem;
    height: auto;
    margin: 0.25rem; }

  .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked img, .sub-header-wrapper-countries .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked img,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.radio-checked img,
  .sub-header-wrapper-countries .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked img {
    width: 2rem;
    height: auto;
    margin: 0.25rem; }

  .green-checkbox .input-wrapper input[type="checkbox"] ~ label span.radio-checked, .green-checkbox .input-wrapper input[type="checkbox"] ~ label span.checkbox-checked,
  .green-checkbox .input-wrapper input[type="radio"] ~ label span.radio-checked,
  .green-checkbox .input-wrapper input[type="radio"] ~ label span.checkbox-checked {
    right: 0; }
  .green-checkbox .input-wrapper input[type="checkbox"]:checked ~ label span.radio-checked, .green-checkbox .input-wrapper input[type="checkbox"]:checked ~ label span.checkbox-checked,
  .green-checkbox .input-wrapper input[type="radio"]:checked ~ label span.radio-checked,
  .green-checkbox .input-wrapper input[type="radio"]:checked ~ label span.checkbox-checked {
    right: 0.5rem;
    bottom: 1rem;
    background-size: 1.75rem; } }
.sub-header-wrapper {
  position: fixed;
  z-index: 2;
  width: 100%;
  background: #0BADDE; }
  .sub-header-wrapper .form-wrapper {
    max-width: 90rem;
    margin: auto;
    padding: 4rem 0.5rem 1rem;
    border-bottom: 2px solid #FFFFFF; }
    .sub-header-wrapper .form-wrapper .content {
      position: relative;
      display: flex;
      justify-content: center; }
      .sub-header-wrapper .form-wrapper .content .line-img {
        margin: 0 0.5rem; }
      .sub-header-wrapper .form-wrapper .content .image-wrapper.hide {
        display: none; }
      .sub-header-wrapper .form-wrapper .content .image-wrapper img {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0 0.35rem; }
    .sub-header-wrapper .form-wrapper .img-wrapper {
      position: absolute;
      right: 0;
      bottom: 17.5%; }
      .sub-header-wrapper .form-wrapper .img-wrapper .arrow-img {
        display: inline-block; }

.sub-header-wrapper-countries {
  position: fixed;
  z-index: 1;
  width: 100%;
  background: #0BADDE; }
  .sub-header-wrapper-countries .flag-wrapper {
    max-width: 90rem;
    margin: auto;
    padding: 9rem 0.5rem 0; }
    .sub-header-wrapper-countries .flag-wrapper .js-flags {
      display: none; }
      .sub-header-wrapper-countries .flag-wrapper .js-flags.visible {
        position: relative;
        display: flex;
        justify-content: center;
        height: 2.5rem; }
    .sub-header-wrapper-countries .flag-wrapper .no-js-flags {
      position: relative;
      display: flex;
      justify-content: center;
      height: 2.5rem; }
    .sub-header-wrapper-countries .flag-wrapper .content .image-wrapper.hide {
      display: none; }
    .sub-header-wrapper-countries .flag-wrapper .content .image-wrapper .countries-img {
      width: 2.75rem;
      height: auto;
      margin: 0.375rem;
      cursor: pointer; }
    .sub-header-wrapper-countries .flag-wrapper .content .countries-img {
      width: 2.75rem;
      height: auto;
      margin: 0.375rem;
      cursor: pointer; }
    .sub-header-wrapper-countries .flag-wrapper .content .img-wrapper {
      position: absolute;
      right: 0;
      bottom: 0; }
      .sub-header-wrapper-countries .flag-wrapper .content .img-wrapper .arrow-img {
        display: inline-block; }
  .sub-header-wrapper-countries .text-field {
    width: 45%;
    margin: auto; }

.no-cursor-sub-header .flag-wrapper .content .flag-item img {
  cursor: unset; }

@media (min-width: 320px) and (max-width: 767px) {
  .sub-header-wrapper .form-wrapper {
    padding: 3.5rem 0.5rem 0.5rem; }
    .sub-header-wrapper .form-wrapper .content .line-img {
      margin: 0 0.25rem; }
    .sub-header-wrapper .form-wrapper .content .image-wrapper img {
      width: 2rem;
      height: 2rem;
      margin: 0 0.25rem; }

  .sub-header-wrapper-countries .flag-wrapper {
    padding: 7rem 0.5rem 0; }
    .sub-header-wrapper-countries .flag-wrapper .content {
      height: 1.875rem; }
      .sub-header-wrapper-countries .flag-wrapper .content .image-wrapper .countries-img {
        width: 2rem;
        height: auto;
        margin: 0.25rem; }
      .sub-header-wrapper-countries .flag-wrapper .content .countries-img {
        width: 2rem;
        height: auto;
        margin: 0.25rem; }
      .sub-header-wrapper-countries .flag-wrapper .content .img-wrapper {
        right: 0;
        bottom: 0; }
  .sub-header-wrapper-countries .text-field {
    width: 75%;
    margin: auto; } }
.theme-container .countries-img, .details-container .countries-img {
  opacity: 0.5; }
  .theme-container .countries-img.active, .details-container .countries-img.active {
    opacity: 1; }

/* modules */
/* components */
table,
.table {
  display: table;
  width: 100%; }
  table tr,
  table .table-row,
  .table tr,
  .table .table-row {
    display: table-row; }
    table tr th, table tr.table-header-row .table-cell,
    table .table-row th,
    table .table-row.table-header-row .table-cell,
    .table tr th,
    .table tr.table-header-row .table-cell,
    .table .table-row th,
    .table .table-row.table-header-row .table-cell {
      font-size: 0.75rem;
      font-weight: 700;
      padding: 0 1rem; }
      table tr th.active, table tr.table-header-row .table-cell.active,
      table .table-row th.active,
      table .table-row.table-header-row .table-cell.active,
      .table tr th.active,
      .table tr.table-header-row .table-cell.active,
      .table .table-row th.active,
      .table .table-row.table-header-row .table-cell.active {
        color: #000000; }
    table tr td,
    table tr .table-cell,
    table .table-row td,
    table .table-row .table-cell,
    .table tr td,
    .table tr .table-cell,
    .table .table-row td,
    .table .table-row .table-cell {
      display: table-cell;
      vertical-align: middle; }

a {
  text-decoration: underline;
  color: #FFFFFF; }

.no-underline-link {
  text-decoration: none; }

.arrow-button {
  border: none;
  background: none; }
  .arrow-button:disabled {
    opacity: 0.5; }

.button {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  margin: 1rem 0;
  padding: 0.5rem;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  background: none; }

@media (min-width: 320px) and (max-width: 767px) {
  .button {
    font-size: 0.875rem; } }
.global-overlay-container {
  display: none; }
  .global-overlay-container.visible {
    display: block; }

.overlay-wrapper {
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  background-color: #0BADDE; }

.scroll-text {
  position: fixed;
  z-index: 5;
  top: 50vh;
  right: -7rem;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
  transform: rotate(-90deg);
  text-align: left;
  opacity: 1; }
  .scroll-text p {
    font-size: 1.25rem; }
  .scroll-text.after {
    transition: opacity 0.3s ease;
    opacity: 0; }
  .scroll-text .scroll-img {
    width: 4rem;
    height: auto;
    padding-right: 1rem; }

@media (min-width: 767px) and (max-width: 1024px) {
  .scroll-text {
    right: -6rem; }
    .scroll-text p {
      font-size: 1rem; }
    .scroll-text .scroll-img {
      width: 4rem; } }
@media (min-width: 350px) and (max-width: 767px) {
  .scroll-text {
    right: -5.5rem; }
    .scroll-text p {
      font-size: 0.9375rem; }
    .scroll-text .scroll-img {
      width: 3.5rem;
      padding-right: 0.5rem; } }
@media (min-width: 320px) and (max-width: 350px) {
  .scroll-text {
    right: -4.25rem; }
    .scroll-text p {
      font-size: 0.75rem; }
    .scroll-text .scroll-img {
      width: 2.5rem;
      padding-right: 0.5rem; } }
.cookie-overlay-plain {
  position: fixed;
  z-index: 10000;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid #FFFFFF;
  background: #034E72; }
  .cookie-overlay-plain .content {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 1rem; }
    .cookie-overlay-plain .content .content-block-wrapper {
      width: 100%;
      color: #FFFFFF; }
      .cookie-overlay-plain .content .content-block-wrapper .text-link {
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        color: inherit; }
        .cookie-overlay-plain .content .content-block-wrapper .text-link:hover {
          transition: all 0.3s ease;
          opacity: 0.7; }
      .cookie-overlay-plain .content .content-block-wrapper p {
        font-size: 1rem;
        margin: 0; }
        .cookie-overlay-plain .content .content-block-wrapper p .text-link {
          text-decoration: underline; }
      .cookie-overlay-plain .content .content-block-wrapper.left {
        width: 60%; }
      .cookie-overlay-plain .content .content-block-wrapper.right {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        width: 40%; }
        .cookie-overlay-plain .content .content-block-wrapper.right .button {
          margin: 0 0 0 3.5rem; }

/* pages */
.questions-container {
  text-align: center; }
  .questions-container.who-container .content-wrapper .questions-wrapper {
    padding: 10rem 1rem 22.5rem; }
  .questions-container.where-by-container .content-wrapper .questions-wrapper {
    padding: 10rem 1rem 22.5rem; }
  .questions-container .content-wrapper .questions-wrapper .row {
    display: flex;
    justify-content: space-around; }
    .questions-container .content-wrapper .questions-wrapper .row .questions-item label {
      display: flex;
      align-items: center;
      flex-direction: column;
      width: 10rem; }
      .questions-container .content-wrapper .questions-wrapper .row .questions-item label img {
        width: 6.5rem;
        height: auto; }
  .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item {
    text-align: left; }
    .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper {
      font-family: "Roboto", sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper label .countries {
          display: flex;
          align-content: center;
          align-items: center; }
          .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper label .countries .countries-img {
            width: 5rem;
            height: auto;
            margin-right: 1rem; }
    .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .text-wrapper {
      display: inline-block; }

@media (min-width: 480px) and (max-width: 767px) {
  .questions-container.who-container .content-wrapper .questions-wrapper {
    padding: 10rem 1rem 12.5rem; }
  .questions-container.where-by-container .content-wrapper .questions-wrapper {
    padding: 10rem 1rem 12.5rem; } }
@media (min-width: 320px) and (max-width: 767px) {
  .questions-container .content-wrapper .questions-wrapper .row .questions-item label {
    width: 7.5rem; }
    .questions-container .content-wrapper .questions-wrapper .row .questions-item label img {
      width: 5rem;
      height: auto; }
  .questions-container.who-container .content-wrapper .questions-wrapper {
    padding: 8rem 1rem 12.5rem; }
  .questions-container.where-by-container .content-wrapper .questions-wrapper {
    padding: 8rem 1rem 12.5rem; }
  .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper {
    font-size: 1.25rem; }
    .questions-container.countries-container .content-wrapper .countries-wrapper .countries-item .input-wrapper label .countries .countries-img {
      width: 3rem;
      height: auto;
      margin-right: 0.5rem; } }
.checklist-container .content-wrapper {
  padding: 16rem 0 5rem; }
  .checklist-container .content-wrapper .checkbox-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-top: 2px solid #FFFFFF; }
    .checklist-container .content-wrapper .checkbox-item label {
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }
  .checklist-container .content-wrapper .checklist-text {
    margin: 0 0.5rem 1rem;
    text-align: center; }
  .checklist-container .content-wrapper .checklist-content-text {
    margin: 1rem 0.5rem; }
  .checklist-container .content-wrapper .heading-wrapper {
    padding: 0.25rem 0.5rem;
    border-top: 2px solid #FFFFFF;
    background-color: rgba(255, 255, 255, 0.5); }

@media (min-width: 320px) and (max-width: 767px) {
  .checklist-container .content-wrapper {
    padding: 12rem 0 4rem; } }
.theme-container .text-wrapper {
  padding: 14rem 1rem 1rem; }
.theme-container .content-wrapper {
  padding: 16rem 0.5rem 5rem; }
  .theme-container .content-wrapper .grid-container {
    display: grid;
    grid-template-columns: 33.33% 33.3% 33.3%; }
    .theme-container .content-wrapper .grid-container .box {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      margin: 0.25rem;
      padding: 0.5rem 0.1rem;
      background-color: rgba(255, 255, 255, 0.5); }
      .theme-container .content-wrapper .grid-container .box img {
        width: 7.5rem;
        margin: 0.5rem; }

.text-wrapper {
  display: none; }
  .text-wrapper.visible {
    display: block; }

.details-container .text-wrapper {
  padding: 16rem 1rem 4rem; }
  .details-container .text-wrapper .text-field {
    border-top: 2px solid;
    border-image-source: linear-gradient(100deg, #0BADDE, #FFFFFF, #0BADDE);
    border-image-slice: 1; }
    .details-container .text-wrapper .text-field > .headline {
      font-family: "Roboto", sans-serif;
      font-size: 1.5rem;
      font-weight: bold;
      margin: 2rem 0 1rem;
      color: #A0EB00; }
    .details-container .text-wrapper .text-field .hidden {
      display: none; }
      .details-container .text-wrapper .text-field .hidden.visible {
        display: block; }
    .details-container .text-wrapper .text-field img {
      width: 10rem;
      height: auto; }
    .details-container .text-wrapper .text-field .show {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .details-container .text-wrapper .text-field .show .plus .plus-img {
        width: 0.875rem;
        height: 0.875rem; }
    .details-container .text-wrapper .text-field .information-wrapper {
      display: flex;
      align-items: center; }
      .details-container .text-wrapper .text-field .information-wrapper .info-img {
        width: 1.5rem;
        height: auto;
        margin-right: 0.25rem; }

@media (min-width: 320px) and (max-width: 767px) {
  .theme-container .text-wrapper {
    padding: 10rem 1rem 1rem; }
  .theme-container .content-wrapper {
    padding: 12rem 0.5rem 5rem; }
    .theme-container .content-wrapper .grid-container .box img {
      width: 5rem;
      margin: 0.25rem; }

  .details-container .text-wrapper {
    display: none;
    padding: 12rem 1rem 4rem; }
    .details-container .text-wrapper .text-field img {
      width: 5rem;
      height: auto; }
    .details-container .text-wrapper .text-field .information-wrapper .info-img {
      width: 1.25rem; } }
.asterisk {
  margin: 0 0.5rem;
  vertical-align: top; }

.info-container .overlay-header-wrapper .content .img-wrapper .close-img {
  cursor: pointer; }
.info-container.overlay-wrapper .content-wrapper {
  padding: 0 1rem; }
  .info-container.overlay-wrapper .content-wrapper .content {
    width: 100%;
    max-width: 90rem;
    margin: auto; }
.info-container .bmjv-logo {
  width: 75%;
  max-width: 22.5rem;
  height: auto; }
.info-container .content-wrapper {
  padding: 6rem 1rem; }
  .info-container .content-wrapper .info-img {
    width: 17.5rem;
    margin-bottom: 1rem; }
.info-container .primary-button {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  margin: 2rem 0;
  padding: 1rem;
  cursor: pointer;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  background: none; }
  .info-container .primary-button:hover {
    color: #0BADDE;
    background-color: #FFFFFF; }

@media (min-width: 320px) and (max-width: 767px) {
  .info-container .content-wrapper {
    padding: 4rem 1rem; } }
.emergency-container .overlay-header-wrapper .content .img-wrapper .close-img {
  cursor: pointer; }
.emergency-container.overlay-wrapper .content-wrapper {
  padding: 0 1rem; }
.emergency-container .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 6rem 1rem; }
  .emergency-container .content-wrapper .content {
    width: 100%;
    max-width: 90rem; }
    .emergency-container .content-wrapper .content .box-wrapper {
      width: 100%;
      margin: 0 0 2rem;
      padding: 1rem;
      text-align: center; }
    .emergency-container .content-wrapper .content .box-wrapper .content h2.box-headline {
      font-size: 1.75rem;
      margin: 1rem 0 2rem;
      color: #FFFFFF; }
    .emergency-container .content-wrapper .content .box-wrapper .content h3.box-headline {
      font-size: 1.25rem;
      margin: 1rem 0 2rem;
      color: #FFFFFF; }
    .emergency-container .content-wrapper .content .box-wrapper .content .box-item {
      padding: 2rem 1rem;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      background: #FFFFFF; }
    .emergency-container .content-wrapper .content .box-wrapper .content .box-item p {
      font-size: 2.25rem;
      font-weight: 400;
      margin: 0;
      color: #D0021B; }
    .emergency-container .content-wrapper .content .box-wrapper .content .box-item p a {
      font-size: inherit;
      color: inherit; }
    .emergency-container .content-wrapper .content .box-wrapper.emergency {
      background: #D0021B; }
    .emergency-container .content-wrapper .content .box-wrapper.credit-card {
      background: rgba(0, 0, 0, 0.4); }

@media (min-width: 320px) and (max-width: 767px) {
  .emergency-container .content-wrapper {
    padding: 4rem 1rem; } }
.login-form-page .page-container .login-wrapper, .login-form-page .page-container .form-module {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  margin: auto; }
  .login-form-page .page-container .login-wrapper .button-wrapper, .login-form-page .page-container .form-module .button-wrapper {
    display: flex;
    justify-content: center; }
    .login-form-page .page-container .login-wrapper .button-wrapper .button, .login-form-page .page-container .form-module .button-wrapper .button {
      font-size: 0.9375rem;
      margin: 0.75rem 0;
      cursor: pointer; }
.login-form-page .page-container .login-wrapper .text-link {
  display: flex;
  padding: 0.75rem 0.5rem; }
.login-form-page .page-container .login-wrapper .row-wrapper .input-wrapper label {
  display: flex;
  align-items: center; }
.login-form-page .page-container .form-module {
  max-width: 35rem; }
  .login-form-page .page-container .form-module p {
    text-align: center; }
  .login-form-page .page-container .form-module form {
    display: flex;
    align-items: flex-end; }
  .login-form-page .page-container .form-module .button-wrapper {
    margin-left: 2rem; }
.login-form-page .page-container .copyright {
  display: none; }

@media (min-width: 320px) and (max-width: 767px) {
  .login-form-page .page-container .login-wrapper, .login-form-page .page-container .form-module {
    padding: 1rem; }
    .login-form-page .page-container .login-wrapper .header .page-heading, .login-form-page .page-container .form-module .header .page-heading {
      font-size: 1.875rem; }
  .login-form-page .page-container .form-module form {
    align-items: center;
    flex-direction: column; }
  .login-form-page .page-container .form-module .button-wrapper {
    margin-left: 0; } }
.editor-container .content {
  max-width: 90rem;
  min-height: calc(100vh - 7.5rem);
  max-height: calc(100vh - 7.5rem);
  margin: auto;
  padding: 2rem; }
.editor-container .button-wrapper {
  display: flex;
  justify-content: space-around; }

@media (min-width: 320px) and (max-width: 767px) {
  .editor-container .content {
    min-height: calc(100vh - 5rem);
    max-height: calc(100vh - 5rem);
    padding: 0.75rem; } }
.start-screen-container {
  display: flex;
  flex-direction: row;
  max-width: 90rem; }
  .start-screen-container .start-screen-heading {
    font-size: 3.5rem;
    line-height: 1.4em;
    margin-top: 3rem;
    text-align: right; }
  .start-screen-container .content-wrapper {
    width: 75%;
    min-height: 50rem;
    margin: unset;
    background: url("../img/start_screen_background-picture.svg"); }
    .start-screen-container .content-wrapper .content {
      position: relative;
      height: 100vh;
      min-height: 50rem;
      background: url("../img/illustrations/roadway.svg");
      background-repeat: no-repeat;
      background-position-x: -12.5rem;
      background-position-y: 100%;
      background-size: 50rem; }
      .start-screen-container .content-wrapper .content .information-wrapper {
        position: absolute;
        bottom: calc(100% / 1.65);
        left: 2.5rem; }
        .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper {
          display: flex;
          flex-direction: row; }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .icon-img-wrapper {
            width: 3.5rem;
            height: auto;
            margin: 0 0.5rem; }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .star-img-wrapper {
            width: 5rem;
            height: auto; }
      .start-screen-container .content-wrapper .content .start-button-wrapper {
        position: absolute;
        bottom: 10rem;
        left: 25rem; }
        .start-screen-container .content-wrapper .content .start-button-wrapper .start-button {
          font-family: "Roboto", sans-serif;
          font-size: 1.75rem;
          padding: 1rem;
          cursor: pointer;
          color: #FFFFFF;
          border: 2px solid #FFFFFF;
          background: none; }
          .start-screen-container .content-wrapper .content .start-button-wrapper .start-button:hover {
            color: #0BADDE;
            background-color: #FFFFFF; }
  .start-screen-container .sponsor-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    height: 100vh;
    min-height: 50rem;
    padding: 1rem;
    background-color: #FFFFFF; }
    .start-screen-container .sponsor-wrapper .image-wrapper {
      margin: 2.5rem 0; }
      .start-screen-container .sponsor-wrapper .image-wrapper .img-wrapper {
        width: 12.5rem; }
      .start-screen-container .sponsor-wrapper .image-wrapper.special-image-wrapper {
        position: absolute;
        bottom: 0;
        margin: 2.5rem 0 0.5rem; }

@media (min-width: 767px) and (max-width: 1024px) {
  .start-screen-container .start-screen-heading {
    font-size: 3.25rem;
    margin-top: 2rem; }
  .start-screen-container .content-wrapper .content {
    background-position-x: -12.5rem;
    background-position-y: 100%;
    background-size: 45rem; }
    .start-screen-container .content-wrapper .content .information-wrapper {
      bottom: calc(100% / 1.75); }
      .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper {
        margin-bottom: 1rem; }
        .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .icon-img-wrapper {
          width: 3rem; }
        .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .star-img-wrapper {
          width: 4rem; }
    .start-screen-container .content-wrapper .content .start-button-wrapper {
      left: 22.5rem; }
      .start-screen-container .content-wrapper .content .start-button-wrapper .start-button {
        font-size: 1.5rem; }
  .start-screen-container .sponsor-wrapper .image-wrapper .img-wrapper {
    width: 10rem; } }
@media (min-width: 480px) and (max-width: 767px) {
  .start-screen-container {
    flex-direction: column; }
    .start-screen-container .start-screen-heading {
      font-size: 2.5rem;
      margin-top: 1.5rem; }
    .start-screen-container .content-wrapper {
      width: 100%;
      height: 80vh;
      min-height: 40rem;
      background-size: 100%; }
      .start-screen-container .content-wrapper .content {
        height: 100%;
        min-height: 40rem;
        background-position-x: 2rem;
        background-size: 25rem; }
        .start-screen-container .content-wrapper .content .information-wrapper {
          bottom: calc(100% / 2.5); }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .icon-img-wrapper {
            width: 2.5rem;
            margin: 0 0.25rem; }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .star-img-wrapper {
            width: 4rem; }
        .start-screen-container .content-wrapper .content .start-button-wrapper {
          bottom: 5rem;
          left: 20rem; }
          .start-screen-container .content-wrapper .content .start-button-wrapper .start-button {
            font-size: 1.25rem;
            padding: 0.75rem; }
    .start-screen-container .sponsor-wrapper {
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      height: 20vh;
      min-height: 10rem;
      padding: 0.5rem; }
      .start-screen-container .sponsor-wrapper .image-wrapper {
        margin: 0.25rem; }
        .start-screen-container .sponsor-wrapper .image-wrapper .img-wrapper {
          width: 7.5rem; }
        .start-screen-container .sponsor-wrapper .image-wrapper.special-image-wrapper {
          position: unset;
          margin: 0.25rem; } }
@media (min-width: 320px) and (max-width: 480px) {
  .start-screen-container {
    flex-direction: column; }
    .start-screen-container .start-screen-heading {
      font-size: 1.75rem;
      margin-top: 1rem; }
    .start-screen-container .content-wrapper {
      width: 100%;
      height: 80vh;
      min-height: 27.5rem;
      background-size: 100%; }
      .start-screen-container .content-wrapper .content {
        height: 100%;
        min-height: unset;
        background-position-x: -5rem;
        background-size: 22.5rem; }
        .start-screen-container .content-wrapper .content .information-wrapper {
          bottom: calc(100% / 2);
          left: 0; }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .icon-img-wrapper {
            width: 2rem;
            margin: 0 0.25rem; }
          .start-screen-container .content-wrapper .content .information-wrapper .icons-wrapper .star-img-wrapper {
            width: 1.75rem; }
        .start-screen-container .content-wrapper .content .start-button-wrapper {
          bottom: calc(100vh / 10);
          left: 12.5rem; }
          .start-screen-container .content-wrapper .content .start-button-wrapper .start-button {
            font-size: 0.875rem;
            padding: 0.5rem; }
    .start-screen-container .sponsor-wrapper {
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      height: 20vh;
      min-height: 6.25rem;
      padding: 0.5rem; }
      .start-screen-container .sponsor-wrapper .image-wrapper {
        margin: 0.25rem; }
        .start-screen-container .sponsor-wrapper .image-wrapper .img-wrapper {
          width: 5rem; }
        .start-screen-container .sponsor-wrapper .image-wrapper.special-image-wrapper {
          position: unset;
          margin: 0.25rem; } }
/* themes */

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