/* Breakpoints */
/* Maximale Breitenbegrenzung */
/* Teamboxen umspringen */
/*Bubbles*/
form .notenzeile .radio_wrapper .radio:nth-child(1),
form .umfragezeile .radio_wrapper .radio:nth-child(1) {
  background: #b0b0b0;
  border-color: #969696;
  color: #fff;
}
form .notenzeile .radio_wrapper .radio:nth-child(2),
form .umfragezeile .radio_wrapper .radio:nth-child(2) {
  background: #a3a3a3;
  border-color: #8a8a8a;
  color: #fff;
}
form .notenzeile .radio_wrapper .radio:nth-child(3),
form .umfragezeile .radio_wrapper .radio:nth-child(3) {
  background: #969696;
  border-color: #7d7d7d;
  color: #fff;
}
form .notenzeile .radio_wrapper .radio:nth-child(4),
form .umfragezeile .radio_wrapper .radio:nth-child(4) {
  background: #8a8a8a;
  border-color: #707070;
  color: #fff;
}
form .notenzeile .radio_wrapper .radio:nth-child(5),
form .umfragezeile .radio_wrapper .radio:nth-child(5) {
  background: #7d7d7d;
  border-color: #636363;
  color: #fff;
}
form .notenzeile .radio_wrapper .radio:nth-child(6),
form .umfragezeile .radio_wrapper .radio:nth-child(6) {
  background: #707070;
  border-color: #575757;
  color: #fff;
}
#notenzeile + span {
  position: relative;
  top: 0.5rem;
}
/* Formulare */
form {
  /* ------------------------ Umfrage ------------------------ */
}
form fieldset {
  margin: 1rem 0;
}
form fieldset legend {
  padding: 4px 2rem;
  border-radius: 18px;
  font-weight: bold;
  max-width: 70%;
  /* Damit IE Zeilenumbruch in legend macht */
}
form fieldset ul {
  list-style-type: none;
  margin: 1px 0px 5px -9px;
}
@media (max-width: 400px) {
  form fieldset ul {
    padding: 1rem 0.1rem 1rem 1.5rem;
  }
}
form fieldset ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 10px 0 8px 0;
  /* Zeilenabstand */
}
@media (max-width: 500px) {
  form fieldset ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
form fieldset ul li.datkennt {
  display: inline-block;
  width: 100%;
  padding-right: 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 1rem;
}
form fieldset ul li.datkennt i {
  font-size: 110%;
  font-style: normal;
}
form fieldset ul li.datkennt b {
  display: none;
}
form fieldset ul li.datkennt label {
  display: inline;
}
form fieldset ul li.datkennt input {
  float: right;
  margin: -1rem -4rem 0 0;
}
@media (max-width: 500px) {
  form fieldset ul li.datkennt input {
    margin-top: -2rem;
  }
}
form fieldset ul li.submitbut {
  display: block;
}
form fieldset ul li.submitbut #submit {
  float: right;
  width: 15.1rem;
  margin-top: 0;
}
@media (max-width: 400px) {
  form fieldset ul li.submitbut #submit {
    width: 12rem;
  }
}
form fieldset ul li label {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  line-height: 135%;
}
@media (max-width: 500px) {
  form fieldset ul li label {
    display: block;
  }
}
form fieldset ul li label.radiolabel,
form fieldset ul li label.checklabel {
  -ms-flex-preferred-size: 95%;
      flex-basis: 95%;
  text-align: right;
  /* Frage zu check oder radio nach rechts geschoben */
}
@media (max-width: 500px) {
  form fieldset ul li label.radiolabel,
  form fieldset ul li label.checklabel {
    text-align: left;
  }
}
form fieldset ul li label b {
  margin: 0 5px 0 -11px;
  font-size: 12px;
  vertical-align: top;
}
form fieldset ul li input,
form fieldset ul li textarea {
  padding: 0 4px;
  border-radius: 4px;
  border-width: 1px;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}
form fieldset ul li #copy_hint {
  width: 100%;
  text-align: left;
  margin-top: -1px;
}
form fieldset #datja {
  max-width: 4rem;
  height: auto;
  width: auto;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form .notenzeile,
form .umfragezeile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
form .notenzeile .radiolabel,
form .umfragezeile .radiolabel {
  text-align: left;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
form .notenzeile .radio_wrapper,
form .umfragezeile .radio_wrapper {
  text-align: right;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin: 0 0 10px 0;
}
form .notenzeile .radio_wrapper .radio,
form .umfragezeile .radio_wrapper .radio {
  padding: 4px 8px;
  margin: 2px;
  border-radius: 2rem;
  border-width: 1px;
  border-style: solid;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
  /*&:nth-child(1) {background: darken(@cobox, 5%); border-color: darken(@cobox, 30%);}
				&:nth-child(2) {background: darken(@cobox, 10%); border-color: darken(@cobox, 35%);}
				&:nth-child(3) {background: darken(@cobox, 15%); border-color: darken(@cobox, 40%);}
				&:nth-child(4) {background: darken(@cobox, 20%); border-color: darken(@cobox, 45%);}
				&:nth-child(5) {background: darken(@cobox, 25%); border-color: darken(@cobox, 50%);}
				&:nth-child(6) {background: darken(@cobox, 30%); border-color: darken(@cobox, 55%);}*/
}
form .notenzeile .radio_wrapper .radio input[type=radio],
form .umfragezeile .radio_wrapper .radio input[type=radio] {
  width: auto;
  float: none;
  margin-right: 0;
}
@media (max-width: 400px) {
  form .notenzeile .radio_wrapper .radio,
  form .umfragezeile .radio_wrapper .radio {
    margin: 1px;
  }
}
form .notenzeile .radio_wrapper .radio:hover,
form .umfragezeile .radio_wrapper .radio:hover {
  opacity: 1;
}
form .notenzeile .radio_wrapper {
  margin-top: -50px;
}
@media (max-width: 500px) {
  form .notenzeile .radio_wrapper {
    margin-top: -20px;
  }
}
form .notenzeile .radio_wrapper .radio {
  padding: 3px 10px;
  opacity: 0.8;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 1px 1px 1px #111;
}
@media (max-width: 500px) {
  form .radio_wrapper {
    text-align: right;
    margin: -19px 9rem 0 0;
  }
}
/* -------------------- Captcha -------------------- */
.capt {
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 1rem;
  width: 13.2rem;
  float: right;
}
@media (max-width: 400px) {
  .capt {
    width: 10rem !important;
  }
}
.capt #jutho_captcha_space #jutho_captcha_new_link,
.capt #jutho_captcha_space #jutho_captcha_helper_link {
  display: inline-block;
}
.capt #jutho_captcha_space #jutho_captcha_new_link {
  position: relative;
  top: -1px;
}
.capt #jutho_captcha_space #jutho_captcha {
  display: block;
  width: 100%;
}
@media (max-width: 400px) {
  .capt #jutho_captcha_space #jutho_captcha {
    float: none;
  }
}
#captcha_helper {
  font-size: 90%;
  background-color: white;
  z-index: 5001;
  margin-bottom: 2rem;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 6px 6px 17px -11px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 17px -11px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem;
}
#fs_datenschutz .fmail {
  clear: both;
  text-align: left;
  padding: 1rem 0;
}