body {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  color: #5f4f49;
}
.w500 {
  font-weight: 500;
}
.w400 {
  font-weight: 400;
}
.italic {
  font-style: italic;
}
.nowrap {
  white-space: nowrap;
}

.nopadding {
  padding: 0;
}
.adressen {
  margin-top: 3.75em !important;
}
.main {
}
.footer {
  font-size: 0.8em;
  margin-top: 0.6em;
  padding-left: 0em;
  margin-bottom: 1.2em;
}
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
  text-decoration: none;
  color: #5f4f49;
}
.modal p {
  text-align: justify;
  margin: 0 0 1.4em; 0;
}
.modal-content {
  padding: 0 1em;
  background: #F0ECEA;
  border: 10px solid white;
  border-radius: 0;
}
.modal-dialog {
  margin-top: 225px;
  margin-left: auto;
  margin-right: auto;
}
.slideshow .modal-dialog {
  margin-top: 30px;
}
.modal-header {
  border-bottom: 0;
  padding-bottom: 0;
  margin-top: 0px;
  position: inherit;
  z-index: 99;
  height: 30px;
}


.modal-backdrop {
  background-color: #d4d4d4;
}


#greetinglabel {
  font-size: 125%;
}

.close {
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  padding: 4px 7px 4px 7px !important;
  background: white !important;
  opacity: 1;
  color: #5f4f49;
  font-weight: normal;
}
.tooltip {
  box-shadow: 4px 4px 4px #808080;
  padding: 0 !important;
  margin: 0 100px 0 0 !important;
}
div.tooltip-inner {
  background: #F0ECEA;
  color: black;
  max-width: 350px;
  width: 350px;
  text-align: justify;
  padding: 15px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 105%;
  color: #5f4f49;
}
.tooltip-arrow {
  border-left-color: #F0ECEA !important;
}

.rechts a, a, a:active, a:visited, a:hover, a:focus {
  color: #5f4f49;
}

.footer a {
  color: #5f4f49;
  text-decoration: none;
  margin-left: 2em;
}
  #jamedia {
    width: 370px;
    position: absolute;
  }
  #jameda-widget-container210215,
  #jameda-widget-container244936,
  #jameda-widget-container347182,
  #jameda-widget-container571869,
  #jameda-widget-container1514410 {
    float: left;
  }

.modal-lg {
  width: 85%;
  max-width: 1100px;
}

.welcome .modal-body {
  position: relative;
  margin-top: -30px;
  padding: 0;
}
.close {
  position: absolute;
  top:0;
  right: -15px;
}
#datenschutz {
  hyphens: auto;
}
#datenschutz p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
  font-size: 12px;
}
#datenschutz p.titeltext {
  font-weight: 500;
  font-size: 12px;
  color: #888888;
  text-align: left;
}
#datenschutz li {
  font-size: 12px;
}
#datenschutz span.subtext2 {
  font-weight: 500;
  color: #888888;
}
/* Slideshow start*/
/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 0px;
}

.carousel-caption {
  background-color: rgba(95,80,74,0.35);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 12px 25px;
  color: #fff;
  text-align: left;
  padding-right: 35%;
}
.carousel-caption h2 {
  font-size: 1.1em;
  font-weight: normal;
  color: #ffffff;
}

.carousel-indicators {
  position: absolute;
  bottom: -6px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0 0 0 0;
  padding: 0 25px 25px 0;
  text-align: right;
}
.carousel-indicators li {
  border-radius: 0;
  margin-left: 5px !important;
  background: white;
}
.carousel-indicators li.active {
  background: #5f4f49;
  border: none;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
#impressum p {
  text-align: left;
}

/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}

.section-white {
  background-color: #fff;
  color: #555;
}

@media screen and (min-width: 768px) {

  .section-white {
     padding: 1.5em 0;
  }

}

@media screen and (min-width: 992px) {

  .welcome .container {
    max-width: 930px;
  }

}

/* Slideshow end */
.slideshow ul {
  list-style-type: !important;
}
  .slideshow .container {
    max-width: 680px !important;
  }

.slideshow {
}
.glyphicon-chevron-left:before {
    content: "\e257";
}
.glyphicon-chevron-right:before {
  content: "\e258";
}
.carousel-control {
  width: 10%;
}

.hinweis {
  position: absolute;
  width: 365px;
  bottom: 10px;
  right: 10px;
  background-color: #5f504a;
  color: white;
  padding: 15px 20px;
  z-index: 1000;
}
.hinweis p {
  margin-bottom: 0;
  text-align: left;
  font-weight: 500;
  text-align: justify;
}
.hinweis p .hinweistext {
  font-weight: 400;
  color: #c3bba5;
}
@media (max-width: 767px) {
  .hinweis {
    position: unset;
    margin-left: -15px;
    margin-right: -15px;
    width: unset;
    margin-top: -30px;
    margin-bottom: 20px;
  }
  .hinweis p {
    text-align: left;
  }
  .min768 {
    display: none;
  }
}
@media (min-width: 768px) {
  .max768 {
    display: none;
  }
}