/* ================================================================== */
/*  contentspacer */
/* ================================================================== */

.contentspacer-small{
    height: 30px;
}
.contentspacer-medium{
    height: 60px;
}
.contentspacer-large{
    height: 90px;
}
.contentspacer-xlarge{
    height: 140px;
}
.contentspacer-xxlarge{
    height: 600px;
}

@media screen and (max-width: 1680px) {
    .contentspacer-xxlarge{
        height: 16vw;
    }
}
@media screen and (max-width: 959px) {
    .contentspacer-small{
        height: 25px;
    }
    .contentspacer-medium{
        height: 50px;
    }
    .contentspacer-large{
        height: 75px;
    }
    .contentspacer-xlarge{
        height: 100px;
    }

}
@media screen and (max-width: 639px) {
    .contentspacer-small{
        height: 15px;
    }
    .contentspacer-medium{
        height: 25px;
    }
    .contentspacer-large{
        height: 35px;
    }
    .contentspacer-xlarge{
        height: 50px;
    }
    .contentspacer-xxlarge {
        height: 10vw;
    }
}



/* ================================================================== */
/*  button  */
/* ================================================================== */
a.button {
   border: 1px solid var(--dark);
   background-color: var(--yellow);
   color: var(--dark);
   padding: 20px;
   font-weight: 700;
}
a.button:hover {
   border: 1px solid var(--yellow);
   background-color: var(--white);
   color: var(--yello);
}
a.button>span {
    margin-right: 5px;
    position: relative;
    top: -3px;
}
a.button.outlined-white {
    border: 2px solid var(--white);
    color: var(--white);
    background-color: transparent;
}
a.button.outlined-white:hover {
    border: 2px solid var(--dark);
    color: var(--dark);
    background-color: var(--yellow);
}

/* ================================================================== */
/*  Gravity-Form */
/* ================================================================== */
/*Felddarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper form .gform_body .gform_fields .gfield textarea {
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 600;
    border-style: solid;
    border-color: var(--ocean);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0;
    transition: var(--transition);
    color: var(--textblue);
    outline: none;
}


.gform_wrapper form .gform_body .gform_fields .gfield select {
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 600;
    border-style: solid;
    border-color: var(--ocean);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    transition: var(--transition);
    color: var(--textblue);
    padding-left: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield select option {
    background: var(--white);
}
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus input,
.gform_wrapper form .gform_body .gform_fields .gfield input:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus textarea,
.gform_wrapper form .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus select,
.gform_wrapper form .gform_body .gform_fields .gfield select:focus {
    outline: none;
    border-color: var(--ocean);
    transition: var(--transition);
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  {
    font-family: 'Inter';
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    padding: 20px 30px;
    background: var(--white);
    color: var(--textblue);
    border: 1px solid var(--textblue);
    border-radius: 80px;
    text-transform: none;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
    font-family: 'Inter';
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    padding: 15px 24px;
    background: var(--white);
    color: var(--textblue);
    border: 1px solid var(--textblue);
    border-radius: 80px;
    text-transform: none;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button:hover {
    background: var(--textblue);
    color: var(--white);
    transition: var(--transition);
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button:hover  {
    background: var(--textblue);
    color: var(--white);
    transition: var(--transition);
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_next_button:focus,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button {
    outline: none;
}

.gfield_required .gfield_required.gfield_required_asterisk,
.gfield_consent_label .gfield_required.gfield_required_asterisk {
    position: relative;
    top: -8px;
}
.has-focus .gfield_required .gfield_required.gfield_required_asterisk {
    position: relative;
    top: -4px;
}

.gform_heading .gform_required_legend {
    display: none;
}
/*CustomButtonStyle*/ 
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button {
    border: 1px solid var(--dark);
    background-color: var(--yellow);
    color: var(--dark);
    padding: 20px;
    font-weight: 700;
    border-radius: 0px;
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button:hover {
    border: 1px solid var(--yellow);
    background-color: var(--white);
    color: var(--yellow);
}

.gform_wrapper .gform_heading .gform_required_legend {
    color: var(--ocean);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

/*Labeldarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    color: var(--ocean);
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    transform: translateY(30px);
    transition: var(--transition);
    cursor: text;
    margin-bottom: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label {
    margin-bottom: 2px;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label {
    margin-bottom: 10px;
}
.gform_wrapper form .gform_body .gform_fields input[type=checkbox]:before{
    color: var(--ocean);
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    transform: translate(0);
    font-size: 16px;
    cursor: default;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number.has-focus label,
/*.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select.has-focus label,*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea.has-focus label   {
    transform: translateY(0px);
    font-size: 16px;
    transition: var(--transition);
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
}

/*Zusatzklassen*/
.gform_wrapper form .gform_body .gform_fields .gfield.hidedescription .gfield_description.instruction {
    display: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield.bewerbung_nationalitaet .ginput_address_country {
    width: 100%;
}
@media screen and (max-width: 959px) {
    .gform_wrapper form .gform_body .gform_fields .placeholder {
        display: none;    
    }
    .gform_wrapper form .gform_body .gform_fields .anrede {
        width: 100%;
        grid-column: span 12;
    }
    .gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  { 
        font-size: 22px;
        line-height: 22px;
        padding: 10px 15px;
    }
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
        font-size: 22px;
        line-height: 22px;
        padding: 10px 15px;
    }
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield select {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
    .gform_wrapper form .gform_body .gform_fields .gfield textarea {
        font-size: 22px;
        line-height: 22px;
    }

}
@media screen and (max-width: 639px) {
    .gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  {
        font-size: 20px;
        line-height: 20px;
        padding: 8px 10px;
    }
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
        font-size: 20px;
        line-height: 20px;
        padding: 8px 10px;
    }
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 20px;
        line-height: 20px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 20px;
        line-height: 20px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield select {
        font-size: 20px;
        line-height: 29px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
    .gform_wrapper form .gform_body .gform_fields .gfield textarea {
        font-size: 20px;
        line-height: 20px;
    }

}