@charset "utf-8";
/* CSS Document */

.form-content-templates{
    display: none;
}

.form-2 {
  width: 48.5%;
  margin-right: 0.5%;
  float: left;
}
.form-mitte {
  width: fit-content;
  margin: 0 auto;
}

@media only screen and (max-width: 780px) {
  .form-2 {
    width: 100%;
    margin-right: 0%;
    clear: both
  }
}
.textfeld-2, .freitext-2 {
  width: 98%;
  position: relative;
  line-height: normal;
  text-decoration: none;
  background: #fff;
  color: #333;
  border: 1px solid #fff;
  margin-bottom: 8px;
  padding: 20px 1% 4px 1%;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
  border-radius: 10px;
  height: 30px;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
}
.freitext-2 {
  height: 165px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
}
.textfeld-K-2 {
  width: 100px;
  line-height: normal;
  text-decoration: none;
  background: #fff;
  color: #333;
  margin-bottom: 8px;
  height: 26px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
}
.textfeld-2:hover, .textfeld-K-2:hover, .freitext-2:hover {
  outline: 0;
  box-shadow: 0 0 8px rgba(0, 168, 225, 0.5);

}

.textfeld-2:focus, .textfeld-K-2:focus, .freitext-2:focus {
  outline: 0;
  box-shadow: 0 0 8px rgba(0, 168, 225, 1);
  border: 1px solid #00a8e1;
}

input[type="file"] {
   -webkit-appearance: none;
}

.fileupload {
  max-width: 450px;
  line-height: normal;
  text-decoration: none;
  background: #fff;
  color: #333;
  margin-bottom: 5px;
  height: 24px;
  font: 0.8em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
  border: 1px solid #fff;
    cursor:pointer;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
}
.fileupload:hover, .fileupload:focus {
  outline: 0;
  box-shadow: 0 0 8px rgba(0, 168, 225, 1);
  border: 1px solid #00a8e1;
}

input[type='date'], input[type='time'] {
  -webkit-appearance: none;
}
label {cursor: pointer;}
fieldset {border:none}

.label {
  color: #73777e;
  font: 0.9em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
  position: absolute;
  margin: 5px 0 -20px 8px;
  z-index: 1000;
}

.checkbox-2 {
  cursor: pointer;
  border: 2px solid #fff
}
input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #fff;
    margin: 0 10px -3px 0;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
}

input[type="radio"] {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 10px -3px 0;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
}
input[type=radio]:checked, input[type=checkbox]:checked {
  background: #00a8e1;
  background-image: url(img/haekchen.svg);
}
input[type=radio]:focus, input[type=checkbox]:focus {
  box-shadow: 0 0 8px rgba(140, 140, 140, 0.8);
  border: 2px solid #00a8e1;
}
input[type=radio]:hover, input[type=checkbox]:hover {
  box-shadow: 0 0 8px rgba(140, 140, 140, 0.3);
  border: 2px solid #00a8e1;
}
.radio-line-height {
  line-height: 180%
}

.buttonBig-2 {
  -webkit-appearance: none;
  width: 210px;
  padding: 15px 4px 15px 4px;
  border: 0px solid #ffffff;
  cursor: pointer;
  font: 1.1em/140% 'TheSans', Verdana, 'Geneva, sans-serif';
  background: #004962;
  moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  margin: 0px auto;
  text-align: center;
  color: #fff;
}
a.buttonBig-2:link {}
a.buttonBig-2:visited {
  color: #fff;
}
.buttonBig-2:hover {
  color: #fff;
  display: block;
  background: #007fab;
  text-decoration: none;
  border: 0px solid #007fab;
}
@media only screen and (max-width:1100px) {
    .radio-letter-space {
 letter-spacing: -5%; font-size: 90%;
       
}}
@media only screen and (max-width:780px) {
    .radio-letter-space {
 letter-spacing:normal; font-size:100% ;
       
}}

.validator {
  display: none;
}