/* 007bff und 007bff */

/* vs blau  007bff*/



.page {
width:500px;
height:100%;
margin:auto;
padding:1em;
text-align:left;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif
}



.fieldset1 {/* padding-left:1.5em; *//* border:1px solid #999; *//* border-radius:.5em; */}

#vsform td {
line-height:1.2em;
padding:4px 14px 4px 8px;
vertical-align:top;
text-align:left
}

#vsform .desc_left {
width:100px;
min-width:100px
}

#vsform .data_right {
display:inline-block;
width:320px;
overflow-x:visible
}

#vsform table td {
border:none;
vertical-align:top
}

#vsform select {
height:3em;
padding-left:1em;
width:300px;
border:none;
border-bottom:1px solid silver
}

#vsform input {
border-radius:6px;
height:2.8em;
padding-left:1em;
width:288px;
border:none;
border-bottom:1px solid silver;
outline:none
}

#vsform textarea {
border-radius:6px;
height:6em;
padding:1em;
width:276px;
border:none;
border-bottom:1px solid silver;
outline:none
}

#vsform .checkAccept {
display:inline;
width:1em;
height:1em;
margin-top:1em;
margin-bottom:.5em
}

#vsform .submit {
background:#47b;
color:#fff;
font-weight:700;
width:140px;
float:right;
border-radius:0
}

#vsform .submit :hover {
background:#007bff;
}

#vsform .reset {
display:inline-block;
padding:.7em;
text-align:center;
padding-left:1em;
border:none;
border-bottom:1px solid silver;
outline:none;
background:#C3D8E9;
color:#333;
width:170px;
cursor:pointer
}

#vsform .reset :hover {
color:#b22;
background:#007bff;
background: #17a2b8;
}

#vsform .error {
color:#e33;
float:right;
margin-right:2em
}

#vsform input,select,textarea {background: #f9f9f9;/* color:#007bff; *//* color: black; */font-size:12px;font-weight:700;/* border-bottom: 2px solid black; */}

input::-moz-placeholder {
color:#999;
color: #17a2b8;
}

@media (max-width: 468px) {
.data_right {
width:260px
}

.desc_left {
width:0;
display:none
}

#vsform select {
height:3em;
padding-left:1em;
width:90%;
border:none;
border-bottom:1px solid silver
}

#vsform input {
border-radius:6px;
height:2.8em;
padding-left:1em;
width:86%;
border:0 solid transparent;
border-bottom:1px solid silver;
outline:none
}

#vsform textarea {
border-radius:6px;
height:6em;
padding:1em;
width:82%;
border:0 solid transparent;
border-bottom:1px solid silver;
outline:none
}

.page {
width:100%;
height:100%;
margin:auto;
padding:1em;
text-align:left;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif
}
}

@media (min-width: 768px) {
#vsform .data_right {
display:inline-block;
width:420px;
overflow-x:visible
}

#vsform select {height:3em;padding-left:1em;width:400px;border:none;/* border:  1px solid #aaa; */border-radius: 1rem;}

#vsform input {border-radius:6px;height:2.8em;padding-left:1em;width:388px;border:none;/* border-bottom:1px solid silver; */outline:none;}

#vsform textarea {
border-radius:6px;
height:6em;
padding:1em;
width:376px;
border:none;
border-bottom:1px solid silver;
outline:none
}

.page {
width:620px;
height:100%;
margin:auto;
padding:1em;
text-align:left;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif
}
}

#vsform .fielderror {
background:#fee;
color:#e33;
font-style:italic
}

#vsform select .final_select {
background:#fff;
border:none;
color:red
}



/* Testknopf für IBAN Vorausfüllen  */
@media (min-width: 200px) {
    
    .button {
    background: #47b;
    color: #fff;
    font-weight: 400;
    font-size: .85rem;
    border-radius: 4px;
    cursor: pointer;
    }
    
    .button {
        display: flex;
        align-items: center;
        height: 2.8em;
    padding-left: 1em;padding-right: 1em;
    max-width:fit-content;
    border: none;
    border-bottom: 1px solid silver;
    outline: none;
    }
    
    .conditionalMandatory {
        display: inline-flex;
        
    }
    
    
}