/* Navbar */

.uk-navbar-container {
    padding-top: 8px;
    padding-bottom: 8px;
}


@media (min-width:0px) and (max-width:768px) {
  .uk-navbar .uk-logo img {
    max-width: 170px;
    transition: all .3s ease;
  }
}

@media (min-width:768px) {
  .uk-navbar .uk-logo {
    padding-left: 0;
    padding-right: 0;
  }

  .uk-navbar .uk-logo img {
    height: 72px;
  }
}

.uk-navbar-nav > li > a::before {
  top: auto;
  bottom: 0;
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  padding: 0 9px;
  margin-right: 4px;
  margin-left: 4px;
}

@media (min-width:1200px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    margin-right: 8px;
    margin-left: 8px;
  }
}

@media (min-width:1440px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    margin-right: 12px;
    margin-left: 12px;
  }
}

/* Navbar toggle */
.uk-navbar-toggle-icon svg {
  color: #9d6930;
}

/* Mobile Menü Close-Btn fix */

.tm-header-mobile .uk-panel {
  margin-top: 48px;
}


/* Wellen Linien */

.linien-setting .uk-tile{
  background-size: 800px 700px !important;
  background-repeat: repeat;
}

.linien-setting-small .uk-tile{
  background-size: 500px 400px !important;
  background-repeat: repeat;
}

.linien-setting-picture .uk-tile{
  background-size: 700px 400px !important;
  background-repeat: repeat;
}



/* Navbar Sticky Styles */

.tm-header :not(.uk-sticky-below)>.uk-navbar-container {
    border-bottom: 0;
    padding-top: 32px;
    padding-bottom: 32px;
    box-shadow: none;
    transition: all .3s ease;
}

.tm-header :not(.uk-sticky-below)>.uk-navbar-container .uk-logo  {
    width: 250px;   
    transition: width .3s ease;     
}

.tm-header :not(.uk-sticky-below)>.uk-navbar-container .uk-logo img {
  height: 81px;
  transition: height .3s ease; 
}

.tm-header .uk-navbar-container {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all .3s ease;
}

.tm-header .uk-navbar-container .uk-logo  {
    width: 160px;
    transition: height .3s ease;
}

.tm-header .uk-navbar-container .uk-logo img {
  height: 52px;
  transition: height .3s ease;  
}


/* Header Contact Widget */

.header-item-mail {
  margin-right: 32px;
}

.header-contact i {
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.header-contact a span {
  color: #222526;
  transition: all .2s ease;
}

.header-contact a:hover span {
  color: #9D6930;
  transition: all .2s ease;
}

.header-contact a:hover {
  text-decoration: none;
}


@media (min-width:0px) and (max-width:768px) {
  .header-contact {
    display: none;
  }
}

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

  .header-contact i {
    margin-right: 0px;
  }

  .header-contact a span {
    display: none;
  }
}


/* Headline letter spacing */

.uk-heading-large,
.h1, h1, .h2, h2 {
  letter-spacing: -1px !important;
}



/* Meta-Text */
.uk-text-meta {
  text-transform: uppercase;
}


/* Button Link Fix */
.uk-button-text::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23222526%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23222526%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-button-text:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%239D6930%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%239D6930%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}



/* FAQ Slider */

.faq-slider .el-image {
    transition: transform .3s cubic-bezier(.16,1,.3,1);
    padding-top: 8px;
    padding-bottom: 8px;
}

.faq-slider .el-item:hover img, .el-item:hover svg  { transform: scale(1.1); }

.faq-slider .uk-slider-items { justify-content: center; }


/* Waves unterhalb von Blöcken */

@media (min-width:1024px) {
  .add-waves {
    margin-top: -20px;
  }

  .add-waves::after {
    content:'';
    display: block;
    position: absolute;
    height: 40px;
    width: 100%;
    background-image: url('https://sf-staging.de/wp-content/themes/yootheme/cache/bg-waves-gold-30f94ac8.png');
    background-size: 722px;
    background-repeat: repeat;
    bottom: -48px;
  }

}


/* Blockquote fix */

blockquote cite {
  font-style: normal;

}

/* Footer */
#footer p, #footer a {
  transition: all .2s ease;
  opacity: .85;
}

#footer a:hover {
  text-decoration: none;
  opacity: 1;
}

#footer .footer-copyright {
  font-size: 14px;
}


/* Sticky to top */
#sticky-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 4;
  background-color: #fff;
  border-radius: 500px;
  /* display: none; */
}

#sticky-to-top svg {
  color: #222526;
}

#sticky-to-top.visible {
  display: block;
}