* {
  box-sizing: border-box;
}
.active {
  background-color: transparent !important;
}
.active .box {
  color: black !important;
}
.top-navbar {
  z-index: 999999;
  height: 60px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  background-color: #fac9c4 !important;
}
.top-navbar .collapse-visible {
  display: none;
}
.top-navbar .collapsing .collapse-visible,
.top-navbar .in .collapse-visible {
  display: inherit !important;
}
.top-navbar .top-navbar-menu {
  background-color: #fac9c4 !important;
  border-color: #ef5b7b !important;
}
.top-navbar .navbar-header {
  height: 60px;
}
.top-navbar .navbar-header .navbar-toggle {
  border-color: #ef5b7b;
  background-color: transparent;
}
.top-navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #ef5b7b;
}
.top-navbar a {
  padding-left: 20px !important;
  padding-right: 20px !important;
  color: black !important;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
}
.top-navbar a:hover {
  color: #ef5b7b !important;
}
.top-navbar .active a {
  background-color: transparent !important;
  color: #ef5b7b !important;
}
.top-navbar .search-form {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
}
.top-navbar .search-form .search-text {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  border: none;
  display: none;
  outline: none;
}
.top-navbar .search-form .search-text:focus ~ .search-button {
  color: #ef5b7b;
  transition: color 0.1s;
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
}
.top-navbar .search-form .search-button {
  padding-left: 20px;
  padding-right: 20px;
  height: 60px;
  top: 0;
  line-height: 60px;
  font-size: 18px;
}
.top-navbar .telephone {
  font-weight: normal;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 60px !important;
}
.website-nav {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: white;
  background-color: transparent !important;
}
.website-nav .company-title {
  z-index: -1;
  margin-top: -5px;
  font-family: Garamond, serif;
  font-size: 40px;
  line-height: 60px;
  margin-left: 15px;
  margin-right: 0 !important;
}
.website-nav .copyright {
  font-size: 10px !important;
  vertical-align: text-top;
  line-height: 25px !important;
}
.website-nav .links {
  margin: 0 !important;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.website-nav .links .active a {
  background-color: transparent !important;
  color: #ef5b7b !important;
}
.website-nav .links li {
  padding: 0 0;
}
.website-nav .links li a {
  color: white !important;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
}
.website-nav .links li a:hover {
  color: black !important;
}
.website-nav .box {
  margin-top: -10px;
  background-color: #ef5b7b;
  padding: 10px 20px;
}
.nav-item {
  padding: 0 !important;
}
.nav-item a,
.nav-item ul > li > span {
  height: 60px !important;
  line-height: 30px !important;
}
.center-span {
  left: 0;
  display: table;
  width: 100%;
}
.center-span span {
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  .nav-item {
    margin-top: 0;
    margin-bottom: 0;
    height: auto !important;
    line-height: 0 !important;
  }
  .telephone {
    position: relative;
    padding-bottom: 20px !important;
  }
  .company-title {
    font-size: 8vw !important;
  }
  .search-text {
    display: block !important;
    max-width: calc(60vw);
  }
  .search-button {
    background-color: white !important;
    color: #ef5b7b;
  }
  .search-form {
    padding-left: 20px;
    margin-bottom: 100px;
  }
}
.no-link-style {
  color: inherit !important;
  text-decoration: none !important;
}
.no-padding {
  padding: 0 !important;
}
.no-border {
  border: none !important;
}
.no-margin {
  margin: 0 !important;
}
.website-nav .header-picture {
  min-height: 400px;
  padding-top: 20px;
  background: url(../images/honeymoonshop-binnen_origin.jpg) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.header-centered-text {
  margin-top: 15vmin;
}
.behind-text {
  position: absolute;
  font-size: 7vw;
  opacity: 0.5;
  font-family: 'Pacifico', cursive;
}
.in-front-text {
  font-family: "Open Sans", sans-serif;
  font-size: 2.5vw;
}
.in-front-text .first-line {
  font-weight: 700;
  font-family: 'Alegreya Sans', sans-serif;
}
@media all and (max-width: 767px) {
  .behind-text {
    font-size: 14vw;
  }
  .in-front-text {
    font-size: 5vw !important;
  }
}
@media all and (max-width: 991px) {
  .bruid {
    margin-right: 0 !important;
  }
}
.header-centered-buttons {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-top: 50px;
  letter-spacing: 2px;
}
.header-centered-buttons .bruid {
  margin-right: 10px;
  background-color: #ef5b7b;
  border: 3px solid #ef5b7b;
  margin-bottom: 10px;
}
.header-centered-buttons .bruidegom {
  border: 3px solid white;
}
.header-centered-buttons div {
  padding: 14px;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
}
.header-centered-buttons div:hover {
  color: black !important;
}
.header-scroll {
  margin-top: 14.5vmin;
  font-family: 'Alegreya Sans', sans-serif;
  bottom: 0;
}
.header-scroll a {
  padding: 0 50px;
}