#mainNav {
  padding: 0;
}

.navbar {
  display: flex;
  justify-content: center;
}

.ul--menu--layout {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 3rem 0;
}

@media (min-width: 1200px) {
  .ul--menu--layout {
    flex-direction: row;
    justify-content: center;
    padding-top: 0;
    height: 70px;
    margin-top: 55px;
  }
}

.ul--menu--layout li {
  padding: 15px 0;
}

.ul--menu--layout li a {
  text-decoration: none;
}

.link-1, .link-2, .link-3, .link-4 {
  transition: 0.6s ease;
  color: var(--mr-color--second);
  font-weight: 400;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .link-1, .link-2, .link-3, .link-4 {
    border-top: 60px solid var(--mr-color--bgheader);
    border-bottom: 4px solid var(--mr-color--bgheader);
    padding-top: 70px;
    padding-bottom: 15px;
    margin: 0 20px;
  }
}

@media (max-width: 1199px) {
  .link-0 {
    border-bottom: 2px solid var(--mr-modalbox--bg--neutral);
  }
}

@media (max-width: 1199px) {
  .link-1 {
    border-bottom: 2px solid var(--mr-bg--naturkraft);
  }
}

@media (max-width: 1199px) {
  .link-2 {
    border-bottom: 2px solid var(--mr-bg--angebot);
  }
}

@media (max-width: 1199px) {
  .link-3 {
    border-bottom: 2px solid var(--mr-bg--uebermich);
  }
}

@media (max-width: 1199px) {
  .link-4 {
    border-bottom: 2px solid var(--mr-bg--kontakt);
  }
}

@media (min-width: 1200px) {
  .color-naturkraft .link-1, .link-1:hover, .link-1--active {
    border-top: 60px solid var(--mr-bg--naturkraft);
    border-bottom: 2px solid var(--mr-bg--naturkraft);
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .color-angebot .link-2, .link-2:hover, .color-angebot .link-2--active {
    border-top: 60px solid var(--mr-bg--angebot);
    border-bottom: 2px solid var(--mr-bg--angebot);
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .color-uebermich .link-3, .link-3:hover, .color-uebermich.link-3--active {
    border-top: 60px solid var(--mr-bg--uebermich);
    border-bottom: 2px solid var(--mr-bg--uebermich);
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .color-kontakt .link-4, .link-4:hover, .color-kontakt.link-4--active {
    border-top: 60px solid var(--mr-bg--kontakt);
    border-bottom: 2px solid var(--mr-bg--kontakt);
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

/* Mobile */

/* menu icon */

.navbar-toggler {
  font-size: 2.5rem;
  border: none !important;
}

.navbar-toggler:focus {
  box-shadow: none;
  border: none !important;
}

#btn--toogle {
  margin-right: 35px;
  display: block;
}

@media (min-width: 576px) {
  #btn--toogle {
    margin-right: 85px;
  }
}