html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
.carousel-inner img {
    margin: auto;
}
.ownfont{
    font-family: 'Open Sans Condensed', sans-serif;
}
.carousel-item{
    height: 300px;
    }
.carousel-inner .carousel-item img {
    position:relative;
    top:40%;
    transform: translateY(-50%);
}
.contentvlak{
    padding-top: 50px;
    padding-bottom: 50px;
}
.kop1{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 700;
}
.kop2{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
}
.kop3{
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
}
.kop4{
    padding-left: 30px;

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 100;
}
.kop5{
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 100;
}
.kop5 a:link, .kop5 a:visited, .kop5 a:hover, .kop5 a:active {
    color: rgb(152,104,40);
    text-decoration: none;
}
.kop6{
    padding-left: 10px;
    padding-right: 50px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}
.kop7{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
}
.kop7 a:link, .kop7 a:visited, .kop7 a:hover, .kop7 a:active {
    color: rgb(152,104,40);
    text-decoration: none;
}
.kop8{
    margin-top: -100px;
}
.tekst{
    padding-left: 130px;
    padding-right: 130px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 15px;
    font-weight: 100;
}
.tfooter{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 50px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}
.tekst a:link, .tekst a:visited, .tekst a:hover, .tekst a:active {
    color: rgb(152,104,40);
    text-decoration: none;
}
.tfooter a:link, .tfooter a:visited, .tfooter a:hover, .tfooter a:active {
    color: rgb(152,104,40);
    text-decoration: none;
}
.no-padding{
    padding-right: 0;
    padding-left: 0;
}
.no-margin{
    margin-left: 0px;
    margin-right: 0px;
}
.bgb{
    background-color: black;
}
.bgw{
    background-color: white;
}
.bgstars{
    background-image: url(../img/stars.gif);
    background-repeat: no-repeat;
}
.twhite{
    color: white;
}
.tblack{
    color: black;
}
.tgold{
    color: rgb(152,104,40);
}
.imgborder{
    border: 2px solid rgb(152,104,40);
}
.goldenborder{
    border-style: solid;
    border-color: rgb(152,104,40);
    border-width: medium;
    padding: 10px;
    margin: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.custom-toggler.navbar-toggler {
    border-color: rgb(152,104,40);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(152,104,40, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar{
    background-color: black;
}
body.home.bgb a.nav-link.home,
body.menukaart.bgb a.nav-link.menukaart,
body.zaal.bgb a.nav-link.zaal,
body.cadeaubon.bgb a.nav-link.cadeaubon,
body.seizoensfolder.bgb a.nav-link.seizoensfolder,
body.bedrijfsevents.bgb a.nav-link.bedrijfsevents,
body.afhaalenlevering.bgb a.nav-link.afhaalenlevering,
body.communiefeesten.bgb a.nav-link.communiefeesten,
body.evenementenentrouwfeesten.bgb a.nav-link.evenementenentrouwfeesten,
body.vacatures.bgb a.nav-link.vacatures,
body.restaurant.bgb a.nav-link.restaurant,
body.catering.bgb a.nav-link.catering,
body.contact.bgb a.nav-link.contact{
    color: white;
}
.logo{
    margin-bottom: 15px;
}
.nieuwsbrief{
    max-width: 750px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
.btn-gold{
    background-color: rgb(152,104,40); 
    border: none;
    color: white;
    cursor: pointer;
}
.btn-gold:hover{
    background-color: rgb(205,145,65);
    color: white;
}
.bg-info{
    background-color: rgb(230,199,159)!important;
}
.bg-warning{
    background-color: rgb(230,199,159)!important;
}

b, strong{
    font-weight: 700;
}
.socialmedia{
    font-size: 25px;
}
.socialmedia a:link, .socialmedia a:visited, .socialmedia a:hover, .socialmedia a:active {
    color: black;
    text-decoration: none;
}
.block {
    text-align: center;
    vertical-align: middle;
}
.circle {
    background: rgb(152,104,40);
    border-radius: 50px;
    height: 50px;
    font-weight: bold;
    width: 50px;
    display: table;
    margin: 20px auto;
}
.circle p {
    vertical-align: middle;
    display: table-cell;
}
img.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  width: 100%;
  padding-right: 50px;
}
.folderfront img{
    display: block;
    margin: auto;
}
@media (min-width: 992px) { 
    .carousel-item{
        height: 500px;
    }
    .kop1{
        padding-left: 125px;
        padding-right: 125px;
        margin-top: 50px;
    }
    .kop2{
        padding-left: 130px;
        padding-right: 130px;
    }
    .kop3{
        padding-left: 150px;
        padding-right: 150px;
    }
    .kop4{
        padding-left: 140px;
    }
    .kop5{
        padding-left: 150px;
        padding-right: 150px;
    }
    .kop6{
        padding-left: 10px;
        padding-right: 10px;
        font-weight: 700;
    }
    .kop7{
        font-size: 30px;
    }
}
@media (max-width: 992px) { 
    .kop8{
    margin-top: 20px;
    }
    .tekst{
    padding-left: 30px;
    padding-right: 30px;
    }
}
.navspot{
    text-decoration: underline !important;
    text-decoration-color: rgb(152,104,40) !important;
}
.navextraspot{
    background-color: rgb(152,104,40) !important;
    padding: 5px;
}