@charset "UTF-8";
/* CSS Document */



p {
font-size: 14px;
color: #CD950C;
}

h1 { font-size: 24px;
  color: #FF7F00;
  text-decoration: none;
  text-shadow: 1px 1px 1px #945D52;
}

h2 { font-size: 20px;
  color: #FF7F00;
  text-decoration: none;
  text-shadow: 1px 1px 1px #CD950C;
}
/* Schriftausnahmen */
.schift_fett {
  font-weight: 700;
  color: #FF7F00;
}

.schift_bild {
  font-weight: 300;
  font-style: italic;
  text-align: center;
}

a.rot:link {color: #FF7F00; }
a.rot:visited {color: #FF7F00; }


/* Schriftausnahmen */

a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #FFEC8B;
  text-decoration: none;
}

/* selected link */
a:active {
  color: white;
  text-decoration: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #EEAD0E;
  background-image: linear-gradient(#EEAD0E, #FFD700 20%, #EE9A00, #EEAD0E);
}

li {
  float: left;
  border-right:1px solid #FFEBCD;
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #EE9A00;
  color: #FFF68F;
}

.active {
  background-color: #FF7F00;
  background-image: linear-gradient(#FF7F00, #EEB422 20%, #EE9A00, #FF7F00);
}

@media only screen and (max-width: 500px) {

  p {
  font-size: 14px;
  }

  h1 { font-size: 18px;
  }

  h2 { font-size: 14px;
  }
/* Menüpunktbreite ganz einfach */

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
}

  li {
    float: left;
    border-right:1px solid #bbb;
    width: 100%;
    font-size: 14px;
    border:1px solid #FFEBCD;
  }
}