.popupForm {
max-width: 700px;
min-width: 570px;
padding: 50px 70px 50px 50px;
color: #FFF;
display: none;
font-size: 1.8rem;
line-height: 170%;
}

.innerForm .vermittlungsart {
font-size: 2.2rem;
line-height: 120%;
font-weight: 400;
font-family: 'Bitter', serif;
display: block;
margin: 0 0 10px 0;
}

.popupForm h3 {
margin: 0 0 30px 0;
font-size: 3rem;
}

.popupForm h3 .extrainfo {
display: block;
font-family: 'Open sans', sans-serif;
font-weight: 400;
font-size: 2rem;
margin:0;
}

.popupForm h4 {
margin: 30px 0 0 0;
font-size: 2.2rem;
font-weight: 400
}

.popupForm .innerForm {
margin: 0
}

.popupForm .hint {
font-size:1.5rem;
margin: 10px 0 0 0;
line-height: 130%;
}

.popupForm .hint.kindergeburtstag,
.popupForm .hint.vermittlungsangebot,
.popupForm .hint.weihnachtsfeier {
display: none;
font-weight: 700
}

.popupForm .hint p {
margin: 10px 0 0 0
}

.ui-datepicker {
z-index: 5000 !important
}

#content .innerForm {
margin: 30px 0 0 0;
}

.innerForm a {
color: rgba(240,233,222,1);
text-decoration: underline
}

.innerForm a:hover {
color: rgba(240,233,222,1);
opacity: 0.7
}

#aboForm h3 {
font-size: 3.5rem;
margin: 30px 0;
font-weight: 400
}

#aboForm h4 {
font-size: 2rem;
margin: 5% 0 0 0
}

.innerForm .label {
display: block;
float: left;
width: 25%;
padding: 9px 5px 9px 0
}

.innerForm .clear {
margin: 2% 0 0 0
}

.innerForm .margin {
margin: 3% 0 0 0
}

