strong {
  font-family: "TheSansB2-Black"; }

.container.cms_contentv2 {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1170px; }

p.titel {
  width: 100%;
  text-transform: uppercase;
  /*border-top:solid $BorderTop $ColorBlack;
  border-bottom:solid $BorderBottom $ColorBlack;
  */
  color: #000000;
  font-size: 32px;
  line-height: 40px;
  margin: 0px;
  text-align: center;
  font-family: "TheSansB2-Black";
  padding-bottom: 0px;
  padding-top: 5px;
  margin-bottom: 7px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  z-index: 9; }
  p.titel span {
    font-size: 45px; }
  p.titel:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #000000;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  p.titel:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -5px;
    background: #000000;
    height: 8px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  p.titel.ani:before, p.titel.ani:after {
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    left: 0%;
    right: 0; }

@-webkit-keyframes anibordertop {
  from {
    left: 50%;
    right: 50%; }
  to {
    left: 0px;
    right: 0px; } }
@keyframes anibordertop {
  from {
    left: 50%;
    right: 50%; }
  to {
    left: 0px;
    right: 0px; } }
a.knop {
  display: block;
  height: 54px;
  background-color: #b3a369;
  text-align: center;
  color: #FFF;
  line-height: 54px;
  font-size: 24px;
  font-family: "TheSansB2-Black"; }
