@charset "UTF-8";

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    color: #555555;
    background-color: #E8F0F0;
}

input {
    margin: 0px;
    padding: 0px;
}

input[type=text], select {
    width: 100%;
    height: 23px;
    border: 1px solid #D4E4EE;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    color: #0074BD;
}

#page-wrapper {
    float: left;
    width: 100%;    
}

#page-wrapper .headline-en {
    float: left;
    width: 100%;
    color: #0074BD;
}

#page-wrapper .headline-de {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 9px;
}

#page-wrapper .formular {
    float: left;
    clear: left;
    width: 100%;
}

#page-wrapper .formular .salut {
    float: left;
    width: 100%;
    margin: 24px 0px 1px 0px;
}

#page-wrapper .formular .salut .salut-label {
    float: left;
    width: 100%;
}

#page-wrapper .formular .salut .salut-radio {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 6px;
}

#page-wrapper .formular .salut .salut-radio .radio {
    float: left;
    width: 17px;
    height: 16px;
    margin-top: 2px;
}

#page-wrapper .formular .salut .salut-radio .radio img {
    cursor: pointer;
}

#page-wrapper .formular .salut .salut-radio .radio-desc {
    float: left;
    height: 16px;
    line-height: 18px;
    margin-right: 11px;
}

#page-wrapper .formular .formular-box {
    float: left;
    width: 48.3%;    
}

#page-wrapper .formular .formular-spacer {
    float: left;
    width: 3.4%;
    height: 100%;
}

#page-wrapper .formular .formular-box .label {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 33px;
}

#page-wrapper .formular .formular-box .input {
    float: left;
    width: 100%;
    height: 23px;
}

#page-wrapper .formular .formular-box .input .radio {
    float: left;
    width: 17px;
    height: 23px;
}

#page-wrapper .formular .formular-box .input .radio img {
    margin-top: 6px;
    cursor: pointer;
}

#page-wrapper .formular .formular-box .input .radio-desc {
    float: left;
    width: 52px;
    height: 23px;
    line-height: 25px;
}

#page-wrapper .require {
    float: left;
    clear: left;
    width: 100%;
    font-size: 10px;
    margin: 3px 0px 23px 0px;
}

#page-wrapper .blue-box {
    display: table;
    clear: left;    
    width: 100%;
    padding: 0px 0px 7px 0px;
    background-color: #0074BD;
}

#page-wrapper .blue-box .blue-box-spacer {
    display: table-cell;
    width: 11px;
}

#page-wrapper .blue-box .blue-box-content {
    display: table-cell;
}

#page-wrapper .blue-box .blue-box-content .blue-box-headline {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
}

#page-wrapper .blue-box .blue-box-content .checkbox {
    display: table-cell;
    width: 23px;
    vertical-align: top;
}

#page-wrapper .blue-box .blue-box-content .checkbox img {
    cursor: pointer;
    margin-top: 1px;
}

#page-wrapper .blue-box .blue-box-content .checkbox-desc {
    display: table-cell;
    color: #ffffff;
}

#page-wrapper .blue-box .blue-box-content .cb-left {
    float: left;
    clear: left;
    width: 50.8%;
    height: 18px;
}

#page-wrapper .blue-box .blue-box-content .cb-right {
    float: left;
    width: 49.2%;
    height: 18px;
}

#page-wrapper .privacy {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 15px;
}

#page-wrapper .privacy .privacy-cb {
    display: table-cell;
    width: 20px;
    vertical-align: top;
}

#page-wrapper .privacy .privacy-cb img {
    cursor: pointer;
}

#page-wrapper .privacy .privacy-desc {
    display: table-cell;
    font-size: 11px;
}

#page-wrapper .submit {
    float: left;
    clear: left;
    width: 290px;
    height: 29px;
    margin-top: 24px;
}

/* Ok-Seite */

#page-wrapper .headline {
    float: left;
    clear: left;
    width: 100%;
    font-size: 16px;
}

/************/

@media screen and (max-width: 519px) {    
    
    #page-wrapper .formular .formular-box {
        width: 100%;    
    }
    
    #page-wrapper .formular .formular-spacer {
        display: none;
    }
    
    #page-wrapper .blue-box .blue-box-content .cb-left {
        width: 100%;
    }

    #page-wrapper .blue-box .blue-box-content .cb-right {
        width: 100%;
    }

}