/*  ------------------------------------------------------
Stylesheet zu www.
2015                   
*  *  *  *                              
Design: www.owmedia.de // 
--------------------------------------------------------*/
/***********************
Allgemein
***********************/
body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.width {
  max-width: 1200px;
  margin: 0 auto;
}
.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
a,
a:link,
a:visted {
  color: #453321;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
}
p {
  margin: 0px 0px 10px 0px;
  line-height: 170%;
}
ul {
  margin: 0px 0px 10px 0px;
  line-height: 170%;
  padding: 0px 0px 0px 15px;
}
p strong {
  font-weight: 500;
}
a.anchor {
  display: block;
  position: absolute;
  top: -199px;
  visibility: hidden;
}
a.anchor.inhalt {
  top: -99px;
}
a.anchor.ort {
  top: -144px;
}
a.anchor.ablauf {
  top: -169px;
}
/***********************
Galerie
***********************/
.galerie {
  width: 100%;
  height: auto;
  position: relative;
}
.galerie img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.galerie .blumen {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.galerie .blumen img {
  max-width: 100%;
  width: auto;
  height: auto;
  z-index: 200;
  position: absolute;
  bottom: 0px;
}
/***********************
Manü & Logo
***********************/
.navi {
  background-image: url(../images/navi-bg.jpg);
  background-repeat: repeat;
  background-position: left top;
  padding-top: 12px;
  padding-bottom: 25px;
}
.navi img.logo {
  max-width: 100%;
  height: auto;
}
.navi ul.desktop {
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: right;
  list-style-type: none;
  margin-top: 31px;
}
.navi ul.desktop li {
  display: inline-block;
  padding: 0px 0px 0px 30px;
  margin: 0px;
}
.navi ul.desktop li:first-child {
  padding: 0px 0px 0px 0px;
}
.navi ul.desktop li a:link,
.navi ul.desktop li a:visited {
  font-family: 'Amatic SC', cursive;
  font-size: 25px;
  font-weight: bold;
  color: #d6bc7f;
}
.navi ul.desktop li a:hover,
.navi ul.desktop li a:focus,
.navi ul.desktop li a:active,
.navi ul.desktop li.active a {
  text-decoration: none;
  color: #ffffff;
}
#scrollnavi {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000;
}
button.button-mobile {
  display: none;
  background-color: #d6bc7f;
  background-image: url(../images/bg-button.png);
  background-repeat: no-repeat;
  background-position: left center;
  border: none;
  font-family: 'Amatic SC', cursive;
  font-size: 25px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 14px;
  padding: 5px 20px 5px 37px;
  float: right;
  position: relative;
}
.navi ul#mobile {
  display: none;
  float: right;
  clear: both;
  margin: 22px 0px 0px 0px;
  padding: 0px;
  width: 185px;
  list-style-type: none;
  text-align: right;
}
.navi ul#mobile li a:link,
.navi ul#mobile li a:visited,
.navi ul#mobile li a {
  color: #d6bc7f;
  font-size: 23px;
  font-family: 'Amatic SC', cursive;
  font-weight: bold;
}
/***********************
Home
***********************/
.home {
  background-image: url(../images/home-bg1.png), url(../images/home-bg2.png), url(../images/home-bg.jpg);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: left bottom, right top, left top;
  padding-top: 110px;
  padding-bottom: 126px;
}
.home h1 {
  font-size: 34px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 35px 0px;
}
.home p {
  color: #453321;
}
.home .termine {
  background: #ffffff;
  width: 100%;
  height: auto;
  padding: 30px;
  box-shadow: 2px 2px 8px #443321;
}
.home .termine h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.home .termine p {
  font-size: 20px;
  color: #453321;
}
.home .termine a.button,
.home .termine a.button:link,
.home .termine a.button:visited {
  font-family: 'Amatic SC', cursive;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  background-color: #453321;
  padding: 5px 25px;
  margin-top: 20px;
  display: inline-block;
  box-shadow: 1px 1px 3px #443321;
}
.home .termine a.button:hover,
.home .termine a.button:focus,
.home .termine a.button:active {
  text-decoration: none;
  box-shadow: 0px 0px 0px #443321;
}
/***********************
Projektinhalt
***********************/
.projekt {
  padding-bottom: 70px;
  background-image: url(../images/projekt-bg1.jpg), url(../images/projekt-bg.jpg);
  background-repeat: no-repeat, repeat;
  background-position: left top, left top;
}
.projekt .h1 {
  text-align: center;
  margin: 0px;
}
.projekt .h1 img {
  margin-bottom: 60px;
  max-width: 100%;
  height: auto;
}
.projekt h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.projekt p {
  color: #453321;
}
.projekt .bilder img,
.projekt .bilder-klein img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.projekt .bilder-klein .box-links {
  width: 47.5%;
  height: auto;
  margin-right: 5%;
  float: left;
}
.projekt .bilder-klein .box-rechts {
  width: 47.5%;
  height: auto;
  float: left;
}
.projekt .abst {
  margin-top: 65px;
}
.projekt .bilder p,
.projekt .bilder-klein p {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 14px;
}
/***********************
Ort
***********************/
.ort {
  background-image: url(../images/ort-bg-2.png), url(../images/ort-bg.jpg);
  background-repeat: no-repeat, repeat;
  background-position: right top, left top;
  padding-top: 45px;
  padding-bottom: 35px;
}
.ort .h1 {
  text-align: center;
  margin: 0px;
}
.ort .h1 img {
  margin-bottom: 60px;
  max-width: 100%;
  height: auto;
}
.ort h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.ort p,
.ort ul li {
  color: #453321;
}
.ort .bilder img,
.ort .bilder-klein img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.ort .bilder-klein .box-links {
  width: 47.5%;
  height: auto;
  margin-right: 5%;
  float: left;
}
.ort .bilder-klein .box-rechts {
  width: 47.5%;
  height: auto;
  float: left;
}
.ort .abst {
  margin-top: 65px;
}
.ort .bilder p,
.ort .bilder-klein p {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 14px;
}
/***********************
Projektablauf
***********************/
.projektablauf {
  background-image: url(../images/projektablauf-bg-2.png), url(../images/projektablauf-bg.jpg);
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  padding-top: 70px;
  padding-bottom: 50px;
}
.projektablauf .h1 {
  text-align: center;
  margin: 0px;
}
.projektablauf .h1 img {
  margin-bottom: 60px;
  max-width: 100%;
  height: auto;
}
.projektablauf h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.projektablauf p,
.projektablauf ul li {
  color: #453321;
}
.projektablauf ul {
  padding: 0px 0px 80px 15px;
}
.projektablauf .center h2 {
  text-align: center;
}
/***********************
Impressionen
***********************/
.impressionen {
  background-image: url(../images/impressionen-bg-2.png), url(../images/impressionen-bg.jpg);
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}
.impressionen .h1 {
  text-align: center;
  margin: 0px;
}
.impressionen .h1 img {
  margin-bottom: 60px;
  max-width: 100%;
  height: auto;
}
.impressionen .bild img {
  margin-bottom: 15px;
  width: 100%;
  height: auto;
}
.impressionen .bild {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 14px;
}
/***********************
Kontakt
***********************/
.kontakt {
  background-image: url(../images/kontakt-bg.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}
.kontakt .h1 {
  text-align: center;
  margin: 0px;
}
.kontakt .h1 img {
  margin-bottom: 60px;
  max-width: 100%;
  height: auto;
}
.kontakt h3 {
  font-weight: 300;
  font-size: 20px;
  color: #443321;
  margin: 45px 0px 10px 0px;
  line-height: 170%;
}
.kontakt h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.kontakt p,
.kontakt ul li {
  color: #453321;
}
.kontakt p.abst {
  margin-bottom: 60px;
}
.kontakt .termine {
  background: #ffffff;
  width: 75%;
  height: auto;
  padding: 30px;
  box-shadow: 2px 2px 8px #443321;
}
.kontakt .termine h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #453321;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.kontakt .termine p {
  font-size: 20px;
  color: #453321;
}
.kontakt .termine a.button,
.kontakt .termine a.button:link,
.kontakt .termine a.button:visited {
  font-family: 'Amatic SC', cursive;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  background-color: #453321;
  padding: 5px 25px;
  margin-top: 20px;
  display: inline-block;
  box-shadow: 1px 1px 3px #443321;
}
.kontakt .termine a.button:hover,
.kontakt .termine a.button:focus,
.kontakt .termine a.button:active {
  text-decoration: none;
  box-shadow: 0px 0px 0px #443321;
}
/***********************
Impressum
***********************/
.impressum {
  background-image: url(../images/impressum-bg.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding-top: 30px;
  padding-bottom: 15px;
}
.impressum .h1 {
  text-align: left;
  margin: 0px;
}
.impressum button {
  border: none;
  background: none;
}
.impressum .h1 img {
  max-width: 100%;
  height: auto;
}
.impressum h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
  color: #ffffff;
  padding: 0px;
  margin: 0px 0px 25px 0px;
}
.impressum p,
.kontakt ul li {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  margin-bottom: 15px;
}
.impressum #aufklapp {
  margin-top: 30px;
}
.impressum a,
.impressum a:link,
.impressum a:visited {
  color: #ffffff;
}
/***********************
Media Query
***********************/
@media (max-width: 1200px) {
  .kontakt .termine {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .navi ul.desktop li {
    padding: 0px 0px 0px 15px;
  }
}
@media (max-width: 911px) {
  .navi ul.desktop li {
    padding: 0px 0px 0px 15px;
  }
  .navi ul.desktop li a:link,
  .navi ul.desktop li a:visited {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  button.button-mobile {
    display: block;
  }
  .navi ul.desktop {
    display: none;
  }
  .navi ul#mobile {
    display: block;
  }
  .home {
    background-image: url(../images/home-bg1.png), url(../images/home-bg.jpg);
    background-repeat: no-repeat, repeat;
    background-position: left bottom, left top;
  }
}