@import url('https://fonts.googleapis.com/css2?family=Lora&family=Open+Sans:wght@300;400;700&display=swap');


/* Edit Icons im Wartungsmodus ausblenden
.icons{
  display: none;
}
*/

body{
  font-family: "Open Sans";
  font-size: 18px;
}
.big{
  font-size: 120%;
}
.bigger{
  font-size: 160%;
}

h1, h2, h3, h4{
  color: #AC995A;
  font-family: "Lora";
  text-transform: uppercase;
}
h1{
  font-size: 400%;
}
h2{
  font-size: 290%;
}
.bg-gold2 h1,
.bg-gold2 h2,
.bg-gold2 h3{
  color: #fff;
}
h3{
  font-size: 180%;
}
.entry-content h3 {
  font-size: 150%!important;
}

.gold{
  color: #AC995A;
  }
  .bg-gold {
    background: #f7f0db;
  }
  .bg-gold2 {
  background: rgb(172, 153, 90);
}
.border-gold div{
  border: 6px solid #AC995A;
}
.bg-black p, a {
  color: #737373;
}
.bg-black{
  background: #242424!important;
}
header .header{
  height: 8vw;
}


.social-icons {
  padding-bottom: 120px;
}
.social-icons svg {
  max-height: 40px;
  display: block;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-top: calc(2.7vw + 0px);
  transition: all 0.3s;
}
.social-icons svg:hover {
  scale: 1.3;
}



@media (max-width: 1500px) {
.social-icons svg {
  margin-top: 2.5vw;
}
}
@media (max-width: 1200px) {
.social-icons svg {
  max-height: 30px;
  margin-right: 20px;
  margin-top: 2.5vw;
}
}
.cls-1 {
  fill: #ac995a!important;
}
.cls-2 {
  fill: #FFFFFF!important;
}


.logo {
  max-width: 14vw;
  position: absolute;
  z-index: 2;
  left: calc(50% - 7vw);
  background: #242424;
  padding: 0 20px 0 20px;
  top: 0;
}
  @media (max-width: 1500px) {
    .logo {
      max-width: 16vw;
    left: calc(50% - 8vw);
    }
    header .header{
      height: 8vw;
    }
  }

  @media (max-width: 1000px) {
    .logo {
      max-width: 200px;
      left: calc(50% - 100px);
    }
    header .header{
      height: 100px;
    }
  }

    @media (max-width: 800px) {
      .logo {
        width: 200px;
        left: calc(50% - 100px);
      }
      header .header{
        height: 160px;
      }
    }




/*========   Bilder    =========*/


  .beitrag-background-inner {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.round {
  border-radius: 200px;
  max-width: 300px;
  margin: auto;
}

@media (max-width: 1200px) {
  .beitrag-background-inner {
  height: 200px;
}
.round {
  max-width: 200px;
}
}





/*========   DIVIDER    =========*/

.row-sand{
  position:relative;
}
/* -- SVG CSS -- */
.svg-separator{
  display: block;
  background: 0 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  -webkit-transform: translateY(-100%) translateY(2px);
  transform: translateY(-100%) translateY(2px);
  width: 100%;
}
.svg-separator.bottom{
  top: auto;
  bottom: 0;
}
.sep1{
  transform: translateY(-100%) translateY(2px) scale(1,1);
  transform-origin: top;
}
/* -- Row BG Color -- */
.red{background-color:#d24d57;}





/*========   SLIDER    =========*/

  .slider .blog-entry:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .slider  .blog-entry:hover,
  .slider .blog-entry:focus,
    .slider .blog-entry:active {
    transform: translateY(0px);
  }
  .slider  .blog-entry:hover .entry-content,
    .slider .blog-entry:focus .entry-content,
    .slider .blog-entry:active .entry-content {
    border: 0px solid #e5e5e5;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  .slider  .entry-content {
    background: #fff;
    padding: 15px 30px 15px 30px;
    position: absolute;
    bottom: 30px;
      max-width: 600px;
      left: 90px;
  }
  @media (max-width: 1000px) {
    .slider .entry-content {
  position: relative;
}
  }
  @media (max-width: 800px) {
  .slider .entry-content {
    background: #fff;
    padding: 15px 30px 15px 30px;
    bottom: 0;
    max-width: 100%;
    left: 0;
  }
}

  .slider  .blog-entry.border .entry-content {
    border: 0px solid #e5e5e5;
  }

.owl-next {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" id="white"  viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"  fill="%23ffffff"/></svg>')!important;
            background-size: contain; /* Optional: passt die Größe des Hintergrundbildes an */
            width: 20px; /* Optional: Breite des Icons */
            height: 20px; /* Optional: Höhe des Icons */
            display: inline-block; /* Damit die Breite und Höhe funktionieren */
            opacity: 1;
  }
  .owl-prev {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" id="white" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"  fill="%23ffffff"/></svg>')!important;
              background-size: contain; /* Optional: passt die Größe des Hintergrundbildes an */
              width: 20px; /* Optional: Breite des Icons */
              height: 20px; /* Optional: Höhe des Icons */
              display: inline-block; /* Damit die Breite und Höhe funktionieren */
              opacity: 1;
    }
  .nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next {
    width: 50px!important;
    height: 50px!important;
    line-height: 32px!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
  }
.owl-next,
.owl-prev {
  background-color: transparent!important;
  border: 0 !important; /* Entfernt den Standardrand des Buttons */
outline: none!important; /* Entfernt den Standard-Umriss des Buttons */
cursor: pointer;
-webkit-appearance:none!important;
background-size: contain!important;
}
.blog-entry.border{
  border: 0!important;
}
.owl-carousel .owl-nav .owl-next {
  right: 3%!important;
}
.owl-carousel .owl-nav .owl-next:hover {
  scale:1.2;
}
.owl-carousel .owl-nav .owl-prev {
  left: 3%!important;
}
.owl-carousel .owl-nav .owl-prev:hover {
  scale:1.2;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{
  opacity: 1!important;
}
@media (max-width: 1000px) {
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    top: 33%!important;
}
}
@media (max-width: 600px) {
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    top: 18vw !important
}
.nav-rounded .owl-nav .owl-prev,
.nav-rounded .owl-nav .owl-next {
  width: 20px !important;
}
header .social-icons{
  display: none;
}
}




.tel::before {
  content: '';
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-2{stroke-width:0px;}</style></defs><path class="cls-2" d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" fill="white"/></svg>');
    background-repeat: repeat;
    background-size: auto;
  width: 18px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  margin-left: -25px;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
}
.chat::before {
  content: '';
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><defs><style>.cls-2{stroke-width:0px;}</style></defs><path class="cls-2" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"  fill="white"/></svg>');
    background-repeat: repeat;
    background-size: auto;
  width: 18px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  margin-left: -25px;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
}
.tel,
.chat,
.price {
  position: relative;
  padding-left: 35px;
}


.price::before {
  content: '';
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z"  fill="white"/></svg>');
    background-repeat: repeat;
    background-size: auto;
  width: 18px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  margin-left: -25px;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
}




#back-to-top-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 20px;
  color: #fff;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 5px 4px 5px;
  z-index: 1000;
}

#back-to-top-btn:hover {
    background-color: #e5e5e5;
}




@media (max-width: 600px) {

body{
  font-size: 15px;
}
.big{
  font-size: 120%;
}
.bigger{
  font-size: 160%;
}
h1{
  font-size: 300%;
}
h2{
  font-size: 220%;
}
h3{
  font-size: 160%;
}
.entry-content h3 {
  font-size: 130%!important;
}

}