:root {
    --mc-white: #ffffff;
    --mc-black: #141414;
    --mc-grey: #676767;
    --mc-softwhite: #ececec;
    --mc-yellow: #ffde00;
}

.burger-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--mc-softwhite);
  z-index: 9999;
  color: var(--mc-black);
  transition: transform 0.5s ease;
  transform: translateY(-110%);
  display: flex;
  flex-direction: column;
}

.open-menu {
  transform: translateY(0);
}

.burger-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}


.burger-brand-name {
    color: var(--mc-black);
}

.burger-item {
    color: var(--mc-black);
}

.menu {
    padding: 30px 50px 70px 50px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

.hoofd-menu {
    flex: 1;
}

.anti-socials .social-bowl {
    background-color: none;
}

.menlinks {
    font-size: 100px; font-size: 10rem;
    line-height: 100px; line-height: 10rem;
    font-weight: 700;
    width: 85%;
    border-radius: 9999px;
    padding: 10px 30px;
    transition: 0.5s;
}

.menlinks a {
    color: var(--mc-black);
    position: relative;
    display: flex; /* of flex als je inhoud netjes wil centreren */
    width: 100%;
    height: 100%;
}

.menlinks:hover {
    background-color: var(--mc-yellow);
    cursor: pointer;
    transition: 0.5s;

}

/* .menlinks a:hover::before {
    content: "\2197";
    position: relative;
    font-size: 0px;
    line-height: normal;
    transition: 0.5s;
    line-height: 1;
}

.menlinks a:hover::before {
    font-size: 20px;
    transition: 0.5s;
} */

.burger-content .navbar .mat-for-bus a{
    color: var(--mc-black) !important;
}

.close-burger {
    font-size: 40px;
}

.close-burger:hover {
    cursor: pointer;
}