/* Philosophie */

.NW {
  text-align: center;
}

.NwBild {
  /* width: 30%; */
  height: 70vh;
  float: right;
  margin-right: 5%;
  margin-left: -8%;
  margin-top: 5%;
}

/* Text */

.NwText {
  margin-top: 10%;
  text-align: left;
  margin-left: 10%;
  margin-right: 10%;
  float: left;
  font-family: Modulus;
  font-weight: bold;
  font-size: 110%;
}

@media only screen and (max-width: 1800px) {
  /* .NwBild {
    width: 15%;
    float: right;
    margin-right: 4%;
    margin-left: -8%;
    margin-top: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 4%;
    float: left;
    font-family: Modulus;
    font-weight: bold;
    font-size: 60%;
  } */
}

@media only screen and (max-width: 1453px) {
  /* .NwBild {
    width: 35%;
    float: right;
    margin-right: 4%;
    margin-left: -8%;
    margin-top: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 4%;
    float: left;
    font-family: Modulus;
    font-weight: bold;
    font-size: 85%;
  } */
}

@media only screen and (max-width: 1024px) {
  /* .NwBild {
    width: 40%;
    float: right;
    margin-right: 28%;
    margin-left: 5%;
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 5%;
    float: left;
    font-family: Modulus;
    font-weight: bold;
    font-size: 100%;
  } */
}

@media only screen and (max-width: 768px) {
  /* .NwBild {
    width: 40%;
    margin-right: 27%;
    margin-left: 25%;
    margin-top: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 5%;
    font-family: Modulus;
    font-weight: bold;
    font-size: 80%;
  } */
}

@media only screen and (max-width: 450px) {
  /* .NwBild {
    width: 40%;
    margin-right: 27%;
    margin-left: 25%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 5%;
    font-family: Modulus;
    font-weight: bold;
    font-size: 70%;
  } */
  footer {
    margin-top: 3.5%;
    background: black;
    color: white;
    font-family: Modulus;
    font-size: 70%;
  }
}

@media only screen and (max-width: 320px) {
  /* .NwBild {
    width: 40%;
    margin-right: 27%;
    margin-left: 25%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 5%;
    font-family: Modulus;
    font-weight: bold;
    font-size: 70%;
  } */
  footer {
    margin-top: 3.5%;
    background: black;
    color: white;
    font-family: Modulus;
    font-size: 60%;
  }
}

@media only screen and (max-width: 280px) {
  /* .NwBild {
    width: 40%;
    margin-right: 27%;
    margin-left: 25%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  .NwText {
    margin-top: 10%;
    text-align: left;
    margin-left: 5%;
    font-family: Modulus;
    font-weight: bold;
    font-size: 60%;
  } */
  footer {
    margin-top: 3.5%;
    background: black;
    color: white;
    font-family: Modulus;
    font-size: 50%;
  }
}