:root {
        --white:#ffffff;
        --sliverGray: #cccccc;
        --MiddleGray: #999999;
        --deepBlack: #020202;
        --Black: #202020;
        --darkBlack: #333333;
        --littelDarkBlack: #4A4A4A;
        --middle-dark-gray: #4a4a4a;
        --PointC: #1AC2DE;
        --PointDarkC: #009BB8;
    }


/*=======================================
    Contact-Form
=======================================*/

    #contact-form{
        padding-top: 120px;
    }

    .contact-form-box {
        margin-top: 32px;
        margin-bottom: 40px;
    }

    .contact-form-container {
        width: calc(100% - 10%);
        margin: 0 auto;
    }

    .label-box {
        top: -1px;
        position: absolute;
        color: var(--white);
        background-color: var(--PointC);
        padding: 2px 8px 2px;
        margin-left: 8px;
        border-radius: 2px;
    }

    .contact-form-input {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 12px;
    }

    .contact-form-input label {
        margin-left: 5px;
        margin-bottom: 2px;
        color: var(--darkBlack);
    }

    .contact-form-input input {
        height: 40px;
        color: var(--middle-dark-gray);
        border-color: #b4b4b4;
        border-radius: 2px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .contact-form-input input:focus {
        border-color: var(--PointC);
    }

    .select_box{
        height: 40px;
        color: var(--middle-dark-gray);
        border-color: #b4b4b4;
        border-radius: 2px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .contact-form-input textarea {
        max-width: 400px;
        height: 160px;
        padding-top: 8px;
        padding-left: 12px;
        padding-right: 12px;
        border-color: #b4b4b4;
    }

    .contact-form-input textarea:focus  {
        border-color: var(--PointC);
    }

/*===========================
    Check-Box-CSS
===========================*/

    input[type=checkbox].terms_of_use_check_box{
        position: absolute;
        width: 16px;
        top: 3px;
        height: 16px;
        margin-right: 12px;
    }
   
    .terms_of_use_check{
        padding-left: 24px;
    }

    .link_url{
        color: var(--deepBlack);
        text-decoration: underline;
        transition: .25s;
    }

    .link_url:hover{
        opacity: .8;
    }



    @media screen and (min-width: 769px) {

        .contact-form-container {
            width: calc(100%);
        }

    }

    @media screen and (max-width: 1023px) and (min-width: 769px) {
    }