#theme-logo {
  z-index: 100;
  width: 17.93vw;
  max-width: 309px;
  min-width: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  margin-left: auto;
  margin: var(--nav-icon-padding-Y) calc(var(--nav-icon-padding-X) * 1.7)
    var(--gap-l) auto;
}

header#header {
  pointer-events: none;
  background: var(--linear-gradient-header);
}

.header-wrapper {
  display: flex;
}

.hero {
  display: flex;
  background: var(--linear-gradient-header);
  gap: calc(var(--gap-m) + var(--gap-l));
  border-bottom-color: transparent;
  padding-bottom: var(--cont-gap);
  margin-top: -1px;
}

.hero .hero-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap-s) + var(--gap-l));
  margin-bottom: calc(var(--gap-m) + var(--gap-l));
  justify-content: flex-end;
}

.hero #header-text h2 {
  color: var(--ast-global-color-0) !important;
}

#header-bild {
  width: clamp(9.875rem, 7.873rem + 8.54vw, 17.063rem);
  aspect-ratio: 1/1;
}

.hero #header-bild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*----------------- HEADER ICONS -------------*/

#header-icons {
  z-index: 100;
  display: flex;
  pointer-events: all;
  position: absolute;
  bottom: 5.79vw;
  padding-left: 13.14vw;
  padding-right: 10.85vw;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-xl);
  white-space: nowrap;
}

#header-icons .widget_text.icon a:not(.btn-anfragen, .btn-buchen) {
  background-image: linear-gradient(
    90deg,
    var(--ast-global-color-2) var(--btn-stop1),
    var(--ast-global-color-2) var(--btn-stop2),
    var(--ast-global-color-0) calc(var(--btn-stop2) + 40%)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition:
    --btn-stop1 0.8s ease,
    --btn-stop2 0.8s ease;
}

#header-icons .widget_text.icon a:hover {
  --btn-stop1: 0%;
  --btn-stop2: 100%;
}

#header-icons * {
  color: var(--ast-global-color-0);
}

#header-icons .contact {
  display: flex;
  gap: var(--gap-l);
}

#header-icons .contact a {
  font-size: var(--btn-font-size);
  font-weight: 600;
  line-height: 1.36;
  display: flex;
  align-items: center;
  gap: 15px;
}

#header-icons .contact a::before {
  content: "" !important;
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  --my-size: 1.143em;
  width: var(--my-size);
  height: var(--my-size);
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-phone.svg);
  transition: all 0.5s ease-in-out;
}

#header-icons .contact a.mail::before {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-mail.svg);
}

#header-icons .contact a.facebook::before {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-facebook.svg);
}

#header-icons .contact a.instagram::before {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-instagram.svg);
}

#header-icons .contact a:hover::before {
  filter: brightness(0) saturate(100%) invert(26%) sepia(13%) saturate(950%)
    hue-rotate(303deg) brightness(94%) contrast(89%);
}

#header-icons .buttons {
  display: flex;
  gap: var(--gap-s);
}
/*
.icon {
  height: 62px;
  display: flex;
  text-align: center;
  vertical-align: top;
  transition: all 0.3s ease 0s;
}

.icon a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}
  */

/*---------------- WPML/GT SPRACHENSWITCH -------------*/
.imp-lang-container {
  --lang-icon-size: 20px;
  --lang-icon-padding: 4px;
  margin-left: calc(var(--nav-icon-padding-X) + var(--nav-icon-width) + 5vw);
  pointer-events: all;
  height: 100%;
  top: var(--nav-icon-padding-Y);
  transform: translateY(50%);
}

.imp-lang-container * {
  color: var(--ast-global-color-0);
}

