body{
  background: #fffdee url('../img/layout_bg.png') no-repeat 50% 0;
  font-family: Verdana, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
}
#pageWrapper{
  margin: 0 auto;
  width: 100%;
  max-width: 820px;
}
.headerAddress{
  float: left;
  margin-right: 0px;
  text-align: right;
  font-size: 14px;
  margin-bottom: 15px;
}
.headerAddress p{
  padding-left: 30px;
  margin-bottom: 5px;
  margin-top: 0px;
}
.headerAddress p:first-child{
  padding-left: 0;
  margin-top: 15px;
}
.headerAddress p.adr{
  padding-left: 0;
}
.headerAddress .email{
  background: transparent url("../img/icn_mail.gif") no-repeat 50px 5px;
}
.headerAddress .tel{
  background: transparent url("../img/icn_tel.gif") no-repeat 57px 0;
}
.headerAddress .mob{
  background: transparent url("../img/icn_mob.gif") no-repeat 56px 0;
}
h1{
  font-family: 'Playfair Display', serif;
  width: 580px;
  float: left;
  margin-top: 20px;
}
h1 span, h2, h3{
  font-family: 'Cinzel', serif;
  display: block;
}
.acc-content h3{
  text-align: center;
}
.acc-content p{
  font-family: 'Cinzel', serif;
}
.kurzbeschreibung{
  text-align: center;
}
ul, ol, li{
  list-style: none;
}
ul, ol{
  padding: 0;
  margin: 0;
}
a,
a:link,
a:visited{
  color: #a38042;
  text-decoration: none;
}
a:hover{
  color: #69532b;
}
.clearfix:after{
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

/* slider */
#contentCarousel{
  max-width: 820px;
  width: 100%;
}
.caroufredsel_wrapper{
  border: 3px solid #0e1729;
  border-radius: 20px;
  box-sizing: border-box;
  /*-webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; */
}
#carousel{
  background: #fff;
  border: 0 solid #000;
  height: 700px;
  width: 100%;
  margin: 0 0 20px;
  position: relative;
}
#carousel > div{
  float: left;
  display: block;
  height: 406px;
  /*width: 820px;*/
  width: 100%;
}
#carousel > div p{
  font-size: 14px;
}
#carousel > div.slide > img{
  float: left;
  height: 400px;
  border: 3px solid #ffffff;
  border-radius:20px 0px 0px 20px;
  box-sizing: border-box;
}
#carousel > div.slide > div{
  margin-left: 300px;
  padding: 20px 30px 0 30px;
}
#carousel > div#slide1 > div,
#carousel > div#slide3 > div,
#carousel > div#slide4 > div{
  margin-left: 400px;
}
#contentCarousel nav{
  text-align: center;
}
#contentCarousel nav a{
  cursor: pointer;
  display: block;
  height: 61px;
  width: 31px;
  text-indent: -999em;
}
#contentCarousel nav a.prev{
  background: transparent url('../img/pag_arrow_left.png') no-repeat 0 0;
  float: left;
  margin-left: 10px;
  margin-right: 9px;
} 
#contentCarousel nav a.next{
  background: transparent url('../img/pag_arrow_right.png') no-repeat 0 0;
  float: right;
  margin-right: 10px;
} 
#contentCarousel nav .pagination img{
  border: 3px solid #0e1729;
  border-radius: 8px;
  margin-right: 9px; 
}
#contentCarousel nav .pagination img.selected{
  border: 3px solid #c9ac63;
}
/* end slider */

