/**
** Theme  Pop Up
** This file contains the styles for the pop up element in the theme.
*/

.imp-gutenberg-popup.imp-gutenberg-popup-613 .imp-gutenberg-popup-content {
  overflow-y: auto;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-logo figure,
.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites figure {
  width: 100%;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .imp-gutenberg-popup-wrapper
  .imp-gutenberg-popup-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-xl);
  max-height: 90vh;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites {
  max-width: 80vw;
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: 100%;
  align-items: stretch;
}

/* logo */
.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-logo {
  width: 18vw;
  margin-top: var(--gap-l);
}

/* container website einzeln */
.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites .cont-website {
  gap: 0 !important;
  width: 100%;
  flex: 1 1 0;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image:nth-child(1) {
  flex: 1 1 auto;
  height: 200px;
  overflow: hidden;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image:nth-child(1)
  figure {
  width: 100%;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image:nth-child(2) {
  background-color: var(--ast-global-color-0);
  height: 200px;
  padding: 5vw;
  align-items: center;
  max-height: 10vh;
}

.cont-websites .cont-website .wp-block-uagb-image:nth-child(2) figure {
  max-width: 7vw;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image,
.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image
  img {
  width: 100%;
  height: 100%;
  min-width: 100%;
  max-width: 100%;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image:nth-child(1) {
  width: 100%;
  height: 100%;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-image
  img {
  width: 100%;
  height: 100%;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-buttons
  .wp-block-button {
  width: 100% !important;
  max-width: none;
  margin: 0;
}

.wp-block-uagb-buttons .wp-block-button .uagb-button__wrapper {
  width: 100%;
}

.wp-block-uagb-buttons .wp-block-button a.uagb-buttons-repeater {
  display: block;
  width: 100%;
  padding: 12px 0;
  box-sizing: border-box;
  text-align: center;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-buttons
  .wp-block-button__link {
  background-color: black !important;
  padding: 1.5rem !important;
  max-width: unset !important;

  display: flex;
  border-radius: 0 !important;
  width: 100% !important;
  display: block;
  text-align: center;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-buttons
  .wp-block-button__link {
  border: none !important;
  white-space: nowrap;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .cont-websites
  .cont-website
  .wp-block-uagb-buttons
  .wp-block-button__link
  .uagb-button__link {
  color: white !important;
}

.imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-url .uagb-heading-text {
  color: var(--ast-global-color-0);
  margin-bottom: var(--gap-xl);
}

/* responsive */

@media (max-width: 990px) {
  .imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites {
    flex-wrap: wrap;
    display: flex;
    align-items: stretch;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites .cont-website {
    flex: 1 1 40%;
    max-width: 50% !important;
    width: auto !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613
    .cont-websites
    .cont-website
    .wp-block-uagb-image:nth-child(2)
    figure {
    max-width: 12vw;
  }
}

@media (max-width: 576px) {
  .imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-websites .cont-website {
    flex: 1 1 100%;
    max-width: 70vw !important;
    margin-bottom: var(--gap-l);
    height: 100%;
    min-height: 100%;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613 .imp-gutenberg-popup-content {
    overflow: scroll;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613
    .cont-websites
    .cont-website
    .wp-block-uagb-image:nth-child(2)
    figure {
    max-width: 30vw;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-logo {
    width: 50vw !important;
    height: 100%;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613 .cont-logo img {
    width: 50vw !important;
    height: 100%;
  }

  .imp-gutenberg-popup.imp-gutenberg-popup-613
    .cont-websites
    .cont-website
    .wp-block-uagb-image:nth-child(2)
    figure {
    width: 20vw;
  }
}

.imp-gutenberg-popup.imp-gutenberg-popup-613
  .imp-gutenberg-popup-content
  .logo-gappmaier
  img {
  scale: 1.2;
}

/* in editor */

.editor-styles-wrapper .uagb-container-inner-blocks-wrap p {
  color: white;
}