.imp-lang-slider {
  border: 1px solid var(--ast-global-color-0);
  width: calc(
    (var(--lang-icon-padding) * 2) + (var(--lang-icon-size) * 2) + 10px
  );
  height: calc(var(--lang-icon-size) + (var(--lang-icon-padding) * 2));
  position: relative;
  order: 1;
  border-radius: 100px;
  padding: var(--lang-icon-padding);
  background: linear-gradient(90deg, #94836f, var(--ast-global-color-1));
  transition: all 0.5s ease-in-out;
}

.imp-lang-slider.lang-switched {
  background: linear-gradient(90deg, var(--ast-global-color-1), #94836f);
}

a.imp-lang-slider-url {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: auto;
}

.imp-lang-slider-url .slider {
  width: 27px;
  height: 27px;
  position: absolute;
  left: calc(50% - 27px / 2 - 10px);
  top: calc(50% - 27px / 2);
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0px 3px 8px rgba(0, 0, 0, 0.15),
    0px 3px 1px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease-out;
  cursor: pointer;
}

span.imp-lang-slider-icon {
  display: block;
  background-image: url(../img/icon-lang.svg);
  height: var(--lang-icon-size);
  width: var(--lang-icon-size);
  background-size: contain;
  background-repeat: no-repeat;
}

.glink.nturl {
  margin: 0 10px;
  font-weight: 700;
}

.glink.nturl:hover,
.glink.nturl:active,
.glink.nturl:focus {
  color: var(--ast-global-color-0);
}

/*---------------- WPML SPRACHENSWITCH -------------*/
.imp-lang-container.imp-lang-container-wpml {
  display: flex;
}

.imp-lang-slider[active-lang="de"] a.imp-lang-slider-url {
  justify-content: flex-start;
}

.imp-lang-slider[active-lang="en"] a.imp-lang-slider-url {
  justify-content: flex-end;
}

a.nav-item:nth-child(2) {
  order: 0;
}

a.nav-item:nth-child(3) {
  order: 2;
}

/*---------------- GTRANSLATE -------------*/
.imp-lang-container.imp-lang-container-GT {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imp-lang-container.imp-lang-container-GT .gtranslate_wrapper {
  gap: calc(
    (var(--lang-icon-padding) * 2) + (var(--lang-icon-size) * 2) + 10px
  );
  display: flex;
  flex-direction: row-reverse;
}

.imp-lang-container.imp-lang-container-GT .imp-lang-slider {
  position: absolute;
}

html[lang="de"] a.imp-lang-slider-url .imp-lang-slider-icon,
html[lang="auto"] a.imp-lang-slider-url .imp-lang-slider-icon {
  transform: translateX(0);
  transition: transform 0.7s ease-in-out;
}

html[lang="en"] a.imp-lang-slider-url .imp-lang-slider-icon {
  transform: translateX(
    calc(
      ((var(--lang-icon-padding) * 2) + (var(--lang-icon-size) * 2) + 10px) / 2
    )
  );
  transition: transform 0.7s ease-in-out;
}

/*----------------- HEADERBILD -------------*/

#slider-wrapper.postthumb.desktop {
  max-height: 580px;
  overflow: hidden;
  position: relative;
}

#slider-wrapper.postthumb.mobile {
  max-height: 580px;
  overflow: hidden;
  line-height: 0;
  position: relative;
}

#slider-wrapper.postthumb.desktop img {
  width: 100%;
  height: auto;
}

#slider-wrapper.postthumb.mobile img {
  width: 100%;
  height: auto;
}

#slider-wrapper.postthumb::before {
  display: block;
  position: absolute;
  background: -moz-linear-gradient(
    top,
    rgba(7, 1, 1, 0.3) 0%,
    rgba(7, 1, 1, 0.3) 1%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(7, 1, 1, 0.3) 0%,
    rgba(7, 1, 1, 0.3) 1%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(7, 1, 1, 0.3) 0%,
    rgba(7, 1, 1, 0.3) 1%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4d070101', endColorstr='#00000000', GradientType=0);
  height: 100%;
  width: 100%;
  content: "";
}

#slider-wrapper.postthumb.desktop img.fallback {
  margin-top: -10vw;
}

/*  Responsive */
@media (max-width: 1320px) {
  /* .contact a {
  } */
  #header-icons .contact a {
    font-size: 0 !important;
    gap: 0;
  }

  .contact a::before {
    font-size: var(--btn-font-size) !important;
  }

  #header-icons .contact {
    gap: var(--gap-m);
  }

  #header-icons .contact a::before {
    --my-size: 1.543em;
  }
}

@media (max-width: 990px) {
  .hero #header-text h2 {
    font-size: calc(var(--h2-font-size) * 1.2) !important;
    margin-bottom: var(--gap-l);
  }

  #slideshow::after {
    display: none !important;
  }

  #slideshow::before {
    content: "";
    display: block;
    --my-size: clamp(56px, 8.7vw, 133px);
    width: var(--my-size);
    height: calc(var(--my-size) * 0.72);
    z-index: 9;
    pointer-events: none;
    bottom: 0;
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-deco.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transform: translateY(clamp(5.938rem, 4.947rem + 4.23vw, 7.563rem));
    left: 0;
  }
}

@media (max-width: 890px) {
  .textwidget.custom-html-widget > .buttons {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .header-wrapper > .imp-lang-container.imp-lang-container-GT {
    display: none;
  }

  #header-icons .contact a::before {
    --my-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  #menu-wrapper > .imp-lang-container.imp-lang-container-GT {
    display: none;
  }
}

@media (max-width: 768px) {
  #menu-wrapper > .imp-lang-container.imp-lang-container-GT {
    height: fit-content;
    z-index: 99;
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    transform: translate(-21px, 21px);
  }
}

@media (max-width: 576px) {
  .hero #header-text h2 {
    font-size: var(--h2-font-size) !important;
  }
  #slideshow::before {
    bottom: 27px;
  }
}