/* lato-regular - latin */
@font-face {
    font-family: 'Lato-Regular';
    font-style:  normal;
    font-weight: 400;
    src:         local('Lato Regular'), local('Lato-Regular'),
                 url('lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato-Bold';
    font-style:  normal;
    font-weight: 900;
    src:         local('Lato Black'), local('Lato-Black'),
                 url('lato-v14-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('lato-v14-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.PopupDialog.ContactPopup {
    /*overflow-x:hidden!important;*/
}

.PopupDialog.ContactPopup h1 {
    font-size:      20px;
    text-align:     center;
    display:        block;
    color:          #000 !important;
    letter-spacing: 0.04em;
    line-height:    32px;
    font-family:    "Lato-Bold", Arial, sans-serif;
    margin:         0;
    padding:        0 0 1px 0;
}

.PopupDialog.ContactPopup h1 + p {
    text-align: center;
    padding:    0 0 20px 0;
}

.PopupDialog.ContactPopup p {
    font-family:    "Lato-Regular", Arial, sans-serif;
    font-size:      16px;
    display:        block;
    letter-spacing: -0.01em;
    line-height:    24px;
    padding:        0;
    margin:         0;
}

.PopupDialog {
    display:    block;
    visibility: visible;
}

.PopupDialog.ContactPopup {
    width:     550px;
    max-width: 100%;
    padding:   0;
}

.PopupDialog.ContactPopup .contact {
    padding:               0px 25px;
    margin-top:            0 !important;
    font-family:           'Lato';
    background-color:      #f6f7f7;
    border-radius:         8px 8px 8px 8px;
    -moz-border-radius:    8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    box-shadow:            0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
    -moz-box-shadow:       0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
    -webkit-box-shadow:    0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
}

.PopupDialog.ContactPopup .contact .contact_inner {
    max-width:          100%;
    width:              480px;
    margin:             0 auto;
    padding-top:        35px;
    padding-bottom:     0px;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

.PopupDialog.ContactPopup #privacy {
    margin-top: 4px;
}

.PopupDialog.ContactPopup .sandbox_btn {
    margin-top: 19px;
}

.contact .contact_inner div:nth-child(2) p {
    padding-top: 10px;
}

.contact .contact_inner div:nth-child(6) {
    margin-bottom: 18px;
}

.contact .sandbox_btn:hover {
    background-color: #fff !important;
    color:            #ef7404 !important;
}

@media all and (min-height: 820px) {
    .PopupDialog.ContactPopup .contact-extra-margin {
        margin-bottom: 32px;
    }

    .PopupDialog.ContactPopup .contact-extra-margin:last-child {
        margin-bottom: 13px
    }
}

@media all and (max-width: 800px) {
    .PopupDialog.ContactPopup {
        width:  100%;
        height: 100%;
    }
}

@media all and (max-height: 820px) {
    .PopupDialog.ContactPopup .contact .contact_inner {
        padding-top:    20px;
        padding-bottom: 20px;
    }
}

.ContactPopup .hs-form {
    padding: 0 !important;
}

.ContactPopup input[type='text'].hs-input,
.ContactPopup input[type='text'],
.ContactPopup input[type='tel'],
.ContactPopup input[type='email'],
.ContactPopup textarea,
.ContactPopup textarea.hs-input,
.ContactPopup select.hs-input,
.ContactPopup select {
    width:  100% !important;
    border: 0;
}

.ContactPopup select.hs-input,
.ContactPopup select {
    padding: 0;
    margin:  -3px 0 0 0;
}

.ContactPopup .hs_company .input {
    margin-right: 0 !important;
}

.ContactPopup input[type='text'].hs-input,
.ContactPopup input[type='text'],
.ContactPopup input[type='tel'],
.ContactPopup input[type='email'],
.page .ContactPopup textarea,
.page .ContactPopup input[type='text'].hs-input,
.page .ContactPopup input[type='text'],
.page .ContactPopup input[type='tel'],
.page .ContactPopup input[type='email'] {
    font-size:      20px !important;
    line-height:    20px;
    letter-spacing: -0.01em;
    background:     transparent;
    font-family:    'Lato-Regular', Arial, sans-serif;
    color:          #333 !important;
    position:       absolute;
    left:           0;
    top:            0;
    right:          0;
    bottom:         0;
    width:          100%;
    height:         100% !important;
    border:         0;
    padding-top:    15px;
    padding-left:   11px;
    padding-right:  35px;
    margin:         0;
}

.page .ContactPopup fieldset {
    position:         relative;
    background-color: #f6f7f7;
}

.page .ContactPopup .legal-consent-container .hs-error-msgs {
    left: 103%;
}

.page .ContactPopup .legal-consent-container label.hs-error-msg {
    background-color: #000;
    padding:          15px !important;
}

.page .ContactPopup .legal-consent-container label {
    background-color: #f6f7f7;
}

.page .ContactPopup textarea {
    padding-top: 24px;
}

.ContactPopup .input {
    display:               block;
    width:                 100%;
    border:                1px solid #b1b9c4;
    border-radius:         4px;
    -moz-border-radius:    4px;
    -webkit-border-radius: 4px;
    padding:               10px;
    box-sizing:            border-box;
    -moz-box-sizing:       border-box;
    -webkit-box-sizing:    border-box;
    background-color:      #fff;
    position:              relative;
    height:                56px;
    overflow:              hidden;
}

.ContactPopup .legal-consent-container .input {
    border: 0;
}

.ContactPopup .legal-consent-container .hs-form-booleancheckbox label > span {
    display:     inline-block !important;
    float:       left;
    margin-left: 10px;
    max-width:   90%;
    margin-top:  -3px;
}

.ContactPopup .legal-consent-container .hs-form-field,
.ContactPopup .legal-consent-container .hs-form-field label {
    position:    inherit !important;
    font-weight: normal !important;
}

.ContactPopup .hs-form-field {
    margin-bottom: 10px;
}

.ContactPopup .hs-form-field label {
    position:    absolute;
    top:         20px;
    font-size:   15px !important;
    margin-left: 10px;
    z-index:     100;
    text-align:  left;
    padding:     0;
    transition:  all linear 200ms;
    font-weight: normal;
}

.ContactPopup .form-columns-3 .hs-form-field:first-child,
.ContactPopup .form-columns-3 .hs-form-field:nth-child(2) {
    width:        31.6% !important;
    margin-right: 8px;
}

.ContactPopup .form-columns-3 .hs-form-field:last-child {
    width: 33.4% !important;
}

.ContactPopup .form-columns-2 .hs-form-field:first-child {
    width:        48.3%;
    margin-right: 8px;
}

.ContactPopup input[type='checkbox'] {
    margin:         0;
    padding:        0;
    height:         auto !important;
    vertical-align: top;
}

.ContactPopup .legal-consent-container .input {
    padding: 0 !important;
    height:  auto !important;
}

.ContactPopup .legal-consent-container label {
    float:          left !important;
    padding:        0 !important;
    width:          100% !important;
    vertical-align: top;
    margin:         0;
}


.ContactPopup .contact .hs-form-field.focus {
    border-color: #2f7ed9 !important;
}

.ContactPopup .contact .hs-form-field:hover {
    border-color: #79808a;
}

.page .ContactPopup .contact .hs_anliegen select.hs-input {
    font-family:    'Lato', 'Helvetica', 'Arial', 'sans-serif';
    padding-top:    10px;
    font-size:      15px !important;
    line-height:    20px;
    letter-spacing: -0.01em;
    color:          #666 !important;
    font-weight:    normal;
}

.ContactPopup .contact .hs_anliegen label,
.ContactPopup .contact .hs-form-field.active label,
.ContactPopup .contact .hs-form-field.focus label {
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size:   10px !important;
    top:         3px;
}

.ContactPopup .contact .hs-form-field.focus label {
    color:     #2c75db !important;
    font-size: 12px;
}

.ContactPopup .contact .hs-form-field.active label {
    color:     #9fa7b3 !important;
    font-size: 12px;
}

.ContactPopup .contact .legal-consent-container .hs-richtext:last-of-type {
    padding-left: 24px;
}

.ContactPopup .contact .legal-consent-container .hs-richtext:last-of-type p {
    font-size:   12px !important;
    line-height: 150% !important;
}

.ContactPopup .contact .hs-submit {
    margin-top:    0;
    margin-bottom: 0;
}

.ContactPopup .contact .hs-button {
    width:     100%;
    font-size: 16px;
}

.page .hs-form .inputs-list label strong {
    font-size:   12px !important;
    font-weight: bold !important;
}

/**
 * Changing the error message position
 */
.ContactPopup .hs-error-msgs {
    position:   absolute;
    display:    block;
    left:       100%;
    top:        0;
    min-width:  200px;
    margin-top: -20px;
}

.ContactPopup .hs-error-msgs .hs-error-msg:after {
    right:              100%;
    top:                50%;
    border:             solid transparent;
    content:            " ";
    height:             0;
    width:              0;
    position:           absolute;
    pointer-events:     none;
    border-color:       rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width:       10px;
    margin-top:         -10px;
}

.ContactPopup .hs-error-msgs .hs-error-msg {
    position:         relative;
    background-color: #000;
    color:            #fff !important;
    padding:          15px;
    font-family:      'Lato', 'Helvetica', 'Arial', 'sans-serif';
    display:          block;
}

.ContactPopup .contact .hs-form-field.active label.hs-error-msg,
.ContactPopup .hs-error-msgs label.hs-error-msg {
    color:     #fff ! important;
    font-size: 13px !important;
}

.ContactPopup .hs_error_rollup {
    background-color: #f6f7f7;
    margin:           0 !important;
    padding-bottom:   20px;
}

.ContactPopup .hs_error_rollup .hs-error-msgs {
    position:         inherit !important;
    background-color: transparent;
    margin:           0;
}

.ContactPopup {
    display: none;
}

.ContactPopup.active {
    display: block;
}

.ContactPopup.mobile .PopupClose {
    right:  10px;
    margin: 0;
    top:    10px;
}

/**
 * Footer
 */

.PopupDialog.ContactPopup .contact-footer {
    border-radius:         8px 8px 8px 8px;
    -moz-border-radius:    8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    padding-bottom:        5px;
}

.PopupDialog.ContactPopup .contact-footer .row {
    display:         flex;
    flex-flow:       row nowrap;
    justify-content: center;
}

.PopupDialog.ContactPopup .contact-footer .row .col {
    flex:      0 1 25%;
    max-width: 150px;
}

.PopupDialog.ContactPopup .contact-footer .row .col img {
    max-width: 100%;
}

.PopupDialog.ContactPopup .contact-footer p {
    font-size:     14px;
    text-align:    center;
    padding-top:   0px;
    margin-bottom: 3px;
}

/**
 * Button
 */
.PopupDialog.ContactPopup .hs-button.primary.large {
    font-weight:  bold !important;
    border-width: 3px !important;
}

.PopupDialog.ContactPopup .hs-button.primary.large:hover {
    background-color: transparent;
    color:            #ef7404 !important;
}

.PopupDialog.ContactPopup a {
    text-decoration: none !important;
}

/**
 * Textarea
 */
.PopupDialog.ContactPopup .hs-message .input {
    height: 80px !important;
}


@media (max-width: 519px) {
    .ContactPopup .hs-form-field.hs_phone label,
    .ContactPopup .hs-form-field.hs_lastname label {
        top: 84px;
    }

    .ContactPopup .hs-form-field.hs_phone.focus label, .ContactPopup .hs-form-field.hs_focus.active label,
    .ContactPopup .hs-form-field.hs_lastname.focus label, .ContactPopup .hs-form-field.hs_lastname.active label {
        top: 70px;
    }
}