.innerForm input {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

.innerForm input,
.innerForm textarea {
padding: 6px 10px;
font-size: inherit;
font-weight: 400;
width: 100%;
background: #FFF;
border: none;
outline: none;
background-position: right center
}

.innerForm .two input {
width: 49%;
}

.innerForm .two .wpcf7-form-control-wrap:last-child input {
margin: 0 0 0 2%
}

.innerForm .input .plz input {
width:24%;
}

.innerForm .input .plz input {
width:24%;
}

.innerForm .input .ort input {
width:74%;
margin: 0 0 0 2%
}

.innerForm .input .telefon input {
width:38%;
}

.innerForm .input .email input {
width:60%;
margin: 0 0 0 2%
}

.innerForm .input .firma input {
width:49%;
}

.innerForm .input .einrichtung input {
width:75%;
}

.innerForm .personen .input input {
width: 70px;
margin: 0 0 0 10px;
}

.innerForm .personen label.kinder {
margin: 0 0 0 20px;
}

.innerForm .input input.wpcf7-not-valid,
.innerForm div.quiz span.quiz input.wpcf7-not-valid {
background: url(../img/error_bg.png) rgba(210,224,211,1) no-repeat right 10px center;
background-size: 10px;
}

.innerForm .input textarea {
height:140px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

.innerForm .input input:hover,
.innerForm .input select:hover
.innerForm .input textarea:hover,
.innerForm .input input:focus,
.innerForm .input select:focus,
.innerForm .input textarea:focus {
background: rgba(210,224,211,1);
background-position: right center;
opacity: 1
}

.innerForm .ui-selectmenu-button {
font-weight: 400;
}

.innerForm .anrede .ui-selectmenu-button {
max-width: 170px
}

.innerForm .artderfuehrung .ui-selectmenu-button {
max-width: 300px
}

.innerForm .countries .ui-selectmenu-button {
font-weight: 400;
width: 75%;
max-width: none
}

.innerForm .countries .ui-selectmenu-menu {
font-size: 1.3rem;
}

.innerForm .ui-button {
padding: 2px 10px;
}

.innerForm .ui-selectmenu-button.ui-button:after {
top: 15px;
}

.innerForm .ui-selectmenu-button.ui-button.ui-selectmenu-button-open:after {
top: 15px;
}

.innerForm div.agb,
.innerForm div.datenschutz {
font-size: 1.4rem;
line-height: 140%;
margin: 4% 0 0 0;
max-width: 420px;
}

.innerForm .extras {
font-size: 1.4rem;
line-height: 150%;
display: none
}

.innerForm div.extras .wpcf7-list-item {
display: block;
margin: 5px 0 0 0
}

.innerForm div.agb {
margin: 2% 0 0 0
}

.innerForm div.checkbox input {
width:auto;
font-size: 2rem;
margin: 0;
}

.innerForm div.agb .wpcf7-list-item,
.innerForm div.datenschutz .wpcf7-list-item {
margin:0 !important
}

.innerForm div.quiz {
font-size: 1.6rem;
line-height: 130%;
margin: 2% 0 5%
}

.innerForm select {
width: 50%;
max-width: 200px
}

.innerForm div.quiz span.quiz {
display: block;
margin: 8px 0 0 0;
}

.innerForm div.quiz span.quiz input {
width: 50px;
margin: 0 0 0 10px;
text-align: center;
background-position: right center;
}

.innerForm div.quiz span.quiz input:hover,
.innerForm div.quiz span.quiz input:focus {
background: rgba(240,233,222,1);
background-position: right center;
}

.innerForm .submit input {
border: none;
background: rgba(20,52,35,1);
color: #FFF;
font-weight: 500;
font-size: 1.7rem;
cursor: pointer;
width: 100%;
padding: 20px 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
opacity: 0.8
}

.innerForm .submit {
text-align: right
}

.innerForm button.submit {
width: 200px;
text-align: center;
margin: 40px 0 0 0
}

.innerForm .submit input:hover,
.innerForm button.submit:hover {
opacity: 0.6
}

.innerForm .submit input:disabled,
.innerForm button.submit:disabled {
opacity: 0.3 !important;
cursor: default
}

.thankyou {
display: none;
}

.thankyou {
font-weight: 300;
}

.thankyou p {
margin: 0 0 30px 0
}

.thankyou strong {
font-weight: 700
}

.wpcf7-not-valid-tip {
display: none !important;
}

.wpcf7-response-output {
border: medium none !important;
font-weight: 700;
font-size: 2rem;
line-height: 130%;
margin: 15px 0 30px !important;
padding: 0 !important;
text-align: center
}

div.wpcf7 .ajax-loader {
position: absolute;
top:0;
left:0;
z-index: 101;
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
background: rgba(69,117,76,0.6);
}

#vermittlungsformular div.wpcf7 .ajax-loader {
background: rgba(106,145,112,0.6);
}

.wpcf7 .ajax-loader.is-active {
opacity: 1
}

.wpcf7 .ajax-loader.is-active:after {
content: "";
background: url(../img/formloader.png) no-repeat center center;
background-size: 40px; 
width: 40px;
height: 40px;
display: block;
position: absolute;
bottom: 60px;
left: 50%;
margin: -20px 0 0 -20px;
z-index: 1;
opacity: 0.75;
-webkit-animation:spin 1s linear infinite;
-moz-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
}

#aboForm .wpcf7 .ajax-loader.is-active:after {
bottom: 50%;	
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* ----- CHECKBOX ----- */

input[type=checkbox] {

}

.wpcf7-list-item-label:before {
border-radius: 3px;
}

input[type=checkbox]:checked {
content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}

/* ----- DATEPICKER ----- */

.ui-datepicker .ui-state-default {
border:1px solid rgba(155,155,155,0.3);
background: rgba(155,155,155,0.15);
text-align: center
}

.ui-datepicker .ui-state-disabled {
opacity: 0.3
}

.ui-datepicker .ui-datepicker-today .ui-state-default {
border: 1px solid rgba(69,117,76,0.6);
background: rgba(69,117,76,0.4);
}