/*
#logo {
  position: absolute;
  --mysize: 300px;
  width: var(--mysize);
  width: clamp(135px, calc(4.797rem + 15.53vw), 300px);
  aspect-ratio: 1 / 1;
  height: auto;
  overflow: visible;
  top: 0;
  right: 0;
  z-index: 999;
  margin: 0 !important;
  background-image: url("/wp-content/themes/strappress-child/img/logo-bg.svg");
  display: flex;
  justify-content: center;
  z-index: 9999;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}*/

#logo {
  position: absolute;
  width: clamp(135px, calc(4.797rem + 15.53vw), 300px);
  top: 0;
  right: 0;
  margin: 0 !important;
  z-index: 9999;
}

#logo a {
  margin-top: 43px;
  max-height: 12.34vw;
  width: 10vw;
}

#icons,
#nav-icons {
  position: absolute;
  top: var(--nav-icon-padding-Y);
  z-index: 9999;
  left: 9.38vw;
  transform: translateY(25%);
}

#nav-icons {
  z-index: 999999 !important;
  right: 2.81vw;
  left: unset !important;
  transform: translateY(-200%) !important;
  transition: all 0.5s ease-in-out;
}

body.shiftnav-open #nav-icons {
  transform: translateY(0) !important;
}

body.shiftnav-disable-shift-body {
  padding-top: 0 !important;
}

html {
  margin-top: 0 !important;
}

#nav-icons .tel,
#icons .tel {
  display: flex;
  gap: 13px;
  border: 1px solid white;
  border-radius: 100px;
  color: white;
  padding: 1em 2em;
  font-size: var(--btn-font-size);
  transition: all 0.5s ease-in-out;
}

#icons .tel::before,
#nav-icons .tel::before {
  content: "";
  display: inline-block;
  background-image: url(../img/icon-phone.svg);
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.2em;
  background-size: contain;
}

#nav-icons .tel:hover {
  text-decoration: none;
  background-color: var(--color-anthrazit);
  border: 1px solid var(--color-anthrazit);
}

#icons .tel:hover {
  text-decoration: none;
  background-color: var(--color-gruen);
  border: 1px solid var(--color-gruen);
}

/** Slideshow **/

#slideshow {
  position: relative;
  margin: 0 auto !important;
  clip-path: ellipse(100% 100% at 50% 0%);
}
/*
#slideshow::before,
#slideshow::after {
  content: "";
  position: absolute;
  top: 0;
  opacity: 0.4;
  background: linear-gradient(180deg, #282525 0%, rgba(40, 37, 37, 0) 100%);
  background-repeat: no-repeat;
  width: 100vw;
  height: 56.64%;
  display: block;
  z-index: 99;
}

#slideshow::after {
  bottom: 0;
  top: unset;
  background: linear-gradient(
    0deg,
    #282525 0%,
    rgba(40, 37, 37, 0) 100%
  ) !important;
}
  */

#slideshow rs-fullwidth-wrap::before {
  content: "Meine Gesundheit.";
  position: absolute;
  color: white;
  right: 11.2vw;
  bottom: 14.06vw;
  display: block;
  z-index: 999;
  font-family: var(--headlinefont);
  font-size: clamp(25px, 5vw, 70px);
}

@media (max-width: 1200px) {
  #icons .tel {
    padding: 0.5em 1em;
  }
}

@media (max-width: 576px) {
  #logo a {
    width: 20vw;
    margin-top: 15px;
  }

  #icons {
    top: unset;
    bottom: 0;
    position: fixed;
    width: 100vw;
    background-color: var(--color-braun);
    padding: 15px 30px;
    transform: translateY(0);
    left: 0;
    justify-content: center;
    display: flex;
  }

  #icons a.tel {
    border: none;
  }

  #nav-icons a {
    font-size: 0.8rem !important;
    padding: 10.3px 20.6px;
  }

  body.shiftnav-open #nav-icons {
    transform: translate(0%, 15px);
  }

  .page-id-30 #slideshow img {
    height: 230px;
    object-fit: cover;
  }

  .page-id-30 #logo {
    width: 100px;
  }

  /*
  #slideshow {
    height: 90.67vw;
  }
  rs-module {
    max-height: unset !important;
    height: 90.67vw !important;
  }
  rs-sbg,
  rs-sbg canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
    */
}