﻿div.input label {
    font-size: 80%;
    font-weight: normal;
}

div.input input {
    border: 1px #aeaeae solid;
    border-radius: 3px;
}

div.input label {
    font-size: 80%;
    font-weight: normal;
}
button {
    background-color: #65b32e;
    font: bold 133% 'Arial Narrow', Arial;
    color: #ffffff;
}

div.input input[type=text], div.input input[type=email], div.input input[type=tel], div.input select {
    min-width: 165px;
}

input[type=checkbox] {
    margin: 3px;
}

div.input {
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 2px
}

    div.input input.invalid {
        color: red
    }

    div.input input.normal {
        color: black
    }

    div.input input.valid {
        color: green
    }

.ui-widget-overlay {
    background: url(assets/ui-bg_flat_10_000000_40x100.0f8012f9214f21e71d2e.png) 50% 50% repeat;
    opacity: .20;
    filter: Alpha(Opacity=30);
}

div.input input#iban {
    width: 210px
}

div.input input#kreditinstitut {
    width: 190px
}

#content {
    margin-bottom: 15px
}

div.input input.invalid {
    color: red
}

div.input input.valid {
    color: green
}

div.formular {
    border: 1px solid black;
    padding: 5px;
    margin: 2px
}

fieldset {
    background: #eeeeee;
    padding: 5px
}

div.text {
    background: #fff;
    padding: 5px
}

div.input {
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 2px
}
div.input.kassenzeichen label {
        z-index: 20;
        position: relative;
        left: 5px;
}
div.input.kassenzeichen input {
    padding: 17px 2px 2px 2px;
    position: relative;
    bottom: 22px;
    z-index: 10;
}

div.input.error label {
    color: red
}
div.error div {font-weight:bolder;color:red}
.flex-item-left {
    flex: 70%;
}
.flex-item-right {
    flex:30;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
}
select#Anrede {
    width: 176px
}
@media (max-width: 800px) {
    .flex-item-right, .flex-item-left {
        flex: 100%;
    }
}
