/**
 * Theme Container Lage Styles
 * 
 * This file contains all styles for the Container "Lage" in the theme.
 */
.wp-block-uagb-container.cont-lage {
  height: 835px !important;
}
.wp-block-uagb-container.cont-lage .wp-block-uagb-buttons {
  height: 100%;
  width: 100%;
  position: relative;
}

.wp-block-uagb-container.cont-lage
  .wp-block-uagb-buttons
  .btn-lage
  .wp-block-button__link {
  padding: 16px 43px;
  display: inline-block;
  transition: transform 0.5s ease-in-out;
  transform: translateY(0);
  pointer-events: none;
}

.wp-block-uagb-container.cont-lage
  .wp-block-uagb-buttons
  .btn-lage
  .wp-block-button__link:hover {
  transform: translateY(-3px);
}

.wp-block-uagb-container.cont-lage
  .wp-block-uagb-buttons
  .btn-lage
  .wp-block-button__link:hover {
  background-color: var(--ast-global-color-2);
}

.wp-block-uagb-container.cont-lage
  .wp-block-uagb-buttons
  .btn-lage-inverted
  .wp-block-button__link:hover {
  background-color: white;
}

.wp-block-uagb-container.cont-lage
  .wp-block-uagb-buttons
  .btn-lage
  .uagb-button__link {
  font-weight: 700 !important;
  font-size: 1.313rem;
}

.wp-block-uagb-container.cont-lage .wp-block-uagb-buttons .btn-lage {
  position: absolute;
  top: 11%;
  left: 1%;
  transform: translate(-13%, -43%);
}

.wp-block-uagb-container.cont-lage .wp-block-uagb-buttons .btn-lage-inverted {
  position: absolute;
  left: 60%;
  top: 58%;
  transform: translate(-58%, -75%);
}

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap.wp-block-button.btn-lage.btn-lage-inverted
  a
  > .uagb-button__link {
  white-space: nowrap;
}

.wp-block-uagb-container.cont-lage .wp-block-uagb-container.sticker {
  background-color: white;
  border-radius: 100%;
  --mysize: clamp(7.063rem, 3.971rem + 10.75vw, 16.875rem) !important;
  width: var(--mysize) !important;
  aspect-ratio: 1 / 1;
  box-shadow: 0 0 17px var(--color-shadow);
  position: absolute;
  top: 5%;
}

.wp-block-uagb-container.sticker p {
  color: var(--ast-global-color-2);
  width: fit-content !important;
  font-family: var(--headlinefont);
  font-weight: 600;
  align-self: center;
  font-size: clamp(1.25rem, 0.607rem + 1.84vw, 2.813rem);
}
.wp-block-uagb-container.sticker > p {
  line-height: 0.9;
  text-align: center;
  max-width: 50%;
  align-items: center;
  word-break: break-word;
}

.wp-block-uagb-container.sticker .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}

.wp-block-uagb-container.sticker .spinner .wp-block-uagb-image__figure {
  width: 100%;
}

.wp-block-uagb-container.sticker .spinner img {
  box-shadow: none !important;
}

/* Animation for spinner */

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.spinner {
  animation: spin 40s linear infinite;
  transform-origin: center center;
}

@media (max-width: 1726px) {
  .wp-block-uagb-container.cont-lage {
    height: 100% !important;
    aspect-ratio: 1726 / 835;
  }
}
@media (max-width: 1456px) {
  .wp-block-uagb-container.cont-lage
    .wp-block-uagb-buttons
    .btn-lage:not(
      .wp-block-uagb-container.cont-lage
        .wp-block-uagb-buttons
        .btn-lage-inverted
    ) {
    transform: translate(22%, -76%);
  }
}
@media (max-width: 990px) {
  a.wp-block-button__link::after:not(
      .btn-lage-inverted a.wp-block-button__link::after
    ) {
    transform: translate(53%, -35%);
  }

  .wp-block-uagb-container.cont-lage .wp-block-uagb-buttons .btn-lage-inverted {
    transform: translate(-6%, 137%);
  }
}
@media (max-width: 560px) {
  .wp-block-uagb-container.cont-lage {
    aspect-ratio: 375 / 181 !important;
    min-height: 316px !important;
  }

  .wp-block-uagb-container.cont-lage .wp-block-uagb-buttons .btn-lage-inverted {
    transform: translate(-66px, 49px) !important;
  }
  .wp-block-uagb-container.sticker {
    right: 34%;
    top: 21%;
  }

  .wp-block-uagb-container.cont-lage .wp-block-uagb-container.sticker {
    top: 19%;
  }
}

@media (max-width: 375px) {
  .wp-block-uagb-container.sticker {
    right: 50%;
    top: 50% !important;
    transform: translate(50%, -82%);
  }

  .wp-block-uagb-container.cont-lage
    .wp-block-uagb-buttons
    .btn-lage:not(
      .wp-block-uagb-container.cont-lage
        .wp-block-uagb-buttons
        .btn-lage-inverted
    ) {
    transform: translate(12%, -76%);
  }

  .wp-block-uagb-container.cont-lage .wp-block-uagb-buttons .btn-lage-inverted {
    transform: translate(-55px, 44px) !important;
  }
  .btn-lage-inverted a.wp-block-button__link::after {
    transform: translate(-46%, 100%);
  }
}