a:link {
  color: lightblue;
}

a:visited {
  color: rgb(86, 213, 255);
}

.fakeLink,
button,
input[type="button"] {
  cursor: pointer;
}

body {
  text-align: left;
  background-color: #1F1F1F;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  display: block;
  padding-left: 20px;
}

img {
  margin-top: 20px;
}

p,
a,
button {
  font-size: 20px;
}

.foto {
  vertical-align: middle;
  max-width: 256px;
  max-height: 256px;
}

.header {
  float: right;
  text-align: right;
  display: inline;
}

.header a,
.header p,
.header input {
  font-size: 14px !important;
}

.img {
  display: inline;
}

.titel {
  display: inline;
  font-size: 40px !important;
}

.tel {
  clear: both;
}

.adresse {
  padding-top: 18px;
}

/* Mobiltelefon hochformat */
@media only screen and (max-width: 431px) {
  .titel {
    display: block;
    clear: both;
    font-size: 40px !important;
  }

  p,
  a,
  button {
    font-size: 18px;
    clear: both;
  }

  .foto {
    display: block;
    clear: both;
    max-width: 128px;
    max-height: 128px;
    padding-bottom: 25px;
  }

  .tel {
    padding-right: 25px;
  }
}

/* Mobiltelefon Querformat */
@media only screen and (max-height: 431px) {

  p,
  a,
  button {
    font-size: 18px;
  }

  .foto {
    max-width: 128px;
    max-height: 128px;
  }

  .block {
    clear: both;
    max-height: 1px;
    padding: 0px 0px 0px 0px;
    display: block;
  }

  .tel {
    clear: none;
    display: inline;
    float: left;
    width: 45%;
    max-width: 50%;
    padding-right: 30px;
    padding-bottom: 20px;
  }

  .adresse {
    width: 45%;
    max-width: 50%;
    float: left;
    display: inline;
    padding-top: 0px;
  }

  .downloadK {
    padding: top 20px;
    clear: both;
    display: block;
  }
}