.logo {
 height: 49px;
 width:150px;
 margin-left: 87px;
}
.email {
 width:141px;
 height:19px;
}
.untertitel {
 font-family: Arial;
 margin-left: 96px;
}
.text-normal {
 font-family: Arial;
 font-size: 12pt;
 color: #000000 



}
.textmittel  {
 font-family: Arial;
 font-size: 10pt;
 color: #000000 



}
.textklein   {
 font-family: Arial;
 color: #000000;
 font-size: 8pt 



}
.linksboro   {
 font-family: Arial;
 font-size: 10pt;
 color: #FF0000;
 font-weight: bold 



}
.textbold    {
 font-family: Arial;
 font-size: 12pt;
 color: #000000;
 font-weight: bold;
 text-align: left;
}
.textblau    {
 font-family: Arial;
 color: #0000FF;
 font-size: 12pt 



}
.textgrau    {
 font-family: Arial;
 font-size: 12pt;
 color: #C0C0C0 



}
.liksklein   {
 font-family: Arial;
 font-size: 10pt 



}
.linksgross  {
 font-family: Arial;
 font-size: 14pt 



}
.ueberot     {
 font-family: Arial;
 color: #FF0000;
 font-size: 18pt 



}
.ueberokl    {
 font-family: Arial;
 font-size: 14pt;
 color: #FF0000 



}



/******Media Queries*******/
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
 .logo {
  height: 270px;
  width:78vw;
  margin-left: 30px;
 }
 .email {
  width:300px;
  height:55px;
 }
    /*Text size small */
 .textklein,
 .untertitel   {
  font-size: 8pt;
  font-size: 4em;
 }
 .untertitel {
  margin-left: 166px;
 }
    /*text size medium*/
 .textmittel,
 .linksboro,
 .liksklein  {
  font-size: 10pt;
  font-size: 6em;
 }
 .text-normal,
 .textbold,
 .textblau,
 .textgrau {
  font-size: 12pt;
  font-size: 3em;
 }

    /*Text size Large*/
 .linksgross,
 .ueberokl   {
  font-size: 14pt ;
  font-size: 3em ;
 }
 .ueberot     {
  font-size: 18pt ;
  font-size: 5em;
 }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
}