@import url("./article.css");
@import url("./articles.css");
@import url("./buttons.css");
@import url("./cartandorder.css");

html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.navbar {
  height: 120px;
}

.navbar.smallnav {
  height: 80px;
}

main {
  padding-top: 120px;
  flex: 1;
}

.btn-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.form-check-input:checked {
  background-color: #f8b01a; /* Ändere die Farbe hier zu deiner gewünschten Farbe */
  border-color: #dee2e6; /* Ändere die Farbe hier zu deiner gewünschten Farbe */
}

.favorite i {
  transition: transform 1s ease !important;
}

.favorite:hover i {
  transform: scale(1.5) !important;
}

.bi.bi-star-fill,
.bi.bi-star {
  cursor: pointer;
}

#userAccount .card-titel,
#userAccount .card-text .firstName,
#userAccount .card-text .lastName,
#userContact .card-text .eMail {
  display: none;
}