/* Start custom CSS */@keyframes nhUp { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: none; } }
@keyframes nhShine { to { background-position: 200% center; } }
@keyframes nhPan { from { background-position: center 35%; } to { background-position: center 65%; } }
@keyframes nhReveal { from { opacity: 0; transform: translateY(48px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes nhZoom { from { transform: scale(1.12); } to { transform: scale(1); } }
@media (prefers-reduced-motion: no-preference) {
  #start { animation: nhPan 22s ease-in-out infinite alternate; }
  #start > * > * { animation: nhUp 1s cubic-bezier(.2,.8,.2,1) both; }
  #start > * > *:nth-child(1) { animation-delay: .15s; }
  #start > * > *:nth-child(2) { animation-delay: .3s; }
  #start > * > *:nth-child(3) { animation-delay: .5s; }
  #start > * > *:nth-child(4) { animation-delay: .7s; }
  #start h1 em { background: linear-gradient(100deg, #d2ae37 0%, #d2ae37 35%, #fff3c4 50%, #d2ae37 65%, #d2ae37 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent !important; animation: nhShine 5s linear infinite; }
  @supports (animation-timeline: view()) {
    #salon h2, #salon p, #salon a.e-button-base, #salon img, #salon .e-flexbox-base > .e-flexbox-base, #leistungen h2, #leistungen p, #leistungen a.e-button-base, #leistungen img, #leistungen .e-flexbox-base > .e-flexbox-base, #team h2, #team p, #team a.e-button-base, #team img, #team .e-flexbox-base > .e-flexbox-base, #gutschein h2, #gutschein p, #gutschein a.e-button-base, #gutschein img, #gutschein .e-flexbox-base > .e-flexbox-base, #bewertungen h2, #bewertungen p, #bewertungen a.e-button-base, #bewertungen img, #bewertungen .e-flexbox-base > .e-flexbox-base, #kontakt h2, #kontakt p, #kontakt a.e-button-base, #kontakt img, #kontakt .e-flexbox-base > .e-flexbox-base { animation: nhReveal linear both; animation-timeline: view(); animation-range: entry 0% cover 22%; }
    #galerie img { animation: nhZoom linear both; animation-timeline: view(); animation-range: entry 0% cover 50%; }
  }
}
#galerie img { transition: filter .5s, transform .5s; }
@media (hover: hover) { #galerie:hover img { filter: grayscale(.6) brightness(.75); }
#galerie img:hover { filter: none !important; } }
#salon img, #team img { transition: filter .6s; }
#salon img:hover, #team img:hover { filter: saturate(1.15) contrast(1.06); }
#leistungen .e-grid-base > .e-flexbox-base { transition: transform .3s, box-shadow .3s, border-color .3s; }
@media (max-width: 767px) { #leistungen .e-grid-base > .e-flexbox-base:active { transform: scale(.97); border-color: #d2ae37; } }
@media (min-width: 768px) { #leistungen .e-grid-base > .e-flexbox-base:hover { transform: translateX(6px); } }

#bewertungen .ti-widget.ti-goog .ti-review-item > .ti-inner { border-radius: 0 !important; background: #f7f6f3 !important; border-top: 3px solid #d2ae37 !important; }
#bewertungen .ti-widget.ti-goog .ti-controls .ti-next, #bewertungen .ti-widget.ti-goog .ti-controls .ti-prev { width: 46px; height: 46px; border-radius: 0; background-color: #1d1d1b; outline: 0; }
#bewertungen .ti-widget.ti-goog .ti-controls .ti-next:before, #bewertungen .ti-widget.ti-goog .ti-controls .ti-prev:before { border-color: #d2ae37; width: 11px; height: 11px; }
#bewertungen .ti-widget.ti-goog .ti-controls .ti-next:hover, #bewertungen .ti-widget.ti-goog .ti-controls .ti-prev:hover { background-color: #d2ae37 !important; outline: 0 !important; }
#bewertungen .ti-widget.ti-goog .ti-controls .ti-next:hover:before, #bewertungen .ti-widget.ti-goog .ti-controls .ti-prev:hover:before { border-color: #1d1d1b !important; }
@media (max-width: 1023px) {
  #bewertungen .ti-widget.ti-goog .ti-controls { display: block !important; top: auto !important; bottom: -66px; margin: 0; height: 46px; }
  #bewertungen .ti-widget.ti-goog .ti-controls .ti-prev { left: 0; display: block !important; opacity: 1 !important; } #bewertungen .ti-widget.ti-goog .ti-controls .ti-next { right: 0; }
  #bewertungen .ti-widget.ti-goog .ti-widget-container { padding-bottom: 0; position: relative; } #bewertungen .ti-widget.ti-goog .ti-reviews-container { margin-bottom: 72px !important; overflow: visible !important; }
  #bewertungen .ti-widget.ti-goog .ti-controls-line { display: none !important; }
  #bewertungen .ti-widget.ti-goog .ti-controls-line .dot { background: #d2ae37; }
}/* End custom CSS */