/*
###########################
PATRICK SIEGFRIED ZIMMER CSS
###########################
*/
body {
  background-color: #fff
}
a:link {
  outline: 0
}
.rowmargin {
  margin: 30px 0
}
#logo {
  width: 63%
}
#menu {
  width: 95px;
  margin-top: -21px;
  margin-right: 0
}
#footerdiv {
  text-align: center;
  margin-bottom: 1em
}
#footer {
  font-size: .9em;
  letter-spacing: .02em
}
.active {
  color: #d7be69;
  text-decoration: underline
}
.logoimg {
  width: 225px
}

/* logo responsive*/
@media (max-width: 768px) {
.logoimg {
  width: 190px
}
}
.div-impressum {
  text-align: right
}
.div-impressum2 {
  text-align: left
}
.div-impressum3 {
  text-align: center
}
.div-impressum4 {
  text-transform: uppercase
}
.name {
  border: thin solid #000
}
.center {
  text-align: center
}
.menu:hover {
  color: #f1d885
}
.footer:hover {
  color: #f1d885
}
.lm {
  margin-top: 0;
  margin-bottom: -30px
}
.lm2 {
  margin-top: 40px;
  margin-bottom: -10px
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto
}
.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
  height: auto
}
.center2b {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
  height: auto
}
.center2c {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  height: auto
}
.center3 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  height: auto
}
.center3b {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 45%;
  height: auto;
  margin-top: 40px
}
.center3c {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 35%;
  height: auto
}
.center4 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 37%;
  height: auto
}
.center5 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 30%;
  height: auto
}
.center6 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 35%;
  height: auto
}
.box {
  background-color: #f4f4f4;
  width: 100%;
  padding: 30px;
  margin: auto;
  color: #000
}
@media (max-width:768px) {
  .center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 37%;
    height: auto
  }
  .center3b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    height: auto;
    margin-top: 40px
  }
  .center4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
    height: auto
  }
  .center3c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
    height: auto
  }
}
@media (max-width:650px) {
  .center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
    height: auto
  }
  .center3b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 55%;
    height: auto;
    margin-top: 45px
  }
  .center4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
    height: auto
  }
  .center3c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
    height: auto
  }
}
@media (max-width:576px) {
  .center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    height: auto
  }
  .center3b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 55%;
    height: auto;
    margin-top: 40px
  }
  .center4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 55%;
    height: auto
  }
  .center3c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 55%;
    height: auto
  }
  .center2b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 60%;
    height: auto
  }
  .center2c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 45%;
    height: auto
  }
}
@media (max-width:500px) {
  .center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto
  }
  .center3b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 65%;
    height: auto;
    margin-top: 40px
  }
  .center4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto
  }
  .center3c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto
  }
  .center2b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 60%;
    height: auto
  }
  .center2c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 45%;
    height: auto
  }
}
@media (max-width:400px) {
  .center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    height: auto
  }
  .center3b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 73%;
    height: auto;
    margin-top: 40px
  }
  .center4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto
  }
  .center3c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto
  }
  .center2b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 60%;
    height: auto
  }
  .center2c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 45%;
    height: auto
  }
}
@media (max-width:300px) {
  .center2b {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 60%;
    height: auto
  }
  .center2c {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    max-width: 45%;
    height: auto
  }
}