/* #region Hero styles  */

.hero {
  width: 100%;
  max-width: 1200px;
  height: 60vh;
  position: relative;
  top: -70px;
  fill: var(--bm_white_fill);
  padding: 0 48px;
}

.hero_headline, .hero_logo {
  display: flex;
  flex-grow: 1;
}

.hero_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 23px;
  height: 100%;
  }
  
.hero_headline { 
  grid-area: 1 / 1 / 2 / 2; 
  justify-content: start;
  align-items: end;
  margin-bottom: 46px;
}

.hero_logo { 
  grid-area: 1 / 2 / 2 / 3; 
}

/* #region hero grid styles */

.legal_notice_grid {
  max-width: 1100px;
  width: 100%;
  height: 490px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 23px;
}

.legal_bento_01, .legal_bento_02 {
  border-radius: 20px;
}
  
.legal_bento_01 { 
  grid-area: 1 / 1 / 2 / 2; 
  background: var(--bm_accent_wg_fill);
}
.legal_bento_02 { 
  grid-area: 1 / 2 / 2 / 3;

  background-image: url("/assets/images/building/IMG_9193.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* #endregion hero grid styles */

/* #region hero copy styles */
.legal_notice {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.legal_notice_copy {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 23px;
}

.legal_notice_copy h1 {
  font-family: "Noto Serif";
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;

  margin: 46px 23px 23px 23px;
}

.legal_notice_copy p {
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 23px;
}

.legal_notice_copy_02 {
  padding: 32px 0;
}

/* #endregion hero copy styles */

/* #region gallery styles */

.gallery {
  margin: 200px auto;
}

/* Gallery styles */

.gallery_02 {
  width: 100%;
  max-width: 1100px;
  height: 600px;

  border-radius: 20px;

  background-image: url("/assets/images/building/IMG_9192.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* #endregion gallery styles */

.logo {
  margin-top: 4vw;
  margin-right: 6vw;
  margin-left: auto;
  width: 30vw;
  z-index: 0;
}

/* #region disclaimer styles */

.disclaimer {
  margin: 200px auto;
  border-radius: 20px;
  width: 100%;
  max-width: 1100px;

  background: var(--bm_accent_wg_fill);
}

.disclaimer_copy_headline {
  font-family: "Noto Serif";
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 100% */
  padding: 23px;
}

.disclaimer_copy { 
  margin: 46px 23px 46px 23px;  
  font-family: "Noto Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  padding: 46px;
}

.disclaimer_copy_subline {
margin-bottom: 46px;
margin-left: -23px;
}

.disclaimer_copy a {
  text-decoration: underline;
}

/* #endregion disclaimer styles */