a.hvr-sweep-to-right:before, a.hvr-shutter-out-horizontal:before {
  background-color: #000000; }

.owl-dot {
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: solid 3px #b3a369;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .owl-dot.active span {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: black;
    width: 13px;
    height: 13px;
    margin-left: 3px;
    margin-top: 3px; }
  .owl-dot:first-child {
    margin-left: 0px; }

.cookie_wrap {
  background: #f0f0f0;
  padding: 15px 0;
  text-align: center;
  color: #404040;
  font-size: 14px;
  line-height: 24px;
  display: none; }
  .cookie_wrap p {
    width: 80%; }
  .cookie_wrap a {
    font-size: 12px;
    text-decoration: none;
    color: #404040;
    white-space: nowrap;
    border-bottom: 0px solid #000000; }
  .cookie_wrap .cookie_close_btn {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer; }
  .cookie_wrap .container {
    position: relative;
    max-width: 1000px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.menumobtop {
  display: none; }

.menutop {
  float: left;
  height: 54px;
  width: 100%;
  z-index: 99991;
  background: #ececea;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ececea 50%, white 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ececea 50%, white 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ececea 50%, white 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececea', endColorstr='#FFFFFF',GradientType=1 );
  position: relative; }
  .menutop .menuholder {
    float: right;
    width: 100%;
    height: 54px; }
    .menutop .menuholder .menu {
      float: right;
      background: #ececea; }
      .menutop .menuholder .menu ul {
        float: right;
        list-style-type: none;
        margin: 0 auto; }
        .menutop .menuholder .menu ul li {
          display: inline-block;
          float: left;
          margin-right: 64px;
          height: 54px;
          line-height: 54px;
          text-transform: uppercase;
          position: relative;
          overflow: visible; }
          .menutop .menuholder .menu ul li a {
            font-family: "TheSansB2-Black";
            color: #000000;
            font-size: 16px;
            padding-top: 2px;
            position: relative;
            z-index: 9; }
            .menutop .menuholder .menu ul li a:before, .menutop .menuholder .menu ul li a:after {
              background: #000000;
              -webkit-transition-property: left, right;
              transition-property: left, right;
              -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out;
              content: "";
              position: absolute;
              z-index: -1;
              left: 50%;
              right: 50%;
              opacity: 0; }
            .menutop .menuholder .menu ul li a:before {
              top: 0px;
              height: 2px; }
            .menutop .menuholder .menu ul li a:after {
              bottom: -2px;
              height: 4px; }
            .menutop .menuholder .menu ul li a:hover:after, .menutop .menuholder .menu ul li a:hover:before {
              -webkit-transition-property: left, right;
              transition-property: left, right;
              -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out;
              left: 0%;
              right: 0;
              opacity: 1; }
          .menutop .menuholder .menu ul li i {
            display: none;
            background-image: url(../img/main/arr_down_blue.png);
            width: 14px;
            height: 12px;
            margin-left: 10px;
            transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s; }
          .menutop .menuholder .menu ul li ul {
            display: none;
            width: 250px;
            padding: 10px 28px;
            background-color: #b3a369;
            position: absolute;
            top: 47px;
            left: -28px;
            z-index: 99;
            text-align: left; }
            .menutop .menuholder .menu ul li ul li {
              width: 100%;
              float: left;
              line-height: 40px;
              height: auto;
              text-transform: none;
              margin-top: 0px; }
              .menutop .menuholder .menu ul li ul li a {
                color: #FFF;
                font-size: 16px;
                font-family: "TheSansB2-Light"; }
                .menutop .menuholder .menu ul li ul li a:hover:after, .menutop .menuholder .menu ul li ul li a:hover:before {
                  opacity: 0; }
                .menutop .menuholder .menu ul li ul li a:hover {
                  border-top: solid 0px #000000;
                  border-bottom: solid 0px #000000; }
          .menutop .menuholder .menu ul li:hover ul, .menutop .menuholder .menu ul li.open ul {
            display: block; }
    .menutop .menuholder .space {
      float: right;
      width: 140px;
      background-color: #FFF;
      height: 54px; }
  .menutop .tlholder {
    width: 67px;
    background-color: #ececea;
    height: 54px;
    line-height: 54px;
    right: 0px;
    position: absolute;
    z-index: 99;
    top: 0px;
    text-align: center;
    font-size: 14px;
    font-family: "TheSansB2-Black"; }
    .menutop .tlholder .item {
      float: left;
      width: 100%;
      height: 54px;
      cursor: pointer; }
      .menutop .tlholder .item i {
        display: inline-block;
        background-image: url(../img/main/arr_down.png);
        width: 13px;
        height: 9px;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s; }
      .menutop .tlholder .item.open i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s; }
    .menutop .tlholder .drop {
      position: absolute;
      top: 54px;
      width: 67px;
      background-color: #f5f5f5;
      display: none; }
      .menutop .tlholder .drop ul {
        width: 38px;
        margin: 0 auto; }
        .menutop .tlholder .drop ul li:last-child {
          border-top: solid 2px #b3a369;
          border-top: solid 2px #b3a369; }
      .menutop .tlholder .drop a {
        color: #000000; }
  .menutop .hamburger {
    display: none; }
  .menutop .social {
    float: right; }
    .menutop .social .item {
      float: left;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border: solid 3px #b3a369;
      height: 36px;
      width: 36px;
      margin-right: 15px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 9px;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      cursor: pointer; }
      .menutop .social .item i {
        display: block; }
        .menutop .social .item i svg {
          display: block;
          margin-top: 6px;
          margin-left: 6px;
          width: 18px;
          height: 18px;
          fill: #000000; }
          .menutop .social .item i svg path {
            fill: #000000; }
      .menutop .social .item:hover {
        background-color: #000000;
        border: solid 3px #000000;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s; }
        .menutop .social .item:hover i svg {
          fill: #FFF; }
          .menutop .social .item:hover i svg path {
            fill: #FFF; }

.header {
  position: relative;
  height: 706px;
  margin-top: 13px; }
  .header .container {
    position: relative;
    z-index: 1; }
  .header .logoslogan {
    float: left;
    width: calc(100% - 1100px);
    max-width: 499px;
    margin-right: 20px; }
    .header .logoslogan .logo {
      height: 329px;
      float: left;
      width: 100%; }
      .header .logoslogan .logo img {
        margin: 0 auto;
        margin-top: 65px; }
    .header .logoslogan .slogan {
      float: left;
      width: 100%;
      line-height: 50px;
      font-size: 40px;
      height: 114px;
      color: #b3a369;
      border-top: solid 3px #b3a369;
      border-bottom: solid 8px #b3a369;
      padding-top: 5px; }
  .header .slider {
    float: right;
    width: 940px;
    margin-right: 140px; }
    .header .slider img {
      position: relative; }
    .header .slider .owl-dots {
      position: absolute;
      height: 25px;
      right: 0px;
      bottom: -58px; }
    .header .slider .slidertxt {
      width: 466px;
      right: 0px;
      top: 330px;
      position: absolute;
      color: #000000;
      line-height: 32px;
      z-index: 899;
      overflow: hidden; }
      .header .slider .slidertxt .owl-dots {
        display: none; }
      .header .slider .slidertxt .item {
        width: 100%;
        min-height: 193px; }
      .header .slider .slidertxt .txt {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 100%; }
        .header .slider .slidertxt .txt p {
          padding: 25px 20px 25px 25px;
          background-color: #FFF;
          margin-bottom: 20px; }
      .header .slider .slidertxt a {
        display: block;
        height: 54px;
        width: 257px;
        margin: 0 auto;
        margin-top: -40px;
        background-color: #b3a369;
        text-align: center;
        color: #FFF;
        line-height: 54px;
        font-size: 24px;
        font-family: "TheSansB2-Black";
        text-transform: uppercase; }
    .header .slider .arr_slide_down {
      position: absolute;
      top: 672px;
      background-image: url(../img/main/arr_slide_down.png);
      width: 35px;
      height: 65px;
      right: 1055px;
      cursor: pointer; }
  .header .slogan_mob {
    display: none; }
  .header .navslider {
    float: left;
    width: 100%;
    height: 90px; }
  .header .bgcolor {
    background-color: #eae8e1;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 318px;
    z-index: 0; }
  .header.cms {
    height: 485px; }
    .header.cms .logoslogan .logo {
      height: 277px; }
      .header.cms .logoslogan .logo img {
        margin-top: 43px; }
    .header.cms .slider {
      width: 904px; }
      .header.cms .slider .item {
        background-position: center center;
        background-repeat: no-repeat; }
        .header.cms .slider .item img {
          opacity: 0px;
          height: 404px;
          opacity: 0; }
      .header.cms .slider .owl-dots {
        bottom: -47px; }
      .header.cms .slider .arr_slide_down {
        display: none; }
      .header.cms .slider .slidertxt {
        top: 104px; }
    .header.cms .bgcolor {
      height: 150px; }

.slide1 {
  min-height: 637px;
  margin-top: 66px; }
  .slide1 .container {
    position: relative; }
  .slide1 .afbeelding {
    margin: 0 auto;
    width: 978px;
    height: 637px;
    overflow: hidden;
    background-image: url(../img/main/slide1.jpg);
    background-position: center bottom; }
  .slide1 .pig {
    position: absolute;
    bottom: 0px;
    z-index: 999; }
  .slide1 .list {
    position: absolute;
    width: 430px;
    top: 100px;
    left: 0px;
    font-family: "TheSansB2-Black";
    color: #000000; }
    .slide1 .list ul {
      text-transform: uppercase;
      list-style-type: none;
      margin: 0;
      padding: 0px; }
      .slide1 .list ul li {
        float: left;
        width: 100%;
        height: 44px;
        margin-bottom: 50px;
        font-size: 35px;
        border-bottom: solid 4px #b8a266; }
  .slide1 .txt {
    position: absolute;
    right: 0px;
    top: 95px;
    width: 472px;
    color: #000000;
    padding: 19px 28px;
    background-color: #FFF; }
    .slide1 .txt p {
      border-top: solid 4px #1e1e1e;
      border-bottom: solid 8px #1e1e1e; }

.slide2 {
  height: 732px;
  margin-top: 130px; }
  .slide2 .col {
    float: left;
    width: 50%;
    height: 592px; }
    .slide2 .col.left {
      background-color: #f5f5f4;
      position: relative;
      height: 593px; }
    .slide2 .col.right {
      float: right; }
    .slide2 .col .txt {
      margin: 0 auto;
      text-align: center;
      width: 100%;
      max-width: 494px;
      padding-top: 49px;
      position: relative;
      z-index: 6; }
      .slide2 .col .txt p {
        padding-left: 14px;
        padding-right: 14px; }
        .slide2 .col .txt p.titel {
          padding-left: 0px;
          padding-right: 0px; }
      .slide2 .col .txt a.knop {
        margin-top: 80px;
        width: 100%;
        text-transform: uppercase; }
    .slide2 .col .schotel {
      background-image: url(../img/main/terrine_pate_grey.png);
      width: 313px;
      height: 272px;
      position: absolute;
      bottom: -90px;
      /*	@include pos_hor;*/
      z-index: 5;
      left: calc(50% - 156px); }
    .slide2 .col .carouselslide1 {
      float: left;
      width: 100%;
      height: 593px; }
      .slide2 .col .carouselslide1 .item {
        width: 100%;
        height: 593px;
        background-size: cover;
        background-position: center center; }
      .slide2 .col .carouselslide1 .owl-dots {
        display: table;
        height: 25px;
        margin: 0 auto;
        margin-top: 30px; }
  .slide2.slide3 {
    margin-top: 0px;
    height: 592px; }
    .slide2.slide3 .col.right {
      float: left; }
    .slide2.slide3 .col.left {
      float: right;
      background-color: #eae8e1; }
    .slide2.slide3 .col .ham {
      background-image: url(../img/main/ham_met_been_grey.png);
      width: 304px;
      height: 275px;
      position: absolute;
      bottom: -90px;
      /*@include pos_hor;*/
      left: calc(50% - 152px);
      z-index: 5; }

.slide4 {
  padding-top: 156px;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f5f5f4 50%, white 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f5f5f4 50%, white 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f5f5f4 50%, white 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f4', endColorstr='#FFFFFF',GradientType=1 ); }
  .slide4 .col {
    float: left;
    width: 50%; }
    .slide4 .col.left .holder {
      float: right;
      width: 100%;
      max-width: 516px;
      height: 815px; }
    .slide4 .col.right {
      position: relative; }
      .slide4 .col.right .holder {
        float: left;
        width: 100%;
        background-size: cover;
        background-position: right center;
        height: 815px; }
      .slide4 .col.right .holder_mob {
        display: none; }
      .slide4 .col.right .txt {
        position: absolute;
        top: 177px;
        left: -73px;
        width: 614px;
        height: 488px;
        background-color: #FFF;
        padding: 61px 51px 57px 51px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center; }
        .slide4 .col.right .txt p.titel {
          margin-bottom: 20px; }
        .slide4 .col.right .txt a {
          margin-top: 55px;
          text-transform: uppercase; }

.contact {
  height: 388px;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f5f5f4 50%, white 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f5f5f4 50%, white 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f5f5f4 50%, white 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f4', endColorstr='#FFFFFF',GradientType=1 ); }
  .contact .col {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 18px;
    color: #6a6868;
    position: relative; }
  .contact .slager {
    position: absolute;
    left: 0px;
    bottom: -40px;
    background-image: url(../img/main/slager_gold.png);
    width: 221px;
    height: 618px; }
  .contact .adressen {
    float: right;
    width: 100%;
    max-width: 516px;
    margin-top: 68px;
    text-align: left; }
    .contact .adressen .adr {
      float: left;
      width: 50%; }
      .contact .adressen .adr span {
        font-size: 14px; }
    .contact .adressen a {
      color: #6a6868; }
      .contact .adressen a:hover {
        color: #6a6868; }
  .contact .adr.prof {
    margin: 0 auto;
    display: inline-block;
    margin-top: 68px; }
  .contact .adr p {
    font-family: "TheSansB2-Black";
    margin-bottom: 60px;
    line-height: 18px;
    text-transform: uppercase; }

.footer {
  height: 150px; }
  .footer .container {
    border-top: solid 4px #b8a266;
    position: relative; }
  .footer .logo {
    float: left;
    margin-top: 34px; }
    .footer .logo img {
      float: left; }
      .footer .logo img:nth-child(2) {
        margin-right: 12px;
        margin-left: 9px; }
  .footer .copy {
    float: right;
    margin-top: 37px; }
  .footer .slager {
    position: absolute;
    left: 0px;
    bottom: 32px;
    background-image: url(../img/main/slager_gold.png);
    width: 151px;
    height: 422px;
    background-size: 100%; }
  .footer .varken {
    position: absolute;
    right: 0px;
    bottom: 32px;
    background-image: url(../img/main/varken_gold.png);
    width: 423px;
    height: 210px;
    background-size: 100%; }