.ff100 {display:inline-block;width:100%;float:left;box-sizing:border-box;padding:1em;}
.ff50 {display:inline-block;width:50%;float:left;box-sizing:border-box;padding:1em;}
.ff80 {display:inline-block;width:80%;float:left;box-sizing:border-box;padding:1em;}
.ff60 {display:inline-block;width:60%;float:left;box-sizing:border-box;padding:1em;}
.ff20 {display:inline-block;width:20%;float:left;box-sizing:border-box;padding:1em;}
.ff40 {display:inline-block;width:40%;float:left;box-sizing:border-box;padding:1em;}
select option {
  padding:0.4em;
}
#formular {padding-right:1em;}  @media screen and (max-width: 480px) { #formular {padding-right:0em;} } 
.formularwrap {width:100%; padding:0em;font-size:1em;}
.eingabefeld, .dropmenu {color:#333;font-size:inherit;margin:0;border:none;margin-bottom:0.25em;font-family: 'Lexend', sans-serif;font-weight:400;border:1px solid #EEE;border-top:1px solid #DDD;border-left:1px solid #DDD;background-color:#FFF;box-sizing:border-box;text-align:left;width:100%;margin-top:0.3em;}
.eingabefeld, .errormsg, .dropmenu {width:100%;padding:0.8em 1em;box-sizing:border-box;}

.errormsg, .dsmsg, .dsmsg2 {background-color:#ffcccc;text-align:left;display:inline-block;border:1px solid #ff9999;box-sizing:border-box;}
.errormsg img, .dsmsg img, .dsmsg2 img {height:1em;vertical-align: center;margin-right:0.5em;}
.readonly {background-color:#EEE;}

.dsmsg, .dsmsg2 {width:100%;padding:0.8em 1em;}


/* Kundenuploads anzeigen */
.uploadoverview {display:block;}
.uploadoverview .uploadbox {box-sizing:border-box; float:left;width:24%;margin-right:1%;margin-bottom:1%;margin-top:1%;text-align:center;} @media screen and (max-width: 480px) { .uploadoverview .uploadbox {width:32%;margin-right:1%;margin-bottom:1%;} } 
.uploadoverview .uploadbox a.uploaddel {font-size:0.9em;color:#999;text-decoration:none;} .uploadoverview .uploadbox a.uploaddel:hover {font-size:0.9em;color:#333;text-decoration:underline;}
.uploadoverview .uploadbox img {width:100%;border:1px solid #ddd;margin-bottom:4px;}

.sendenbutton, .sendenbuttontest {padding:1em 2em;font-size:1.2em;background-color:#990000;text-align:center;display:inline-block;color:#FFF;cursor:pointer;font-family: 'Sarabun', sans-serif;font-weight:500;float:right;margin:1em;}
.sendenbutton:hover, .sendenbuttontest:hover {cursor:pointer;}

.rrbutton {padding:1em 2em;font-size:1.2em;background-color:#660066;text-align:center;display:inline-block;color:#FFF;cursor:pointer;font-family: 'open_sans_condensedbold';color:#f4e9f4;}
.rrbutton:hover {cursor:pointer;color:#FFF;}

.rrbutton2 {padding:1em 2em;font-size:1.2em;background-color:#777;text-align:center;display:inline-block;color:#FFF;cursor:pointer;font-family: 'open_sans_condensedbold';color:#ddd;}
.rrbutton2:hover {cursor:pointer;color:#FFF;}

.backbutton {padding:1em 2em;font-size:1.2em;background-color:#777;text-align:center;display:inline-block;color:#FFF;cursor:pointer;font-family: 'open_sans_condensedbold';color:#ddd;float:left;}
.backbutton:hover {cursor:pointer;color:#FFF;}

.busy {color:#AAA;border:1px solid #AAA;}
.busy:hover {background-color:#343841;cursor:default;}
.area {resize:vertical;min-height:10em;font-family: 'Sarabun', sans-serif;font-weight:300;}
.label {color:#999;}
.error {color:#cc3333;}

.formular-opt-in-text {font-size:0.8em;float:right;width:96%;color:#333;}

.formular-fineprint {font-size:0.8em;float:right;width:100%;color:#333;margin-top:2em; margin-bottom:2em;}


/* Phones */
@media screen and (max-width: 480px) {

.ff100, .ff50, .ff60, .ff20, .ff40 {display:inline-block;width:100%;float:left;box-sizing:border-box;padding:1em;}
.desktoponly {display:none;}
}