form {
    text-align: left;
    /*overflow: auto;*/
}

.form-horizontal {
    display: Table;
    min-width: 400px;
}

.form-group {
    display: Table-row;
    padding: 5px 0 5px 0;
}

.control-label {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 15px;
    font-weight: bold;
}

.form-control {
    margin: 2px 0 2px 0;
    padding: 5px 2px 5px 2px;
    display: table-cell;
    width: 280px;
}

input,
textarea,
select {
    max-width: 200px;
    /*width: 100%;*/
}

label[for=nachricht] {
    padding-top: 2px;
    vertical-align: top;
}

@media (min-width: 768px) {
    input {
        max-width: 600px;
    }
    textarea {
        max-width: 700px;
    }
    .control-label {
        min-width: 280px;
    }
}

.error {
    color: red;
    list-style: none;
}

input[type=submit] {
    column-span: 2;
}