/* BASIC COLORS */
/* SPECIFIC COLORS */
/*  BREAKING POINTS */
@font-face {
  font-family: 'raleway';
  src: url("../fonts/raleway-regular-webfont.eot");
  src: url("../fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff"), url("../fonts/raleway-regular-webfont.ttf") format("truetype"), url("../fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ralewaybold';
  src: url("../fonts/raleway-bold-webfont.eot");
  src: url("../fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bold-webfont.woff2") format("woff2"), url("../fonts/raleway-bold-webfont.woff") format("woff"), url("../fonts/raleway-bold-webfont.ttf") format("truetype"), url("../fonts/raleway-bold-webfont.svg#ralewaybold") format("svg");
  font-weight: normal;
  font-style: normal; }
@-webkit-keyframes hoverEffectNext {
  0% {
    left: 0; }
  50% {
    left: 3px; }
  100% {
    left: 0; } }
@-webkit-keyframes hoverEffectPrevious {
  0% {
    left: 0; }
  50% {
    left: -3px; }
  100% {
    left: 0; } }
html {
  font-size: 100%; }
  html body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1.8em;
    color: #000000;
    background: #ffffff;
    height: 100vh; }
    html body .wrapper {
      max-width: 800px;
      margin: 0 auto; }
      html body .wrapper .row {
        margin: 0px !important; }
      html body .wrapper .progress {
        margin-bottom: 5px !important; }
    html body label {
      font-weight: 400 !important; }

