@charset "utf-8";
/* CSS Document */
@font-face {
  /* noto-serif-regular - latin */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif'), local('NotoSerif'), url('../fonts/noto-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-serif-v6-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
* {
  margin: 0;
  padding: 0;
}
html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #333;
  background-image: url(../pix/bg3.png);
  background-repeat: no-repeat;
  background-position: center 39px;
  background-color: #fafae7;
  height: 100%;
}
body {
  overflow-y: scroll;
}
p {
  padding-bottom: 15px;
}
#wrapit {
  min-height: 100%;
  position: relative;
}
#navi-top {
  text-align: right;
  padding-top: 6px;
  height: 33px;
  background-color: #63a74c;
  font-size: 0.9em;
  color: #CCC;
}
#navi-top ul li {
  display: inline;
  padding-right: 20px;
}
#navi-top a {
  display: inline;
  padding-right: 20px;
  color: #FFF;
  text-decoration: none;
}
#navi-top a:hover {
  display: inline;
  padding-right: 20px;
  color: #CCC;
  text-decoration: none;
}
#logo {
  font-family: 'Noto Serif', serif;
  font-size: 1.2em;
  color: #666666;
  line-height: 1.5em;
  height: 190px;
  background-image: url(../pix/bg3f.png);
  background-repeat: no-repeat;
}
.navi-left {
  text-align: left;
  padding-top: 80px;
  width: 200px;
  float: left;
}
.contents {
  text-align: left;
  line-height: 1.5em;
  padding-top: 80px;
  padding-left: 260px;
  padding-bottom: 100px;
  color: #666;
  font-size: 0.9em;
}
h2 {
  font-size: 1.1em;
  color: #666666;
  padding-top: 5px;
  font-family: 'Noto Serif', serif;
  font-weight: bold;
  padding-bottom: 15px;
}
.navi-left ul li {
  list-style-type: none;
  line-height: 2.5em;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
  text-transform: uppercase;
  color: #999;
  font-size: 0.9em;
}
#logo img {
  float: left;
  padding-top: 4px;
  padding-left: 100px;
}
.jutta {
  font-size: 0.8em;
}
/*.pink { color:#DF9DDE;}*/
.pink {
  color: #ED72EB;
}
.wrapper {
  text-align: right;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 950px;
}
h1 {
  font-family: 'Noto Serif', serif;
  font-size: 1.5em;
  color: #63a74c;
  font-weight: normal;
  padding-bottom: 20px;
}
.navi-left .aktiv {
  color: #000;
}
.navi-top .aktiv {
  color: #000;
  padding-right: 20px;
}
.one {
  color: #FF66CC;
}
.two {
  color: #63a74c;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: #d4d2c5;
  text-align: center;
  font-size: 0.8em;
}
.adress {
  padding-top: 7px;
	padding-left: 50px;
}
.navi-left a {
  color: #999;
  text-decoration: none;
}
.navi-left a:hover {
  color: #000;
}
li {
  list-style-position: outside;
}
#footer a {
  color: #333;
  font-weight: normal;
}
#footer a:hover {
  color: #63a74c;
  font-weight: normal;
}
.contents li {
  padding-bottom: 8px
}
.contents img {
  float: left;
  padding-left: 0px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 8px;
}
.contents a {
  color: #666;
  font-weight: normal;
  text-decoration: underline;
}
.contents a:hover {
  color: #63a74c;
  font-weight: normal;
}
.aktuell {
  color: #CCCCCC;
}
@media (max-width: 650px) {
  .navi-left {
    padding-top: 30px;
    float: none;
    padding-left: 3%;
  }
  .contents {
    font-size: 1em;
  }
  #logo img {
    padding-top: 6px;
    padding-left: 3%;
    margin: 0 auto;
    padding-bottom: 8px;
    padding-right: 3%;
  }
  .contents {
    padding-top: 30px;
    padding-left: 3%;
    padding-bottom: 70px;
    width: 90%;
  }
  .wrapper {
    text-align: left;
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
  #navi-top {
    text-align: left;
    padding-top: 8px;
    height: 30px;
    padding-left: 3%;
  }
  #navi-top a {
    padding-right: 3%;
  }
  #navi-top a:hover {
    padding-right: 3%;
  }
  #navi-top ul {
    text-align: center;
  }
  #logo {
    height: 192px;
    background-size: cover;
    background-position: bottom;
    text-align: right;
    padding-right: 3%;
  }
  #footer {
    height: auto;
    line-height: 1.6em;
  }
  .adress {
    padding-bottom: 10px;
	  padding-left: 0px;
  }
  .text {
    padding-left: 3%;
  }
}
@media (max-width: 458px) {
  #logo {
    text-align: left;
    height: 272px;
  }
  .contents {
    font-size: 1em;
  }
}
@media (min-width: 651px) and (max-width: 950px) {
  div.text {
    padding-right: 3%;
  }
  .navi-left {
    width: auto;
    padding-left: 3%;
    padding-right: 3%;
  }
  .navi-left ul li {
    padding-right: 40px;
  }
  .contents {
    padding-left: 180px;
    padding-bottom: 40px;
    padding-right: 3%;
  }
}