@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1400px;
  }
}
h1, h2, h3, h4 {
  text-transform: uppercase;
  font-weight: bold;
}

h1 {
  font-size: 1.3em;
  color: #7BA12A;
}

nav.navbar {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1em;
}

nav.navbar .navbar-nav a.nav-link {
  color: #fff;
}

footer {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  font-size: 0.9em;
  padding-bottom: 10px;
}

footer a {
  color: #fff;
}

.farbverlauf-top {
  width: 0;
  height: 0;
  background: #7BA12A;
  border-left: 100vw solid transparent;
  border-bottom: 20px solid #fff;
}

.farbverlauf-bottom {
  width: 0;
  height: 0;
  background: #fff;
  border-left: 100vw solid transparent;
  border-bottom: 20px solid #7BA12A;
  margin-bottom: 15px;
}

#app {
  position: relative;
  min-height: 100vh;
}

main .container {
  padding-bottom: 200px;
}

a.active, .navbar-dark.bg-dark .nav-item.active a {
  color: #efb73e;
}

.btn-primary, .btn-success, .btn-info, .btn-danger, .btn-secondary, .btn-warning {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:active, .btn-primary.active {
  color: #495057;
  background-color: #7BA12A;
  border-color: #7BA12A;
}

.btn-primary:focus, .btn-primary.focus {
  color: #ced4da;
}

.btn-primary:hover {
  color: #aea79f;
}

.btn-lg {
  font-size: 1.1em;
}

.btn-sm {
  font-size: 0.8em;
}

.card-header {
  background-color: #efb73e;
  border: none;
}

.card-footer {
  border: none;
  float: right;
}

.card-header .btn-link {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}

.card {
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
}

.diet-day, .diet-title {
  margin: 3px;
  background-color: #e9ecef;
  padding: 5px 8px 15px 8px !important;
  font-size: 0.9em;
}

.diet-day-empty {
  margin: 0 3px;
  padding: 0;
  background-color: #fff;
}

.diet-title h3 {
  font-size: 1em;
  font-weight: bolder;
  color: #7BA12A;
  margin-top: 10px;
}

div.portionsgroesse {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  color: #F1B915;
}

.portionsgroesse.ordered {
  color: #38b44a;
}

div.speise-header {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  color: #F1B915;
  margin-top: 10px;
}

div.allergene {
  font-size: 0.8em;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

div.diet-footer {
  position: absolute;
  bottom: 5px;
  left: -5px;
  width: 100%;
}

a.diet-stornieren {
  text-transform: uppercase;
  font-weight: bold;
  color: #df382c;
  float: right;
  font-size: 1em;
}

#accordionDietWeeks .card-footer {
  background-color: #fff;
}

#accordionDietWeeks .btn {
  padding: 0.2rem 0.2rem;
}

.btn-bestellung {
  background-color: #7BA12A;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

div.smile {
  background-color: #F1B915;
  color: #fff;
  padding: 0px 5px !important;
  width: 32%;
}