/*
 * -----------------------------------
 * comp4site 3.04
 * C4S FORMULARS CSS
 *
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */

/* ------------------------------------
 *  PLACEHOLDERS
 * ------------------------------------
 */
::-webkit-input-placeholder {
  color: #777;
}
::-moz-placeholder {
  color: #777;
} /* firefox 19+ */
:-ms-input-placeholder {
  color: #777;
} /* ie */
input:-moz-placeholder {
  color: #777;
}

/* ------------------------------------
 *  VALIDATION
 * ------------------------------------
 */
.validation_errors {
  margin: 0px 0px 20px 0px;
  padding: 5px;
  color: #f00;
  border: 1px solid #f00;
}

.validation_errors p {
  margin: 0;
  padding: 0px 0px 0px 10px;
  color: #f00;
}

/* ------------------------------------
 *  FORM ELEMENTS
 * ------------------------------------
 */
.form-section {
  padding-bottom: 25px;
}

.form-row {
  padding: 5px 0;
}

.captcha {
  margin: 0;
}

.smallinput {
  margin-left: 150px;
  margin-top: 10px;
}

label {
  font-size: 14px;
  float: left;
  width: 150px;
  margin-top: 10px;
  line-height: 1.3;
}

.form-row input {
  outline: none;
  width: 400px;
  padding: 0 20px;
}

.form-row input[type="radio"] {
  width: unset;
}

.form-row.newsletter-row {
  margin-bottom: 20px;
}

.form-row.newsletter-row label {
  width: auto;
}

.form-row.newsletter-row input {
  float: left;
  margin-right: 10px;
}

.form-row input[type="checkbox"] {
  outline: none;
  width: 20px;
  padding: 0 20px;
}

input[type="number"] {
  position: relative;
  margin: 0 0 1rem;
  border: 1px solid #bbb;
  border-color: #bbb #ececec #ececec #bbb;
  padding: 0.2rem;
}

input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="select"],
input[type="number"] {
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border: 1px solid #c3c3c3;
  height: 35px;
}

#agb {
  height: 13px;
  margin-right: 10px;
}

#subscribe_newsletter {
  height: 13px;
  margin-right: 10px;
}

select {
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border: 1px solid #c3c3c3;
  height: 35px;
  text-align: center;
  width: 48px;
}

input[type="text"]:hover {
  border: 1px solid #003478;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
}

a.contact-btn {
  color: #fff;
}

input[type="search"] {
  background: #c3c3c3 url(../images/search.jpg) no-repeat 9px center;
  border: solid 1px #c3c3c3;
  padding: 7px 10px 7px 50px;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 20px;
  border-bottom-left-radius: 5px;
}

input:-moz-placeholder {
  color: #858585;
}
input::-webkit-input-placeholder {
  color: #858585;
}

textarea {
  height: 124px;
  font-family: "Roboto Flex", sans-serif;
  font-size: 13.33px;
  line-height: normal;
  resize: vertical;
  overflow: auto; /* Fix IE: shows only scrollpanel where needed */
  outline: none;
  width: 400px;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border: 1px solid #c3c3c3;
  padding: 10px 20px 0 20px;
  padding-top: 10px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
  outline: none;
}

.search input:hover,
.search input:focus,
.search textarea:hover,
.search textarea:focus,
.search select:hover,
.search select:focus {
  background: #d4d4d4 url(../images/search-hover.jpg) no-repeat 9px center;
}

input.formsubmit {
  width: auto;
  margin: 20px 0px 0px 0px;
  padding: 0px 23px;
  font-size: 10px;
  line-height: 14px;
  height: 20px;
  border: 1px solid #fff;
  background: #d2001a;
  color: #fff;
  cursor: pointer;
  text-align: center;
  width: auto !important;
  overflow: visible; /* Workaround for ie making too much padding in input buttons (Cross-Browser) */

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3),
    inset 0px 1px 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3),
    inset 0px 1px 3px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3),
    inset 0px 1px 3px rgba(255, 255, 255, 0.5);
}
input.formsubmit:hover {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3),
    inset 0px 1px 2px rgba(0, 0, 0, 0.3),
    inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3),
    inset 0px 1px 2px rgba(0, 0, 0, 0.3),
    inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0px 1px 2px rgba(0, 0, 0, 0.3),
    inset 0px -1px 0px rgba(255, 255, 255, 0.2);
}

form .form-row {
  padding-bottom: 5px;
  width: 100%;
  display: inline-block;
}

label.chckbx {
  width: auto;
  line-height: normal;
}
input.chckbx {
  width: auto;
  margin-right: 5px;
}

.wsmall input {
  width: 100px;
}

.checkbox {
  height: auto !important;
  margin-top: 7px;
  margin-right: 10px;
  float: left;
}

.margin-top {
  margin-top: 30px;
}

.big-margin-top {
  margin-top: 40px;
}

.privacy-hint {
  display: inline-block;
  width: calc(100% - 30px);
  float: left;
  margin-bottom: 20px;
}