.hr-breadcrumb {
  position:relative;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
  height:600px;
}
.hr-breadcrumbdetail .hr-titel {
  text-transform:uppercase;
  position:relative;
  z-index:1;
  font-size:60px;
  font-weight:700;
  line-height:1.2;
  color:var(--color-1);
  font-family:var(--font-02)
}
.hr-breadcrumbdetail .hr-a {
  color:#777;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  float:right
}
.hr-breadcrumbdetail {
  margin-bottom:10px!important;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 9999;
  width: 100%;
  text-align: center;
}
.hr-breadcrumbdetail .hr-titel span {
  color:#fff;
  line-height:1.3;
  font-size:52px;
  text-align:center;
  font-family:var(--font-01);
  font-weight:700
}
.hr-breadcrumbdetail .hr-text {
  margin-bottom:0;
  color:var(--white)
}
.hr-breadcrumbdetail .btn-main {
  margin-top:1.2rem;
  display:inline-block
}
.hr-breadcrumb .breadcrumb_watermark {
  left:0;
  right:0;
  text-align:center;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  top:148px;
  z-index:0;
  font-size:150px;
  font-weight:600;
  position:absolute;
  -webkit-text-fill-color:#fff0;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:rgb(255 255 255 / .1);
  z-index:2
}
@media screen and (max-width:1280px) {
  .hr-breadcrumb .breadcrumb_watermark {
    overflow:hidden
  }
}
@media screen and (max-width:991px) {
  .hr-breadcrumb .breadcrumb_watermark {
    top:50%;
    font-size:130px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
  }
}
@media screen and (max-width:680px) {
  .hr-breadcrumb .breadcrumb_watermark {
    font-size:70px
  }
  .hr-breadcrumbdetail .hr-titel span {
    font-size:60px
  }
  .hr-breadcrumb {
    height:450px
  }
  .hr-breadcrumbdetail .hr-a {
    float:unset;
    text-align:center
  }
  .hr-breadcrumbdetail .hr-titel {
    text-align:center
  }
}
@media screen and (max-width:425px) {
  .hr-breadcrumb .breadcrumb_watermark {
    font-size:50px;
    top:63%;
    line-height:40px
  }
  .hr-breadcrumbdetail .hr-titel span {
    font-size:30px
  }
  .hr-breadcrumbdetail .hr-titel {
    font-size:55px;
    line-height:45px
  }
}
.hr-breadcrumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: var(--color-1); 
}