.Kontaktformular { margin-top:10px; text-align:center; } .Kontaktformular h1 { font-weight:bold; font-size: 30px; } .Kontaktformular .FormElement { width:320px; margin:4px auto; height:40px; } .Kontaktformular .FormElement .TField { height:35px; width:320px; border:1px solid #E0DFDF; padding-left:6px; font-family:Comic Sans MS, Comic Sans, cursive; font-size:17px; } .Kontaktformular .TextElement { width:320px; margin:6px auto; height:7em; } .Kontaktformular .TextElement textarea { width: 320px; height: 5.8em; border:1px solid #E0DFDF; font-family:Comic Sans MS, Comic Sans, cursive; font-size:17px; } .Kontaktformular .FormElement .CField { height:35px; width:200px; border:1px solid #E0DFDF; padding-left:4px; font-family:Comic Sans MS, Comic Sans, cursive; font-size:17px; } .Kontaktformular .FormElement .button { width:200px; height:50px; margin:5px 5px; border:0px solid; background-color:rgba(170,170,170,1.00); color: #FFF; font-size: 24px; } .Kontaktformular .FormElement .button:hover { background-color:rgba(0,199,3,1.00); color:#FFF } .Kontaktformular .Datenschutz { font-size:17px; font-family:Comic Sans MS, Comic Sans, cursive; } @media only screen and (max-device-width: 480px) { .Kontaktformular { width:100%; margin-top:10px; text-align:center; } .Kontaktformular h1 { font-weight:bold; font-size: 40px; } .Kontaktformular .FormElement { width:80%; height:80px; } .Kontaktformular .FormElement .TField { height:100%; width:100%; border:1px solid #E0DFDF; font-family:arial; font-size:30px; } .Kontaktformular .TextElement { width:80%; height:250px; margin-top:20px; } .Kontaktformular .TextElement textarea { width: 100%; height: 100%; border:1px solid #E0DFDF; font-size:30px; font-family:arial; } .Kontaktformular .FormElement .CField { height:100% ; width:100%; border:1px solid #E0DFDF; font-size:30px; font-family:arial; margin-top:5px; } .Kontaktformular .FormElement .button { width:100%; height:50px; margin:5px 5px; border:0px solid; background-color:rgba(170,170,170,1.00); color: #FFF; font-size: 24px; } .Kontaktformular .FormElement .button:hover { background-color:rgba(0,199,3,1.00); color:#FFF } .captchacode{ margin-top:5px; height: 100%; width: 100%; } .Kontaktformular .Datenschutz { margin-top:25px; font-size:20px; font-family:Arial; } .Kontaktformular .Datenschutz input[type=checkbox]{ zoom: 1.5; } }