#wrapper-navbar{
position: absolute;
width: 100%;
top: 0;
z-index: 3;
}
.navbar {
background-color: transparent !important;
padding: 0px !important;
z-index: 0;
position: relative;
}
.tekst--menu--links {
position: absolute;
left: 10%;
width: 25%;
display: block;
text-align: left;
font-size: 1.2vw;
font-weight: 300;
}
.tekst--menu--links h3{
font-size: 1.5vw;
font-weight: 700;
}
.menu--stempel {
right: 15%;
position: absolute;
}
ul#main-menu {
top: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
left: 50%;
display: flex;
width: 70%;
justify-content: space-around;	
}
.nav-link{
color:#454545 !important;
font-family: "Playfair Display", serif;
font-size: 3vw;
text-transform:uppercase;
margin-bottom: 2rem;
font-weight: 400;
transition: 3s all;
position: relative;
}
.nav-link:after{
content: " ";
height: 5px;
width: calc(100% - 30px);
position: absolute;
top: 0;
left: 15px;
right: 0;
background: #fff;
color: #fff !important;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
}
.nav-link:hover{
text-decoration:underline;
text-underline-offset: 15px;
}
.nav-link:hover:after{
opacity: 1;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.logo {
top: 50px;
left: 5%;
transform: translateY(-50%);
position: absolute;
z-index: 10;
}
.maak--het--wit{
position: fixed;
}
.maak--het--wit svg {
fill:#000;
}
.maak--het--wit svg path{
fill:#fff;
}
path { transition: fill 1.5s ease; }
.menu--push--back {
right: -400px;
}
.hamburger.is-active{
position: fixed;
}
.hamburger.is-active:hover, .hamburger:hover {
opacity: .9 !important;
}
button.hamburger {
position: fixed;
right: 5%;
top: 0px;
padding: 0px;
width: 60px;
height: 60px;
z-index: 5;
}
button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
.collapse {
background-color: #fff;
padding: 40px 0;
overflow: hidden;
visibility: hidden;
transition: all 0.5s ease;
position: fixed;
right: -100% ;
width: 100%;
top: 0;
bottom: 0;
display: block !important;
}
.menu--bruges--push {
right: 0px !important;
visibility: visible;
height: 100%;
}
.menu--onderaan {
display: flex;
bottom: 30px;
position: fixed;
justify-content: space-between;
width: 90%;
margin-left: 5%;
margin-right:5%;
padding-top:15px;
color: #454545;
border-top:1px solid #454545;
font-size:1rem;
}
.menu--onderaan a{
color: #454545;
font-size:1rem;
} .bg-primary {
background-color: #fff;
}
.img-fluid {
width: 400;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 60px;
height: 2px !important;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 0px !important;
background-color: #454545 !important;
}
.hamburger-inner{
background:#454545  !important;
}
.hamburger-inner:before{
background-color: transparent !important;
}
.hamburger-inner:after{
background-color: #454545 !important;
}
.hamburger-box{
height:auto !important;
}
@media (max-width: 811px){
.blok--openingsuren {
bottom: 20px !important;
transform: translateX(-50%) translateY(0px) !important;
}
.img-fluid {
width: 220px;
}
.logo {
left: 25px;
}
iframe{
height: 400px;
}
.nav-link {
font-family: "Playfair Display", serif;
font-size: 2rem;
margin-bottom: 2rem;
font-weight: 400;
transition: 1s all;
position: relative;
text-align: center;
}
.nav-link:after {
content: " ";
height: 5px;
width: 100%;
top: 0;
left: 0;
right: 0;
}	
button.hamburger {
position: fixed;
right: 0px;
top: 0px;
padding: 0px;
width: 100px;
height: 100px;
z-index: 5;
}
.navbar-brand {
margin-right: 0rem !important; 
}
.margin--top--small--2{
margin-top: 2rem;
}
.collapse{
right: -100%;
width: 100%;
top: 0;
bottom: 0;
display: block !important;
}
.menu--bruges--push {
right: 0;
}
.menu--push--back {
right: -400px;
}
.menu--onderaan{
flex-direction:column-reverse;
align-items:center;
}
}