div.csc-mailform label em {
  color: #e4003c;
  display: inline; }

div.csc-mailform .csc-form-element {
  margin-bottom: 10px;
  list-style: none; }

div.csc-mailform .csc-form-element label {
  width: 150px;
  color: #000; }

div.csc-mailform .csc-form-element input, div.csc-mailform .csc-form-element textarea {
  color: #000;
  border-radius: 5px;
  border: 1px solid;
  background-color: transparent;
  padding: 2px 6px; }

div.csc-mailform .csc-form-element-textline input:focus, div.csc-mailform .csc-form-element-textarea textarea:focus {
  background-color: transparent;
  border: 1px solid #abadb3;
  border-radius: 5px;
  outline: none; }

div.csc-mailform .csc-form-element-submit input {
  margin-left: 0px; }
/* Beispiel für die Media queries */
@media (max-width: 767px) {
  div.csc-mailform .csc-form-element input, div.csc-mailform .csc-form-element textarea {
    width: 230px; }

  div.csc-mailform .csc-form-element-submit input {
    width: auto; } }

@media (min-width: 768px) {
  div.csc-mailform .csc-form-element input, div.csc-mailform .csc-form-element textarea {
    width: 500px; }

  div.csc-mailform .csc-form-element-submit input {
    width: auto; } }

@media (min-width: 992px) {
  div.csc-mailform .csc-form-element input, div.csc-mailform .csc-form-element textarea {
    width: 500px; }

  div.csc-mailform .csc-form-element-submit input {
    width: auto; } }

@media (min-width: 1200px) {
  div.csc-mailform .csc-form-element input, div.csc-mailform .csc-form-element textarea {
    width: 500px; }

  div.csc-mailform .csc-form-element-submit input {
    width: auto; } }