
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>


form {width: 100%;} div.formspalte { /*background:#eaeaea;*/ width:100%; 
max-width:820px; margin:0em auto; margin-bottom:0.2em; padding:0em; 
text-align:left; } div.formspalte img { width:118px; margin:0em; 
margin-bottom:0em; border-radius:0.3em; float:none; } div.formspalte 
input.button { padding: 0.7em; cursor: pointer; color: #ffffff; 
background-color: #2E5F7B; border: 1px solid #AAAAAA; width: 12em; 
border-radius:0.4em; } div.formspalte input.button:hover { background-color: 
#0D2C3D; } div.formspalte p { text-align:right;margin:0em; } 
div.formspalte_beschreibung { float:left; /*background:#ea33ea;*/ width:30%; 
margin:0em; padding:0em;padding-top:0.5em; text-align:right; } 
div.formspalte_feld { float:right; /*background:#ea33ea;*/ width:65%; 
margin:0em;margin-left:2%; padding:0em; text-align:left; } input { padding: 
0.5em; background-color: #F4F4F4; border: 1px solid #AAAAAA; width: 90%; 
max-width:500px; border-radius:0.4em; } input:invalid { border: 2px solid 
#2E5F7B; background:#E1ECF2; } input[type=checkbox] { margin-bottom: 0.5em; 
width: auto; transform: scale(1.5); margin-right:0.7em; } label { 
font-size:0.9em; } select { padding: 0.5em; background-color: #F4F4F4; border: 
1px solid #AAAAAA; width: 10em; border-radius:0.4em; } textarea { padding: 
0.5em; background-color: #F4F4F4; border: 1px solid #AAAAAA; width: 90%; 
max-width:500px; height:6rem; border-radius:0.4em; font-family: 'Ubuntu', 
sans-serif; font-weight:100; font-size:1em; } /* Mobile Style */ @media screen 
and (max-width: 400px) { div.formspalte_feld, div.formspalte_beschreibung { 
width:100%; text-align:left; } div.formspalte p { text-align:left; } }