p {
  font-weight: 400;
  line-height: 2rem;
}

.hausnotruf-container h1,
h2,
h3 {
  color: #6c7a89;
}

.hausnotruf-infos-title h1 {
  font-weight: 600;
}

.hausnotruf-container h2 {
  font-weight: 600;
}

.hausnotruf-container h3 {
  font-weight: 500;
}

.hausnotruf-size {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-texts {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: left;
}

.hausnotruf-infos-title-background {
  background-color: #c4ebfd;
  z-index: -1;
}

.hausnotruf-infos-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hausnotruf-directory {
  background-color: #daf3de;
  box-shadow: 0px 2px 15px 5px rgba(161, 174, 212, 0.21);
}

.button-hausnotruf-vergleich {
  align-items: center;
  background-color: #17628a;
  border: 0;
  border-radius: 0.5rem;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  min-height: 50px;
  font-weight: 500;
  font-size: 1rem;
  min-width: 0px;
  overflow: hidden;
  padding: 0px 20px;
  text-align: center;
  touch-action: manipulation;
  transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s,
    box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s,
    color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}

.section-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.25rem;
}

.section-link:hover,
.section-link h3:hover {
  color: #99c0e9; /* Blaue Farbe beim Hover */
}

.survey-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c4ebfd;
  border-radius: 0.75rem;
}

.survey {
  background-color: white;
}

.survey-header h3 {
  font-weight: 500;
  text-align: center;
  color: black;
}

.arrow-directory {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;
  padding: 0.5rem;
}

.arrow-directory::after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  left: 5px;
  top: 6px;
}

/* Handys (Smartphones) */
@media only screen and (max-width: 767px) {
  p {
    font-size: 1.125rem;
  }

  .main-content {
    margin: 0 0 7rem 0;
  }

  .hausnotruf-infos-title-background {
    padding: 6rem 0 2rem 0;
    text-align: center;
  }

  .hausnotruf-size {
    margin: 0 5%;
  }

  .hausnotruf-directory {
    display: flex;
    align-items: center;
    min-width: 10rem;
    border-radius: 0.7rem;
    padding: 1rem;
    margin-top: 2rem;
    gap: 1rem;
  }

  .halsband-hausnotruf-big {
    display: none;
  }

  .hausnotruf-directory h2,
  h3 {
    margin: 1rem 0 1rem 1rem;
  }

  .halsband-hausnotruf-small {
    border-radius: 0.7rem;
    width: 300px;
    height: 199.8px;
    margin-top: 2rem;
  }

  .button-hausnotruf-vergleich {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .section-texts {
    display: block;
    margin-top: 1rem 0 0 100rem;
  }

  .section-texts h3 {
    padding: 0;
    margin: 2rem 0 2rem 0;
    font-size: 1.5rem;
  }
}

/* Tablets und Laptops */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main-content {
    margin: 0 0 7rem 0;
  }

  .hausnotruf-infos-title-background {
    padding: 3rem 0 3rem 0;
    text-align: center;
  }

  .hausnotruf-size {
    margin: 0 10%;
  }

  .hausnotruf-directory {
    display: flex;
    align-items: center;
    min-width: 50rem;
    border-radius: 0.7rem;
    padding: 1rem;
    margin-top: 2rem;
    gap: 3rem;
  }

  .halsband-hausnotruf-big {
    width: 400px;
    height: 266.4px;
    border-radius: 0.75rem;
  }

  .hausnotruf-directory h2,
  h3 {
    margin: 1rem 0 1rem 1rem;
  }

  .halsband-hausnotruf-small {
    display: none;
  }

  .section-texts {
    margin-top: 1rem;
  }

  .section-texts h3 {
    padding: 0;
    margin: 2rem 0 2rem 0;
  }

  .survey-container {
    margin: 1rem 2rem;
    padding: 0 0 2rem 0;
  }
}

/* Desktops */
@media only screen and (min-width: 1025px) {
  .main-content {
    /* display: block; */
    margin: 0 0 7rem 0;
  }

  .hausnotruf-infos-title-background {
    padding: 1.5625rem 0;
  }

  .hausnotruf-size {
    margin: 0 15%;
  }

  .hausnotruf-directory {
    display: flex;
    align-items: center;
    min-width: 75rem;
    border-radius: 0.7rem;
    padding: 1rem;
    margin-top: 2rem;
    gap: 20rem;
  }

  .hausnotruf-directory h2,
  h3 {
    margin: 1rem 0 1rem 1rem;
  }

  .halsband-hausnotruf-big {
    border-radius: 0.7rem;
    width: 500px;
    height: 333px;
  }

  .halsband-hausnotruf-small {
    display: none;
  }

  .section-texts {
    margin-top: 1rem;
  }

  .section-texts h3 {
    padding: 0;
    margin: 2rem 0 2rem 0;
  }

  .survey-container {
    margin: 1rem 2rem;
    padding: 0 0 2rem 0;
  }
}