/* Easy Booking */

div#packagesFrame {
  width: 90%;
  margin-inline: auto;
}

#packagesFrame .package {
  border: 1px solid var(--ast-global-color-1);
  border-radius: var(--border-radius-m);
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  align-items: center;
}

#packagesFrame .package img {
  border-radius: var(--border-radius-m) 0 0 var(--border-radius-m);
  min-height: 280px;
}

#packagesFrame .package .rechts {
  height: 100%;
  padding-left: var(--gap-l);
  width: 100%;
}

#packagesFrame .package .rechts .packageName a {
  font-size: var(--h4-font-size);
  font-family: var(--headlinefont);
  color: var(--ast-global-color-1);
  font-weight: 500;
  font-style: normal;
  line-height: 1.19;
}

#packagesFrame .package .packageDate {
  font-family: var(--mainfont);
}

#packagesFrame .package .packageDetail,
#packagesFrame .package .rechts .packageName {
  margin-top: var(--gap-m);
  margin-bottom: var(--gap-m);
}

.packagelinks > a,
#packagesFrame .package .packageDetail a {
  text-decoration: none;
  color: white !important;
  border: none !important;
  font-weight: 600;
  line-height: 1.36;
  border-radius: 100px;
  background: linear-gradient(
    89deg,
    var(--ast-global-color-2) var(--stop1),
    #94836f calc(var(--stop1) + 40%),
    var(--ast-global-color-1) var(--stop2)
  ) !important;
  font-size: var(--btn-font-size);
  font-family: var(--mainfont);
  transition:
    --stop1 0.8s ease,
    --stop2 0.8s ease;
}
.packageDesc span,
.packageDetailWrapper :is(span, strong) {
  color: var(--ast-global-color-3) !important;
}

#packagesFrame .package .packageDetail a {
  padding: 11px 30px !important;
}
.packagelinks > a {
  padding: 9px 20px !important;
}

#packagesFrame .package .packageDetail a:hover {
  color: #ffffff;
  background-color: var(--ast-global-color-3) !important;
  border-color: var(--ast-global-color-3) !important;
  --stop1: 100%;
  --stop2: 100%;
}

#packagesFrame div.package a.preis,
#packagesFrame div.package a.preis span {
  top: 0;
  background-color: var(--ast-global-color-1) !important;
  text-decoration: none !important;
}

#packagesFrame .package.highlighted_on {
  border-color: var(--ast-global-color-1) !important;
  background: var(--linear-gradient-body-reverse) !important;
}

#packagesFrame .ebPackagesPaging ul li {
  color: var(--ast-global-color-3) !important;
  border: 1px solid var(--ast-global-color-3) !important;
}

.ebWidget .package {
  border: 1px solid var(--ast-global-color-0);
  border-radius: var(--border-radius-m);
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

#packagesFrame .ebWidget .package img {
  border-radius: var(--border-radius-m);
}

#packagesFrame .packageDetailWrapper {
  position: static !important; /* absolute überschreiben */
  width: 100%;
  flex-basis: 100%;
  order: 999; /* ans Ende schieben */
}

.EBcicolors {
  background: var(--ast-global-color-1) !important;
}

#packagesFrame .packageDetailWrapper .packageDetailpage {
  padding: var(--gap-m);
  margin-top: 0;
}

#packagesFrame .packageDetailWrapper .packageDetailpage h2 {
  font-size: var(--h5-font-size) !important;
  font-weight: 500;
  line-height: 1.25;
  padding: 0;
}

#packagesFrame .packageDetailpage .span6 {
  width: 100%;
  float: unset;
}

#packagesFrame .packageDetailWrapper .packageDetailpage .span6.pullRight {
  text-align: left;
}

@media (min-width: 767px) {
  #packagesFrame .packageDetailWrapper .packageDetailpage ul {
    padding-left: 0 !important;
  }
  #packagesFrame .packageDetailWrapper .packagelinks {
    margin-bottom: var(--gap-m);
    margin-left: calc(var(--gap-m) + 10px);
  }
}

@media (max-width: 766px) {
  #packagesFrame .package {
    flex-direction: column;
    align-items: flex-start;
  }

  #packagesFrame .package img {
    border-radius: var(--border-radius-m) 0 0 0;
    width: 100%;
  }

  #packagesFrame .package .rechts .packageName {
    margin-bottom: var(--gap-s);
  }

  .ebWidget .packageDetailpage {
    margin-top: 0;
  }

  .packageDetailpage > h2 {
    margin-bottom: 0;
    padding-left: 0 !important;
  }

  .packageDetailpage {
  }

  .packageDetailpage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    padding-left: var(--gap-m);
  }

  .packagePrice {
    text-align: left;
  }

  .ebWidget .packageDetailpage .packagePrice {
    padding: 0px 0px;
  }

  .packagelinks {
    margin-bottom: var(--gap-s);
    margin-left: var(--gap-l);
  }

  #packagesFrame .package .rechts .packageName a {
    font-size: var(--h2-font-size);
    font-weight: 500;
  }

  .packageDetailWrapper > .hotelDetailCon > ul {
    padding-left: 0 !important;
  }
  .ebWidget .packageDetailpage .hotelDetailCon li {
    margin-left: 0 !important;
  }

  .ebWidget .packagelinks {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
  }
}

@media (max-width: 480px) {
  .ebWidget .ebPackagesLink {
    width: unset !important;
  }

  .ebWidget .packageDetailpage .packagePrice {
    padding: 0 0px;
  }
}