*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:100;font-size:12pt;line-height:20pt;color:#000;background:#fff}#imprint,#contactform{margin:auto;max-width:10em}#legal{font-size:10pt;line-height:14pt;padding:0 10pt 20pt 10pt;display:none}#legal:hover{cursor:pointer}#backBtn,#imprint,#contactform{border:steelblue 2pt solid;background:#fff;color:#000;text-align:center}#backBtn{position:fixed;top:5pt;left:5pt;width:2em;height:2em}#backBtn:hover,#imprint:hover,#contactform:hover{background:crimson;color:#fff;border:#000 2pt solid;cursor:pointer}.container{max-width:400pt;width:100%;margin:0 auto;position:relative}#fileselect{display:none}#formName,#formEMail,#formNachricht,#formSubmit,#formModul,#fileSelectButton,#formTel,option{font:400 12pt/16pt "Roboto",Helvetica,Arial,sans-serif}#upload,#contact{background:steelblue;color:#fff;padding:25pt;margin:5% auto;box-shadow:0 0 20pt 0 rgb(0 0 0 / .2),0 5pt 5pt 0 rgb(0 0 0 / .24)}#upload h3,#contact h3{display:block;font-size:30pt;font-weight:300;margin-bottom:10pt}fieldset{border:medium none!important;margin:0 0 10pt;min-width:100%;padding:0;width:100%}#formName,#formEMail,#formModul,#formNachricht,#formTel{width:100%}#fileSelectButton{cursor:pointer}#formName,#formEMail,#formModul,#fileSelectButton,#formNachricht,#formTel{border:2pt solid grey;background:#fff;margin:0 0 5pt;padding:10pt}#formName:hover,#formEMail:hover,#formModul:hover,#fileSelectButton:hover,#formTel:hover,#formNachricht:hover{border:2pt solid dodgerblue}#formName:disabled,#formEMail:disabled,#formTel,#formNachricht:disabled,#formModul:disabled,#fileSelectButton:disabled{background:grey;color:#fff;cursor:not-allowed}#formTel{display:none;visibility:hidden}#formNachricht{height:100pt;max-width:100%;resize:none}#formSubmit{cursor:pointer;width:100%;border:none;background:seagreen;color:#fff;border:#fff 2pt solid;margin:0 0 5pt;padding:10pt;font-size:15pt}#formSubmit:hover{background:crimson;border:#000 2pt solid}#formSubmit:disabled{background:grey;cursor:not-allowed}#formSubmit:active{box-shadow:inset 0 1pt 3pt rgb(0 0 0 / .5)}#formName:hover,#formEMail:hover,#formNachricht:hover,#formModul:hover,#formSubmit:hover,.back:hover,#imprint:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}#upload input:focus,#upload textarea:focus,#contact input:focus,#contact textarea:focus{outline:0;border:2pt solid green}::-webkit-input-placeholder{color:slategray}:-moz-placeholder{color:slategray}::-moz-placeholder{color:slategray}:-ms-input-placeholder{color:slategray}#filedrag,#fileUploadContainer{text-align:center}#filedrag,#messages{display:none;padding:1em;color:#000;background-color:#fff;border:2px dashed grey;border-radius:7px;cursor:default}#messages{margin:1em 0}#filedrag.hover{color:red;border-color:red;border-style:solid;box-shadow:inset 0 1pt 3pt rgb(0 0 0 / .5)}@media (prefers-color-scheme:dark){body{color:#fff;background-color:#000}option{color:#fff;background-color:#000}}