#vcardqr
{
  width: 400px;
  max-width: 50vw;
}

div#content label
{
  display: block;
  margin: 10px 0 0 0;
}

div#content input.formfeld,
div#content select.formfeld
{
  display: block;
  width: 90vw;
}

div#content input.formfeld,
div#content select.formfeld,
div#content textarea.formfeld
{
  font-size: 4vw;
  padding: 1vw 2vw;
  border-radius: 1vw;
  border: #c6a476 1px solid;
}

div#content input[type=submit]
{
  margin: 5vw 0 0 0;
}

div#content input#datenschutz
{
  float: left;
  width: auto;
  margin-top: 3vw;
}

div#content label#datenschutzlabel
{
  display: block;
  margin-left: 6vw;
}

div#content textarea
{
  width: 90vw;
  height: 30vw;
}

@media only screen and (min-width: 1024px)
{
  div#content label
  {
    margin: 10px 0 0 0;
  }



  div#content input.formfeld,
  div#content select.formfeld
  {
    width: 400px;
  }

  div#content input.formfeld,
  div#content select.formfeld,
  div#content textarea.formfeld
  {
    font-size: 16px;
    padding: 3px 6px;
    border-radius: 3px;
  }

  div#content input[type=submit]
  {
    margin: 20px 0 0 0;
  }

  div#content input#datenschutz
  {
    margin-top: 12px;
  }

  div#content label#datenschutzlabel
  {
    margin-left: 26px;
  }

  div#content textarea
  {
    width: 400px;
    height: 200px;
  }
}