body.page-template-page-home {
    background-image: url('../images/bg_home.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: grid;
    grid-template-rows: 25% 30% 20% 25%;
    height: 100vh;
}


body.page-template-page-home::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../images/zindel_white.svg');
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center 7%;
    opacity: 0.15;
    z-index: -1;
}

.page-template-page-home h1 {
    margin: 0;
    font-size: 8vh;
    font-weight: 400;
    color: var(--zindel-gold);
    align-self: end;
}

.page-template-page-home h2 {
    margin: 0;
    font-size: 4.8vh;
    font-weight: 400;
    color: var(--zindel-white);
}

.page-template-page-home p {
    margin: auto;
    inline-size: 20ch;
    color: var(--zindel-gold);
    font-weight: 700;
}

.page-template-page-home a, .page-template-page-home a:visited, .page-template-page-home a:active {
  position: relative;
    color: var(--zindel-white);
    text-decoration: none;
    padding-top: 2vh;
    background-size: 10vh;
}

.page-template-page-home a::before {
  content: "";
  position: relative;
  display: block;
  background-image: url('../images/button_home.png');
  background-repeat: no-repeat;
  background-position: center top;
  transform: rotate(90deg);width: 10vh;
  height: 10vh;
  background-size: contain;
  margin: 0 auto -7vh;
  mix-blend-mode: multiply;
  z-index: -1;
}