/* accordion */
.cont_accordion{
  width: 100%;
  min-width: 270px;
  margin: 0 auto 40px auto;
}
.cont_accordion > ul > li{
  /*height: 50px;*/
  border: 3px solid #c9ac63;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 15px;
}
.cont_accordion > ul >li > a{
  /*text-shadow: 1px 1px 1px #fff;*/
  haight: 50px;
  color: #0e1729;
  text-decoration: none;
  background-color: #c9ac63;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 0 0 0 20px;
  line-height: 50px;
  outline: none;
  -webkit-transition:  color 0.2s ease-in-out;
  -moz-transition:  color 0.2s ease-in-out;
  -o-transition:  color 0.2s ease-in-out;
  -ms-transition:  color 0.2s ease-in-out;
  transition:  color 0.2s ease-in-out;
}
.cont_accordion > ul > li > a:hover{
  color: #fff;
  text-shadow: 1px 1px 1px #0e1729;
}
.cont_accordion > ul > li > a span{
  background: transparent url('../img/acc_arrow_down.png') no-repeat center center;
  text-indent: -9999em;
  width: 34px;
  height: 19px;
  display: block;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -7px;
  opacity: 0;
  -webkit-transition:  all 0.2s ease-in-out;
  -moz-transition:  all 0.2s ease-in-out;
  -o-transition:  all 0.2s ease-in-out;
  -ms-transition:  all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
}
.cont_accordion > ul > li > a:hover span{
  opacity: 1;
  right: 10px;
}
.cont_accordion > ul >li div.acc-content{
  display: none;
  padding: 20px 15px 10px 20px;
}
.cont_accordion > ul >li div.acc-content > ul{
  width: 50%;
  float: left;
}
.cont_accordion > ul >li div.acc-content > ul > li span{
  text-transform: uppercase;
}
.cont_accordion > ul > li.acc_active{
  border: 3px solid #0e1729;
}
.cont_accordion > ul > li.acc_active > a{
  color: #fff;
  text-shadow: 1px 1px 1px #0e1729;
  background-color: #0e1729;
}
.cont_accordion > ul > li.acc_active > a:hover{
  color: #fff;
  text-shadow: 1px 1px 1px #87a7e7;
}
.cont_accordion > ul > li.acc_active > a span{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  transform:rotate(180deg);
  right:10px;
  opacity:1;
}
/* end accordion */
/*footer*/
footer{
  border-top: 2px solid #0e1729;
}
footer h3{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
  margin-bottom:0px;
}
footer img.stadtplan{
  float: left;
  padding-top: 15px; 
}
footer p{
  width: 230px;
  float: left;
  margin-left: 25px;
}
footer span,
footer a{
  display: block;
  margin-bottom: 5px;
}
footer .email{
  background: transparent url("../img/icn_mail.gif") no-repeat 0px 5px;
  padding-left:30px;
}
footer .tel{
  background: transparent url("../img/icn_tel.gif") no-repeat  4px 0;
  padding-left:30px;
}
footer .mob{
  background: transparent url("../img/icn_mob.gif") no-repeat 4px 0;
  padding-left:30px;
}
footer .fax{
  background: transparent url("../img/icn_fax.gif") no-repeat 0px 5px;
  padding-left:30px;
}


/*end footer */

@media screen and (max-width: 840px){
  #pageWrapper{
    padding: 0 5%;
    width: 90%;
  }
  .headerAddress{
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .headerAddress p{
    text-align: left; 
  }
  .headerAddress p:first-child{
    margin-top: 0;
  }
  .headerAddress .email{
    background: transparent url("../img/icn_mail.gif") no-repeat 0px 5px;
  }
  .headerAddress .tel{
    background: transparent url("../img/icn_tel.gif") no-repeat 0px 0;
  }
  .headerAddress .mob{
    background: transparent url("../img/icn_mob.gif") no-repeat 0px 0;
  }

  .cont_accordion > ul > li > a{
    padding: 10px 50px 10px 10px;
  }
  .cont_accordion > ul > li > a span,
  .cont_accordion > ul > li > a:hover span{
    display: block;
    right: 10px;
    opacity: 1;
    margin-top: 0;
    top: 27px;
  }
  
  .cont_accordion > ul > li div.acc-content > ul {
    float: none;
    width: 100%;
 }
 #carousel > div{
   height: auto;
   float: none;
 }
 #carousel > div.slide > div,
 #carousel > div#slide1 >div,
 #carousel > div#slide3 >div,
 #carousel > div#slide4 >div{
   margin-left: 0;
   padding-bottom: 30px;
 }

 #carousel > div.slide > img{
   float: none;
   height: auto;
   width: 100%;
   border: none;
   border-radius: 0px;
 }

}
@media screen and (max-width: 481px){

  .cont_accordion > ul > li > a{
    font-size: 15px;
    line-height: 20px;
    min-height: 30px;
    padding: 10px 40px 10px 10px;
  }
  .cont_accordion > ul > li > a span,
  .cont_accordion > ul > li > a:hover span{
    display: block;
    right: 5px;
    opacity: 1;
    width: 17px;
    top: 14px;
  }
  h1{
    width: auto;
    text-align: center;
  }
  footer p{
    float: none;
    width: 100%;
  }
  
 .pagination{
   display: none !important;
 }
}