.home-container {
    width: 100%;
    display: flex;
    overflow: auto;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    justify-content: center;
    background-image: url('https://rv-appelhuelsen.de/images/topbilder/rv-appelhuelsen-03.jpg');
    background-repeat: no-repeat;
    background-position: center;
  }
  .home-text {
    color: rgb(255, 255, 255);
    width: auto;
    z-index: 22;
    font-size: 50px;
    align-self: center;
    margin-top: var(--dl-space-space-oneandhalfunits);
    text-align: center;
    margin-left: var(--dl-space-space-oneandhalfunits);
    margin-right: var(--dl-space-space-oneandhalfunits);
    margin-bottom: 15vh;
  }
  .home-container1 {
    width: auto;
    height: auto;
    display: flex;
    z-index: 22;
    position: relative;
    margin-top: -5vh;
    align-items: center;
    padding-top: 12vh;
    border-color: var(--dl-color-theme-neutral-dark);
    border-style: dashed;
    border-width: 1px;
    padding-left: 5vh;
    border-radius: 10px;
    padding-right: 10vh;
    flex-direction: row;
    padding-bottom: 12vh;
    justify-content: center;
    background-color: rgba(217, 217, 217, 0.66);
  }
  .home-container2 {
    flex: 0 0 auto;
    width: 200px;
    height: auto;
    display: flex;
    align-self: center;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  .home-text3 {
    align-self: center;
    margin-right: 3vh;
  }
  .home-container3 {
    width: 200px;
    height: 225px;
    display: flex;
    align-self: center;
    margin-top: 0vh;
    transition: 0.3s;
    align-items: center;
    margin-left: -4vh;
    border-color: var(--dl-color-theme-neutral-dark);
    border-style: groove;
    border-width: 1px;
    margin-right: 0vh;
    border-radius: 10px;
    margin-bottom: 0vh;
    background-size: cover;
    justify-content: center;
    background-image: url('https://rv-appelhuelsen.de/images/logo.png');
    background-position: center;
  }
  
  .home-icon {
    fill: white;
    width: 53px;
    height: 73px;
    transition: 0.3s;
  }
  
  .home-form {
    width: auto;
    height: auto;
    display: flex;
    z-index: 11;
    align-items: center;
    padding-left: 2vh;
    border-radius: var(--dl-radius-radius-buttonradius);
    padding-right: 2vh;
    flex-direction: column;
    background-color: #ffffff;
  }
  .home-textinput {
    margin-top: 2vh;
    margin-bottom: 1vh;
  }
  .home-textinput1 {
    width: auto;
    margin-bottom: 1vh;
  }
  .home-textinput2 {
    margin-bottom: 1vh;
  }
  .home-textinput3 {
    margin-bottom: 1vh;
  }
  .home-textinput4 {
    margin-bottom: 1vh;
  }
  .home-textinput5 {
    margin-bottom: 1vh;
  }
  .home-textinput6 {
    margin-bottom: 1vh;
  }
  .home-textinput7 {
    margin-bottom: 1vh;
    background-color: transparent;
  }
  .home-image {
    top: 0px;
    left: -519px;
    width: fit-content;
    filter: blur(10px);
    height: 1012px;
    z-index: 1;
    position: absolute;
    object-fit: cover;
    border-color: var(--dl-color-theme-neutral-dark);
    border-width: 1px;
  }
  @media(max-width: 479px) {
    .home-container1 {
      flex: 1;
      width: 100%;
      height: 100%;
    }
    .home-text3 {
      width: auto;
      height: auto;
      margin-right: 0vh;
    }
    .home-container3 {
      width: 100%;
      height: 20vh;
      margin-left: 0px;
    }
    .home-form {
      width: auto;
      height: auto;
    }
    .home-textinput7 {
      width: 70%;
    }
  }
  