* {
  box-sizing: border-box;
}

body {
background-color: #ff9463;
font-family: Verdana;
color: #595a5c;
margin:0;
}

p {
color: #595a5c;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-align: justify;
margin: 0;
padding:  0px 0px 6px 0px; /*Innen top right bottom left*/
}

#page { /*Seite zentrieren*/
  background-color: #ffffff;
  position: absolute;
  width: 60%;
  left: 50%;
  margin-left: -30%;/*negativer hälftigen Wert der #page-Breite*/
}
#header {
  background-color: #ffffff;
  text-align:center;
  padding: 5px;
  min-height:70px;
}
.h {
  margin:  0;
  padding: 0;
}

.menu {
  background-color: #ffffff;
  margin: 10px 0px 0px 0px;  /* Außen top right bottom left*/
  padding: 0px 0px 0px 0px;  /* Innen top right bottom left*/
}
.menu ul {
    background-color: #595a5c;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.menu li {
    float: left;
    padding: 0;
}
.menu li a {
     display: block;
     color: white;
     text-align: center;
     padding: 15px;
     text-decoration: none;
}
.menu li a:hover {
     background-color: #ff9463;
}

.untermenu {
     color: #595a5c;
     text-align: center;
     margin: 0px 0px 20px 0px;  /* Außen top right bottom left*/
     padding: 5px;
     text-decoration: none;
}
.untermenu a:link {
     color: #595a5c;
     text-decoration: none;
}
.untermenu a:hover {
     color: #ff9463;
     text-decoration: none;
}
.akt {
     color: #ff9463;
}

.main {
  overflow: auto;
  text-align:center;
  background-color: #ffffff;
  padding: 5px 15px 10px 15px;  /*Innen top right bottom left*/
}

.b {  /* Absatz betont*/
  margin: 100;
  padding: 3px 0px;
}

.maintxt {
  padding: 0;
}

.mainpt {
  margin: 0px 15px 0px 15px;  /* Außen top right bottom left*/
  padding: 0;
  }

.datenschutz {
  overflow: auto;
  text-align:left;
  padding: 5px 15px 10px 15px;  /*Innen top right bottom left*/
}
.datenschutz ul {
 margin-left: 15px;  /* Außen top right bottom left*/
}

#footer {
  color: #ffffff;
  background-color: #595a5c;
  text-align:center;
  margin-top:0;
  padding: 10px;
  font-size:14px;
}
#footer a:link {
color:  #ffffff;
text-decoration: none;
}
#footer a:hover {
color:  #ff9463;
text-decoration: none;
}

H1 {/*fd-vermeitung*/
color: #595a5c;
font-size: 34px;
font-weight: 100; /*extra-dünn 100, medium 500, bold 700, extrafett (900)*/
margin: 0;
padding:0;
}
H2 { /*Überschriften im Text*/
color: #595a5c;
font-size: 24px;
margin: 0;
padding: 10px 0px 5px 0px; /*Innen top right bottom left*/
}
H3 {
color: #595a5c;
font-size: 20px;
margin: 0;
padding: 40px 0px 60px 0px; /*Innen top right bottom left*/
}
H4 {
color: #595a5c;
font-size: 18px;
margin: 0;
padding: 10px 0px 10px 0px; /*Innen top right bottom left*/
}
H5 {
color: #595a5c;
font-size: 16px;
margin: 0;
padding: 10px 0px 5px 0px; /*Innen top right bottom left*/
}
H6 {
color: #afaf5b; /*grün*/
font-size: 16px;
margin: 0;
padding:0;
}

ul {
    list-style-type: disc;
list-style-position: inside;
    margin: 0;
    padding: 0px 0px 10px 0px;  /*Innen top right bottom left*/
}
li {
    padding: 0px 0px 3px 0px;  /*Innen top right bottom left*/
}

a:link {
color:  #74534c;
outline: none;
-moz-outline: none;
text-decoration: underline;
}
a:hover {
color: #ff9463;
text-decoration: underline;
}

.imgmax {
 max-width: 100%;
 height: auto;
}

table {/*Tabelle im Zebralook*/
        margin: 0px 10px 0px 10px;  /* Außen top right bottom left*/
}

th {
        background-color: #595a5c;
        color: #ffffff;
}

tr {
        background-color: #eeeeee;
        color: #595a5c;
}

tr:nth-child(odd) {
        background-color: #fdcfae;
}
td {

        padding: 0px 3px 0px 3px;  /* Innen top right bottom left*/
        font-size:15px;
}
.imgmax {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width:1400px) {
  /* For laptops: */

  #page { /*Seite zentrieren verkleinern*/
  width: 70%;
  left: 50%;
  margin-left: -35%;/*negativer hälftigen Wert der #page-Breite*/
  }
}
@media only screen and (max-width:1200px) {
  /* For laptops: */

  #page { /*Seite zentrieren verkleinern*/
  width: 80%;
  left: 50%;
  margin-left: -40%;/*negativer hälftigen Wert der #page-Breite*/
  }
}

@media only screen and (max-width:1024px) {
  /* For tablets: */

  #page { /*Seite zentrieren aufheben*/
  width: 90%;
  left: 50%;
  margin-left: -45%;/*negativer hälftigen Wert der #page-Breite*/
  }
  .main {
    padding: 0px 0px 10px 0px;  /*Innen top right bottom left*/
  }
  .maintxt  {
    padding: 0 10px;
  }
  H1 {
    font-size: 30px;
  }
  .h {
  padding: 5px 0px 5px 0px;  /* Innen top right bottom left*/
  }
}

@media only screen and (max-width:480px) {
  /* For mobile phones: */

  #page { /*Seite zentrieren*/
  width: 100%;
  left: 50%;
  margin-left: -50%;/*negativer hälftigen Wert der #page-Breite*/
  }
  H1 {
    font-size: 26px;
  }
  .h {
  padding: 5px 0px 5px 0px;  /* Innen top right bottom left*/
  }
  .akt, .menu li a {
    padding: 8px;
  }
}