/*** KONTAKTFORMULAR ***/
.qbcf7 {background-color: #424A50; padding: 4%; color: #fff;}
.qbform * {font-family: 'Quicksand';}
.qbform *, .qbform *:hover, .qbform *:focus {outline: 0 !important}
input, select, textarea, button, a {-webkit-tap-highlight-color: transparent}
.qbform_inner {width: 80%; margin-top: 64px}
.qbform input, .qbform textarea {width: 100%}
.qbform a {color: #f5a722}
.wpcf7-acceptance input {width: 14px; margin-right: 8px; display: inline-block; vertical-align: middle;}
#qbsubmit {width: 33.3333%;}
.qbgrid, .qbform_nachricht {/*height: 60px; */clear: both;}
.qbanrede {width: 49%; display: flex; justify-content: space-between;}
.qbform_anrede, .qbform_titel {width: 45%}
.qbform_left, .qbform_right {width: 49%;}
.qbform_anrede, .qbform_left {float: left;}
.qbform_right {float: right;}
.qbform h2 {padding: 0 0 16px 0; margin-top: 0; color: #fff;}
input, input:hover, input:focus {outline: 0 !important}
input.wpcf7-form-control.wpcf7-date,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-quiz,
input.wpcf7-form-control.wpcf7-text,
select.wpcf7-form-control.wpcf7-select,
textarea.wpcf7-form-control.wpcf7-textarea {margin: 5px 0; font-family: 'Quicksand';}
.qbform_nachricht {padding-top: 1px;}
textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-text {border: 2px solid #fff;}
div.wpcf7-response-output.wpcf7-mail-sent-ok::before,
div.wpcf7-response-output.wpcf7-validation-errors::before {display: none;}
div.wpcf7-mail-sent-ok {color: #fff}
div.wpcf7-response-output {font-size: 13px}

#qbkontakt a {color: #f5a722; transition: all .2s ease-out;}
#qbkontakt a:hover {border-bottom: 1px solid #f5a722; padding-bottom: 2px;}
#qbsubmit {width: 33.3333%}
#qbsubmit input {
  background-color: #f5a722; margin: 32px 0 0; color: var(--dunkelblau); border-color: #f5a722;
  border-width: 1px; transition: all .3s ease; border-radius: 100px;
}
#qbsubmit input:hover {background-color: var(--dunkelblau); border-color: var(--dunkelblau); color: #fff; opacity: 1}
/*input.wpcf7-form-control.wpcf7-submit {border-radius: 100px;}*/
span.wpcf7-not-valid-tip {display: none !important}
div.wpcf7-response-output.wpcf7-validation-errors {background-color: #d22; width: 80%}
span .wpcf7-not-valid {border-bottom: 2px solid #d22 !important;}
span .wpcf7-not-valid:focus, span .wpcf7-not-valid:visited {border-bottom: 2px solid #f5a722 !important}
span.wpcf7-list-item-label {font-size: 12px; line-height: 1}
.wpcf7-acceptance .wpcf7-list-item-label {padding-left: 28px;}
span.wpcf7-list-item {margin: 0;}
div.wpcf7-response-output {padding: 12px; margin-left: 0}
div.wpcf7-response-output.wpcf7-mail-sent-ok {color: #fff}

::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 15px; color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 15px; color: #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 15px; color: #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 15px; color: #000;
}
input.wpcf7-form-control.wpcf7-date,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-quiz,
input.wpcf7-form-control.wpcf7-text,
select.wpcf7-form-control.wpcf7-select,
textarea.wpcf7-form-control.wpcf7-textarea
  {color: #fff; background-color: transparent;}

.qbfloating > p {
  font-size: 16px;
  font-family: sans-serif;
  position: relative;
}
.qbfloating > p label {
  position: absolute;
  top: 62%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transform-origin: top left;
  pointer-events: none;
  font-weight: normal;
  transition: top 0.3s;
  font-weight: 300;
  color: #000;
}
.qbfloating input.wpcf7-text, .qbfloating textarea.wpcf7-textarea, .qbfloating select.wpcf7-select {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 15px 0px;
  width: 100%;
  background-color: transparent;
  color: #000;
  font-size: 16px;

}
.qbfloating label.has_value {
  top: 0;
  /*font-size: 11px;*/
  transform: scale(0.75,0.75) translate(0,-15px);
  color: #f5a722;
  font-weight: 600;
}

/***** CHECKBOX ***/
.wpcf7-acceptance input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
span.wpcf7-form-control-wrap.Zustimmung {margin-top: 16px; display: block;}
/* Create a custom checkbox */
.qbcheckbox {position: absolute; top: 6px; left: 0; height: 16px; width: 16px; background-color: #fff;}
.qbrueckruf {padding-bottom: 16px}
.qbrueckruf .qbcheckbox {
  background-color: transparent;
  border: 3px solid #f5a722;
  border-radius: 50%;
  top: -2px;
}
.qbrueckruf .wpcf7-list-item-label {font-size: 14px}
/* On mouse-over, add a grey background color */
.wpcf7-acceptance label:hover input ~ .qbcheckbox {background-color: #fff;}
.qbrueckruf .wpcf7-acceptance label:hover input ~ .qbcheckbox {background-color: transparent;}
/* When the checkbox is checked, add a blue background */
.wpcf7-acceptance input:checked ~ .qbcheckbox {background-color: #fff;}
.qbrueckruf .wpcf7-acceptance input:checked ~ .qbcheckbox {background-color: transparent;}
/* Create the checkmark/indicator (hidden when not checked) */
.qbcheckbox:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.wpcf7-acceptance input:checked ~ .qbcheckbox:after {display: block;}

/* Style the checkmark/indicator */
.wpcf7-acceptance .qbcheckbox:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid #f5a722;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok {background-color: #17a6b0}
.wpcf7 form.sent .wpcf7-response-output:before, div.wpcf7-response-output.wpcf7-mail-sent-ok:before {display: none;}

@media (max-width: 736px) {
  .qbberater img {bottom: 0; padding-top: 32px}
  .qbanrede {width: 100%}
  .qbform_anrede, .qbform_titel {width: 46%}
  .qbform_left, .qbform_right {width: 100%}
  .qbform_nachricht {clear: both; width: 90%;}
  .qbform_right {float: left;}
  .qbform_inner, div.wpcf7-response-output.wpcf7-validation-errors {margin-left: auto; margin-right: auto;}
  .qbrueckruf {padding: 16px 0}
  .wpcf7-acceptance .wpcf7-list-item-label {display: block;}
}
/*** ENDE KONTAKTFORMULAR ***/