body {
  margin: 0 auto;
  padding: 0;
  font-family: "Calibri",verdana,arial,helvetica,sans-serif;
  font-size: 0.8em;
  text-align: center;
  color: #333333;
  background-color: #FFFFFF;
}

.text {color: #000000;background-color: inherit;font-size: 0.8em;text-align: center;}

.textmittel {color: #000000;background-color: inherit;font-size: 0.8em;text-align: center;}

.textgross {color: #000000;background-color: inherit;font-size: 1.3em;text-align: center;}

.name {color: #000000;background-color: inherit;font-size: 2.1em;text-align: center;}

.wrapper {width: 70%;margin: 0 auto;background-color: #FFFFFF;padding:15px;}


p {padding: 10px 4px 4px 4px;margin: 0;}


.navi a:link, .navi a:active, .navi a:visited {
  color: #000000;
  text-decoration: none;
  padding: 5px 15px;
  margin: 0px;
  border-left: solid 1px #F31414;
  border-right: solid 1px #9D0000;
  line-height:20px;
}

.navi a:hover, .navi a:focus {color: #CFCFCF;background-color: transparent;text-decoration: none;}

article {padding: 10px;margin: 0 auto;font-size: 1.25em;line-height: 1.00em;text-align: justify;}



a:link, a:visited, a:active {
  color: #000000;
  background-color: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  color: #BF0000;
  background-color: inherit;
  text-decoration: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  display: block;
}


@media (max-width: 768px) {
.wrapper {width: 95%;}
div#top {width: 95%;}
.navi a:link, .navi a:active, .navi a:visited {display: block;padding: 5px;}
}

@media (max-width: 480px) {
article {padding: 2px; margin: 0 auto; font-size: 1em;line-height: 1.338em;}
h1 { font-size: 1.250em;}
}