body.form-has-error header:after {
  content: "Bitte füllen Sie alle Pflichtfelder aus.";
  display: block;
  width: 100%;
  background-color: red;
  color: white;
  padding: 0.3em 0;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 1000px) {
  body.form-has-error header:after {
    margin-top: 15px;
  }
}

#report h3 {
  font: 21px/30px montserrat-regular, sans-serif;
  margin: 60px 0 10px 0;
  color: #FFFFFF;
}
h3#label-required:after {
  content: '* Pflichtfelder';
  display: inline-block;
  position: absolute;
  right: 0;
  margin-right: 1.5em;
  padding: 0 0.5em;
  font: 12px/24px montserrat-regular, sans-serif;
  background-color: white;
  color: #4fa8cd;
}
@media only screen and (max-width: 374px) {
  h3#label-required:after {
    margin-top: -28px;
  }
}

#report p {
  margin: 0;
}
#report {
  background-color: #00ADBA;
  padding-top: 136px;
  padding-bottom: 60px;
  color: #FFFFFF;
  font: montserrat-regular, sans-serif;
}

#report a, #report a:visited  { color: #C4C4C4; }
#report a:hover, #report a:focus { color: #11ABB0; }

#report .section-head h2 { color: #FFFFFF; }
#report .section-head p.desc,
#report .intro { color: #FFFFFF; }
#report p {  }

/* report form */

#report label {
  font: 15px/24px montserrat-regular, sans-serif;
  margin: 12px 0;
  color: #FFFFFF;
  display: inline-block;
  float: left;
  width: 100%;
}
#report label.required:after {
  content: '*';
  color: #FFFFFF;
  font-size: 13px;
}

#report label.error + input,
#report label.error + select,
#report label.error + textarea {
  border: 1px solid red;
}

#report input,
#report textarea,
#report select {
  padding: 18px 20px;
  color: #3f464b;
  background: #ffffff;
  margin-bottom: 15px;
  border: 0;
  border-radius: 0;
  font: 15px/24px montserrat-regular, sans-serif;
  font-size: 15px;
  line-height: 24px;
  width: 100%;
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
}
#reportTyp {
  background-image: url("/images/icon-select.svg")!important;
  background-repeat: no-repeat!important;
  background-position-x: 96%!important;
  background-position-y: 26px!important;
  color: #969696!important;
}
#reportFile {
  background-image: url("/images/icon-upload.svg")!important;
  background-repeat: no-repeat!important;
  background-position-x: 96%!important;
  background-position-y: 22px!important;
}
#reportFile {
  color: #969696!important;
}
#report input:focus,
#report textarea:focus,
#report select:focus {
  color: #fff;
  background-color: #3f464b;
}
#report button.submit {
  font: 18px/30px montserrat-regular, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color:#3f464b;
  background: #ffffff;
  padding: 18px 30px;
  border: none;
  cursor: pointer;
  height: auto;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
#report button.submit:hover {
  color: #ffffff;
  background: #3f464b;
}

#report .wrapper-data {
  border: 2px solid #fff;
  padding: 15px 30px 10px 30px;
  margin-top: 54px;
  margin-bottom: 50px;
}
#reportData {
  position: relative;
}
#reportData + label {
  float: none;
  display: inline-block;
  width: 80%;
  margin-top: 0;
  margin-left: 1em;
  vertical-align: text-top;
}

#report ::placeholder {
  color: #969696!important;
}

input[type="file"]::file-selector-button {
  margin-top: 5px;
}

#report #message-success {
  display: inherit;
}