.error {
  color: #b50202; }

.hidden {
  display: none; }

.main {
  font-size: 1.6em;
  padding: 10px; }
  @media screen and (min-width: 890px) {
    .main {
      padding: 25px 0; } }
  .main .banner {
    width: 100%;
    height: auto;
    margin-bottom: 10px; }
  @media screen and (min-width: 640px) {
    .main .banner-mobile {
      display: none; } }
  .main .banner-desktop {
    display: none; }
    @media screen and (min-width: 640px) {
      .main .banner-desktop {
        display: block; } }
  .main .banner-alternativ {
    display: block; }
    @media screen and (min-width: 640px) {
      .main .banner-alternativ {
        display: none; } }
  .main .subtitle {
    -webkit-font-smoothing: antialiased;
    padding: 15px 25px; }
    .main .subtitle .col-md-9, .main .subtitle .col-md-12 {
      text-align: center;
      padding: 0; }
      @media screen and (min-width: 890px) {
        .main .subtitle .col-md-9, .main .subtitle .col-md-12 {
          text-align: left; } }
      .main .subtitle .col-md-9 h1, .main .subtitle .col-md-12 h1 {
        color: #ffffff;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.3em;
        margin: 0; }
    .main .subtitle .col-md-3 {
      color: #ffffff;
      text-align: center;
      padding: 0;
      font-size: .8em;
      padding: 15px 0 0 0; }
      @media screen and (min-width: 890px) {
        .main .subtitle .col-md-3 {
          text-align: right;
          padding: 3px 0 0 0; } }
      .main .subtitle .col-md-3 p {
        margin: 0; }
  .main .cta-mq {
    color: #ffffff;
    padding: 12px 18px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-bottom: 30px;
    text-decoration: none; }
    @media screen and (min-width: 890px) {
      .main .cta-mq {
        padding: 6px 12px; } }
    .main .cta-mq:hover, .main .cta-mq:focus {
      background: #ffffff; }

.msg-error {
  width: 100%;
  padding: 20px !important;
  margin-bottom: 30px;
  text-align: center;
  background: #ffcbcb;
  color: #b50202;
  border: 1px solid #b50202;
  border-radius: 3px;
  font-size: 0.85em !important; }

.end, .closed, .privacy, .update, .rules, .start {
  background: #ffffff;
  padding: 25px;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  min-height: 350px; }
  .end h3, .closed h3, .privacy h3, .update h3, .rules h3, .start h3 {
    margin: 0 0 25px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em; }
  .end a, .closed a, .privacy a, .update a, .rules a, .start a {
    color: #003c78;
    text-decoration: underline; }

form {
  background: #ffffff;
  padding: 25px;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3; }
  form h3 {
    margin: 0 0 25px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em; }
  form .col-left {
    padding: 0; }
    @media screen and (min-width: 890px) {
      form .col-left {
        padding: 0 25px 0 0; } }
  form .col-right {
    padding: 0; }
    @media screen and (min-width: 890px) {
      form .col-right {
        padding: 0 0 0 25px; } }
  form .col-md-12 {
    padding: 0; }
  form .form-group {
    margin-bottom: 30px; }
    form .form-group label {
      font-size: .9em;
      margin-bottom: 10px; }
    form .form-group textarea {
      height: 128px; }
  @media screen and (min-width: 890px) {
    form .inline-radio {
      margin-bottom: 33px; } }
  @media screen and (min-width: 890px) {
    form .inline-checkbox {
      margin-bottom: 34px; } }
  form .inline-radio h4, form .block-radio h4, form .inline-checkbox h4, form .block-checkbox h4 {
    font-size: .9em;
    margin-bottom: 10px;
    line-height: 22px; }
  form .inline-radio label, form .block-radio label, form .inline-checkbox label, form .block-checkbox label {
    text-transform: inherit;
    margin-right: 20px; }
  form .inline-radio .custom-radio, form .inline-checkbox .custom-checkbox {
    display: inline-block; }
  form .mandatory-field {
    margin-bottom: 25px;
    font-size: .8em;
    color: #959595; }
  form .image {
    margin-bottom: 25px;
    text-align: center; }
    form .image img {
      width: 100%;
      max-width: 350px;
      height: auto; }
  form .btn-container {
    position: relative; }
    form .btn-container .btn-mq {
      color: #ffffff;
      padding: 12px 18px;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      transition: 0.3s ease; }
      form .btn-container .btn-mq span {
        font-size: .8em;
        position: relative; }
      @media screen and (min-width: 890px) {
        form .btn-container .btn-mq {
          padding: 6px 12px; } }
      form .btn-container .btn-mq:hover, form .btn-container .btn-mq:focus {
        background: #ffffff; }
    form .btn-container .previous {
      float: left; }
      form .btn-container .previous:hover span, form .btn-container .previous:focus span {
        animation: hoverEffectPrevious 1s ease infinite; }
    form .btn-container .next {
      float: right; }
      form .btn-container .next:hover span, form .btn-container .next:focus span {
        animation: hoverEffectNext 1s ease infinite; }

.image {
  margin-bottom: 25px;
  text-align: center; }
  .image img {
    width: 100%;
    max-width: 350px;
    height: auto; }

.paragraph {
  margin-bottom: 25px; }
  .paragraph a {
    color: #000000;
    text-decoration: underline; }

.attachment {
  margin-bottom: 25px; }
  .attachment a {
    color: #959595;
    text-decoration: underline;
    padding-left: 18px;
    background: url(../img/icon-file.jpg) 0% 45% no-repeat; }

.selectize-control {
  height: 34px !important; }

.ui-widget-header .ui-datepicker-next .ui-icon {
  background-image: url("../img/icon-right.png") !important; }

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background-image: url("../img/icon-left.png") !important; }

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w {
  background-position: 0 0 !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #969696 !important;
  background: #969696 !important;
  color: #ffffff !important; }

.custom-radio {
  position: relative;
  padding-left: 25px; }

[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px; }

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background: #f3f3f3; }

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 15px;
  height: 15px;
  background: url("../img/checked.png") 50% 50% no-repeat;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s; }

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.custom-radio label {
  display: inherit; }

.custom-checkbox {
  position: relative;
  padding-left: 25px; }

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #d8d8d8;
  background: #f3f3f3; }

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 15px;
  height: 15px;
  background: url("../img/checked.png") 50% 50% no-repeat;
  border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s; }

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.custom-checkbox label {
  display: inherit; }

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