/**
** Theme Container Intro
** This file contains the styles for the container intro element in the theme.
*/

.wp-block-uagb-container.cont-intro {
  gap: var(--gap-m);
}

.wp-block-uagb-container.cont-intro::before {
  content: "";
  display: block;
  position: absolute;
  top: -10%;
  left: 0;
  background-image: url(/wp-content/themes/astra-impuls-child-appartements-gappmaier-luna/img/appartments-gappmaier-logo-klein.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--h2-font-size);
  height: calc(var(--h2-font-size) * 2.25);
  transform: translateX(-189%);
}

.wp-block-uagb-container.cont-intro h2.uagb-heading-text {
  color: var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-intro h1.uagb-heading-text {
  color: var(--ast-global-color-1);
}

.wp-block-uagb-container.cont-intro p {
  color: var(--ast-global-color-0);
  font-family: var(--headlinefont);
  font-size: var(--h5-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.52;
}

@media screen and (max-width:1200px) {
  .wp-block-uagb-container.cont-intro::before {
    display: none;
  }

  .wp-block-uagb-container.cont-intro h2 {
    display: flex;
    gap: 0.6em;
    align-items: flex-start;
  }

  .wp-block-uagb-container.cont-intro h2::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    background-image: url(/wp-content/themes/astra-impuls-child-appartements-gappmaier-luna/img/appartments-gappmaier-logo-klein.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: var(--h2-font-size);
    height: calc(var(--h2-font-size) * 2.25);
    transform: translateY(-19%);
    min-width: var(--h2-font-size);
  }
}