.membership {

  height: fit-content;

  padding: 10px;

  position: relative;

  margin-bottom: 20px;

  padding: 0;

  border: 1px solid rgba(0, 0, 0, 0.3);

  box-shadow: 4px 5px 3px rgba(0, 0, 0, 0.3);

  cursor: pointer;

}



.membership-Title {

  font-size: 22px;

  font-weight: 700;

  text-align: center;

  padding-bottom: 5px;

  margin: 10px;

  margin-top: 0;

  border-bottom: 1px solid black;

}



.membership-Image {

  padding-bottom: 5px;

  margin: 10px;

}



.membership-Preis {

  font-size: 20px;

  font-weight: 700;

  margin: 0;

}



.membership-Preis-Div {

  display: flex;

  float: left;

  margin-right: auto;

  padding-left: 10px;

}



.membership-Footer-Div {

  display: flex;

  justify-content: right;

  margin-right: 10px;

  margin-bottom: 10px;

}



.membership-Preis-Period {

  font-size: 12px;

  margin: 0;

  padding-top: 8px;

  padding-left: 5px;

}



.membership-Image-Img {

  width: -webkit-fill-available;

  height: 200px;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}



.btn {

  display: flex;

}



.membership-all-memberships {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.alert-danger {

  border: none !important;

}



.inPossession-p {

  margin-top: 6px !important;

  margin-bottom: 0 !important;



}