/* Css-Datei */

form {
         font-size:1em;
}
textarea, .textfeld{
        caret-color: red;
        width: 28em;
        height: 10em;
        border: 1px solid #cccccc;
        padding: 0.5em;
        margin:0.5em;
        font-family: Calibri, sans-serif;
        font-size:1em;
}

.textfeld {
        height: 1.6em;
}

.senden {
         /*white-space:normal;*/
         text-decoration:none;
         color:inherit;
         background-color:orange;
         width:160px;
         margin:1em;
         font-size:0.7em;
         white-space:nowrap;
         text-transform: uppercase;
         cursor:pointer;
}
#formbox {
         min-height:70%;
         display: flex;
         flex-direction: row;
}

#kontakt_links {
         min-height:70%;
         flex:2;
}
#kontakt_rechts {
         min-height:70%;
         font-size:1.1em;
         /*font-style:italic;*/  
         flex:3;
}

@media screen and (max-width: 1024px) {
         textarea, .textfeld{
                 width: 20em;
         }
}
@media screen and (max-width: 800px) {
         #formbox {
                 flex-direction: column;
         }
         textarea, .textfeld{
                 width: 20em;
         }
}

@media screen and (max-width: 640px) {
         #formbox {
                 flex-direction: column;
         }
         textarea, .textfeld{
                 width: 16em;
         }
}
/* Ende CSS-Datei */