.wpgv-giftitem-wrapper {
  gap: 2rem;
  max-width: 1200px;
  margin-top: 3rem;
}

.wpgv-giftitem-wrapper img {
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.wpgv-giftitem-wrapper:before,
.wpgv-giftitem-wrapper:after {
  display: none;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems {
  width: 100% !important;
  max-width: unset;
  order: 2;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-giftitemimage {
  display: none;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap {
  container-type: inline-size;
  container-name: wpgv-items-wrap;
  padding: 0;
  margin-top: 0;
  border-radius: 20px;
  border: 1px solid var(--wp--preset--color--gruen);
  overflow: hidden;
  box-shadow: none;
  background-color: var(--wp--preset--color--hellgruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-according-title {
  border: none;
  margin: 0;
  background-color: var(--wp--preset--color--gruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-according-title::after {
  border-color: #fff;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-according-title > h2 {
  color: #fff;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item {
  gap: 1rem;
  margin: 0;
  border: none;
  background-color: var(--wp--preset--color--hintergrund);
  border-bottom: 1px solid var(--wp--preset--color--gruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item:last-child {
  border-bottom: none;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step1
  .wpgv-items
  > .wpgv-item:nth-child(odd) {
  background-color: var(--wp--preset--color--hellgruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item > * {
  width: 100%;
  padding: 0 !important;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step1
  .wpgv-items
  > .wpgv-item
  > .wpgv-content {
  width: 100%;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step1
  .wpgv-items
  > .wpgv-item
  > .wpgv-content
  h4 {
  margin-top: 0;
  color: var(--wp--preset--color--dunkelviolett);
  font-weight: 700;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step1
  .wpgv-items
  > .wpgv-item
  > .wpgv-price {
  text-align: left;
  width: calc((100% - 110px - 1rem));
  color: var(--wp--preset--color--dunkelviolett);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item > .wpgv-buy {
  width: 110px;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item button {
  appearance: none;
  border: 2px solid var(--wp--preset--color--gruen);
  background-color: var(--wp--preset--color--gruen) !important;
  font-family: var(--wp--preset--font-family--terfens);
  font-size: var(--wp--preset--font-size--small);
  color: #fff !important;
  font-weight: 700;
  padding: 0.667em 1.333em;
  border-radius: 10px;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step1 .wpgv-items > .wpgv-item .wpgv-price {
  padding-right: 2rem;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step1
  .wpgv-items
  > .wpgv-item
  .wpgv-price
  del {
  display: block;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 {
  padding: 20px;
  background-color: var(--wp--preset--color--hellgruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .wpgv-gifttitle span {
  color: var(--wp--preset--color--dunkelviolett);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .wpgv-gifttitle h3 {
  color: var(--wp--preset--color--gruen);
  font-weight: 700;
  font-size: 2rem;
  margin-top: 0;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap label {
  font-weight: 700;
  font-size: 0.85em;
  color: var(--wp--preset--color--dunkelviolett);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .buying-options div {
  border-color: var(--wp--preset--color--gruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .buying-options .selected {
  background-color: var(--wp--preset--color--gruen) !important;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .buying-options .selected img {
  filter: brightness(0) invert(1);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step2 .buying-options .selected span {
  color: #fff;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields input[type="text"],
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields input[type="email"],
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields textarea,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields select {
  color: var(--wp--preset--color--dunkelviolett) !important;
  background-color: var(--wp--preset--color--hintergrund) !important;
  height: auto;
  box-shadow: none;
  border-radius: 10px;
  padding: 0.8rem 1rem;
}
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields input[type="text"]:focus,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields input[type="email"]:focus,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields textarea:focus,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-form-fields select:focus {
  outline: 2px solid var(--wp--preset--color--gruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-buttons .next-button,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-buttons .back-button,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-buttons #paynowbtn,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .preview-box #itempreview {
  appearance: none;
  background-color: transparent !important;
  font-family: var(--wp--preset--font-family--terfens);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--dunkelgruen) !important;
  padding: 0.667em 1.333em;
  border-radius: 10px;
  line-height: 1.2;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-buttons .next-button,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .wpgv-buttons #paynowbtn,
.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .preview-box #itempreview {
  color: #fff !important;
  border: 2px solid var(--wp--preset--color--gruen);
  background-color: var(--wp--preset--color--gruen) !important;
  font-weight: 700;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap .preview-box #itempreview {
  background-color: var(--wp--preset--color--dunkelviolett) !important;
  border-color: var(--wp--preset--color--dunkelviolett);
  width: auto;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 > * {
  margin: 0;
  background-color: var(--wp--preset--color--hellgruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 .wpgv-form-fields {
  background-color: var(--wp--preset--color--hellgruen);
  padding: 20px 20px 0 20px;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 .wpgv-form-fields:nth-of-type(2) {
  padding-bottom: 20px;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 .order_details_preview h3 {
  color: var(--wp--preset--color--gruen);
  font-weight: 700;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step3
  .order_details_preview
  .wpgv_preview_box
  span {
  color: var(--wp--preset--color--dunkelgruen);
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 .order_details_preview #itemprice,
.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step3
  .order_details_preview
  #itemprice
  span {
  color: var(--wp--preset--color--dunkelviolett);
  font-size: 1.25rem;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step3
  .order_details_preview
  .wpgv-itemtitle {
  color: var(--wp--preset--color--dunkelviolett);
  font-weight: 700;
}

.wpgv-giftitem-wrapper > #wpgv-giftitems > .wpgv-items-wrap#wpgv-giftitems-step3 .acceptVoucherTerms label {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
  padding-top: 20px;
}

.wpgv-giftitem-wrapper
  > #wpgv-giftitems
  > .wpgv-items-wrap#wpgv-giftitems-step3
  .acceptVoucherTerms
  label
  input[type="checkbox"] {
  width: auto;
}

.wpgv-giftitem-wrapper > .wpgv_preview-box {
  order: 1;
  width: 450px;
  align-items: start;
}

.wpgv-giftitem-wrapper > .wpgv_preview-box .cardDiv {
  margin: 0 auto 0 auto;
  position: sticky;
  top: 2rem;
}

.logged-in .wpgv-giftitem-wrapper > .wpgv_preview-box .cardDiv {
  top: calc(2rem + var(--wp-admin--admin-bar--height));
}

@container wpgv-items-wrap (min-width: 500px) {
  .wpgv-giftitem-wrapper
    > #wpgv-giftitems
    > .wpgv-items-wrap#wpgv-giftitems-step1
    .wpgv-items
    > .wpgv-item
    > .wpgv-content {
    width: calc((100% - 110px - 2rem) * 0.6);
  }
  .wpgv-giftitem-wrapper
    > #wpgv-giftitems
    > .wpgv-items-wrap#wpgv-giftitems-step1
    .wpgv-items
    > .wpgv-item
    > .wpgv-price {
    text-align: right;
    width: calc((100% - 110px - 2rem) * 0.4);
  }
  .wpgv-giftitem-wrapper
    > #wpgv-giftitems
    > .wpgv-items-wrap#wpgv-giftitems-step1
    .wpgv-items
    > .wpgv-item
    > .wpgv-buy {
    width: 110px;
  }
}

@media only screen and (min-width: 880px) {
  .wpgv-giftitem-wrapper > #wpgv-giftitems {
    order: 1;
    width: calc(100% - 450px - 2rem) !important;
  }
  .wpgv-giftitem-wrapper > .wpgv_preview-box {
    order: 2;
  }
}