.btn.btn-red{background:#bf204a;border:1px solid #bf204a;color:#fff;font-style:normal}
.btn-map,.btn-sms{min-width:auto;padding:5px 10px 3px}
.btn-map{margin-bottom:10px}
.btn-map:before{display:inline-block;content:'';width:20px;height:31px;margin-right:5px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41IiBoZWlnaHQ9IjI3LjIyNSIgdmlld0JveD0iMCAwIDIwLjUgMjcuMjI1Ij4NCiAgPGcgaWQ9Imljb25fbWFwLXBpbi1wb2ludF93aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjc1IDAuMjUpIj4NCiAgICA8cGF0aCBpZD0iUGF0aF81NDEiIGRhdGEtbmFtZT0iUGF0aCA1NDEiIGQ9Ik0yMiwwQTEwLjAxMSwxMC4wMTEsMCwwLDAsMTIsMTBjMCw5LjAzLDguNTk0LDE2LjAwOSw4Ljk1OCwxNi4zYTEuNjcsMS42NywwLDAsMCwyLjA4MywwQzIzLjQwNiwyNi4wMDksMzIsMTkuMDMsMzIsMTBBMTAuMDExLDEwLjAxMSwwLDAsMCwyMiwwWm0wLDIyLjc2NEMxOS44OTQsMjAuNzUyLDE1LjMzMywxNS43MzIsMTUuMzMzLDEwYTYuNjY3LDYuNjY3LDAsMSwxLDEzLjMzMywwQzI4LjY2NywxNS43MzIsMjQuMTA2LDIwLjc1MiwyMiwyMi43NjRaIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNiZjIwNGEiIHN0cm9rZS13aWR0aD0iMC41Ii8+DQogICAgPHBhdGggaWQ9IlBhdGhfNTQyIiBkYXRhLW5hbWU9IlBhdGggNTQyIiBkPSJNMzguNjY3LDI0YTIuNjY3LDIuNjY3LDAsMSwwLDIuNjY3LDIuNjY3QTIuNjY3LDIuNjY3LDAsMCwwLDM4LjY2NywyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi42NjcgLTE2Ljg4OSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2JmMjA0YSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') no-repeat center;background-size:contain;vertical-align:middle}
.btn-sms:before{display:inline-block;content:'';width:36px;height:31px;margin-right:5px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy40MjkiIGhlaWdodD0iMzMuMDMiIHZpZXdCb3g9IjAgMCAzNy40MjkgMzMuMDMiPg0KICA8ZyBpZD0iaWNvbl9hbGVydC1zbXNfd2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPg0KICAgIDxwYXRoIGlkPSJjbG91ZCIgZD0iTTE3LjcxNCw2QzcuOTQ3LDYsMCwxMS45NiwwLDE5LjI4NmMwLDQuODM3LDMuMzU0LDkuMTMyLDguODU3LDExLjQ4N3Y0LjAxM2EyLjIxMywyLjIxMywwLDAsMCwzLjIyLDEuOTcybDguNjgtNC40MjJjOC41MjYtMS4wOTQsMTQuNjcyLTYuNTM1LDE0LjY3Mi0xMy4wNUMzNS40MjksMTEuOTYsMjcuNDgyLDYsMTcuNzE0LDZabTIuMTQzLDIxLjk4M2EyLjIzNCwyLjIzNCwwLDAsMC0uNzYxLjIyOWwtNS44MSwyLjk2VjI5LjI1YTIuMjEzLDIuMjEzLDAsMCwwLTEuNS0yLjFjLTQuNDctMS41MjUtNy4zNTctNC42MTItNy4zNTctNy44NjksMC00LjgsNi4wODUtOC44NTcsMTMuMjg2LTguODU3UzMxLDE0LjQ4NSwzMSwxOS4yODZDMzEsMjMuNTM5LDI2LjIxLDI3LjI3OCwxOS44NTcsMjcuOTgzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNikiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2JmMjA0YSIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPHBhdGggaWQ9InNtcyIgZD0iTTMuOTI2LTEuNTc5YS41OTIuNTkyLDAsMCwwLS4yODctLjUzMiwzLjA1NiwzLjA1NiwwLDAsMC0uOTUzLS4zMjIsNC45LDQuOSwwLDAsMS0xLjExMi0uMzU0QTEuNDg0LDEuNDg0LDAsMCwxLC42LTQuMTU3LDEuNTQ3LDEuNTQ3LDAsMCwxLDEuMjMtNS40MTRhMi41MDYsMi41MDYsMCwwLDEsMS42MTEtLjVBMi42MDcsMi42MDcsMCwwLDEsNC41MjUtNS40YTEuNjM2LDEuNjM2LDAsMCwxLC42NDIsMS4zMzdIMy44NjJhLjguOCwwLDAsMC0uMjc5LS42MjYsMS4wNywxLjA3LDAsMCwwLS43NDEtLjI1LDEuMTU3LDEuMTU3LDAsMCwwLS43LjIuNjI3LjYyNywwLDAsMC0uMjcxLjUzMi41MjkuNTI5LDAsMCwwLC4yNTIuNDY3LDMuNDcxLDMuNDcxLDAsMCwwLDEuMDIxLjMzNiw0LjgzMSw0LjgzMSwwLDAsMSwxLjIwNi40QTEuNzA3LDEuNzA3LDAsMCwxLDUtMi40NDRhMS40MzEsMS40MzEsMCwwLDEsLjIxMi43OTUsMS41MTQsMS41MTQsMCwwLDEtLjY1LDEuMjcsMi43NzEsMi43NzEsMCwwLDEtMS43LjQ4NkEzLjAwNSwzLjAwNSwwLDAsMSwxLjU4NC0uMTVhMi4xLDIuMSwwLDAsMS0uODctLjcwOUExLjY3OCwxLjY3OCwwLDAsMSwuNC0xLjgzMkgxLjY3YS45Mi45MiwwLDAsMCwuMzQ5LjcxMiwxLjM1NywxLjM1NywwLDAsMCwuODU0LjI1LDEuMzIsMS4zMiwwLDAsMCwuNzg0LS4yQS42MDcuNjA3LDAsMCwwLDMuOTI2LTEuNTc5Wk03LjU3My01LjgxMmwuMDM4LjYwN2EyLjA5MSwyLjA5MSwwLDAsMSwxLjY3Ni0uNzE0LDEuNjA3LDEuNjA3LDAsMCwxLDEuNi44OTIsMi4wNjEsMi4wNjEsMCwwLDEsMS43ODMtLjg5MiwxLjgxMiwxLjgxMiwwLDAsMSwxLjQzMS41MzIsMi4zNDEsMi4zNDEsMCwwLDEsLjQ4MSwxLjU2OFYwSDEzLjI3MlYtMy43ODFhMS4xNTYsMS4xNTYsMCwwLDAtLjI0Mi0uODExLDEuMDU4LDEuMDU4LDAsMCwwLS44LS4yNTgsMS4wODcsMS4wODcsMCwwLDAtLjcyOC4yMzksMS4yNiwxLjI2LDAsMCwwLS4zOTUuNjI2TDExLjExMywwSDkuODA4Vi0zLjgyNEEuOTMxLjkzMSwwLDAsMCw4Ljc2LTQuODVhMS4xNDksMS4xNDksMCwwLDAtMS4xMTIuNjM5VjBINi4zNDNWLTUuODEyWm0xMS42LDQuMjMyYS41OTIuNTkyLDAsMCwwLS4yODctLjUzMiwzLjA1NiwzLjA1NiwwLDAsMC0uOTUzLS4zMjIsNC45LDQuOSwwLDAsMS0xLjExMi0uMzU0LDEuNDg0LDEuNDg0LDAsMCwxLS45NzgtMS4zNywxLjU0NywxLjU0NywwLDAsMSwuNjM0LTEuMjU3LDIuNTA2LDIuNTA2LDAsMCwxLDEuNjExLS41LDIuNjA3LDIuNjA3LDAsMCwxLDEuNjg0LjUxNiwxLjYzNiwxLjYzNiwwLDAsMSwuNjQyLDEuMzM3SDE5LjExYS44LjgsMCwwLDAtLjI3OS0uNjI2LDEuMDcsMS4wNywwLDAsMC0uNzQxLS4yNSwxLjE1NywxLjE1NywwLDAsMC0uNy4yLjYyNy42MjcsMCwwLDAtLjI3MS41MzIuNTI5LjUyOSwwLDAsMCwuMjUyLjQ2NywzLjQ3MSwzLjQ3MSwwLDAsMCwxLjAyMS4zMzYsNC44MzEsNC44MzEsMCwwLDEsMS4yMDYuNCwxLjcwNywxLjcwNywwLDAsMSwuNjUuNTYxLDEuNDMxLDEuNDMxLDAsMCwxLC4yMTIuNzk1LDEuNTE0LDEuNTE0LDAsMCwxLS42NSwxLjI3LDIuNzcxLDIuNzcxLDAsMCwxLTEuNy40ODZBMy4wMDUsMy4wMDUsMCwwLDEsMTYuODMzLS4xNWEyLjEsMi4xLDAsMCwxLS44Ny0uNzA5LDEuNjc4LDEuNjc4LDAsMCwxLS4zMTItLjk3MmgxLjI2OGEuOTIuOTIsMCwwLDAsLjM0OS43MTIsMS4zNTcsMS4zNTcsMCwwLDAsLjg1NC4yNSwxLjMyLDEuMzIsMCwwLDAsLjc4NC0uMkEuNjA3LjYwNywwLDAsMCwxOS4xNzUtMS41NzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjcwNyAxNykiIGZpbGw9IiNmZmYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') no-repeat center;background-size:contain;vertical-align:middle}
.introtekst p{font-size: 1.25rem}
/* Home - Carousel */
section.carousel .carousel-header-inner{height:336px}
section.carousel .carousel-item img{height:336px}
section.carousel .carousel-quicknav{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}
section.carousel .carousel-quicknav ul{width:371px;padding:20px 30px;background: #2085b7;border-bottom-left-radius:0!important;border-radius: 20px;float:right}
section.carousel .carousel-quicknav ul li{position:relative;width:100%;padding-left:20px;color:black;font-size:20px;font-family:'Zilla Slab';line-height:1.75;}
section.carousel .carousel-quicknav ul li::before {
  position: absolute;
  content: '>'; /* The arrow symbol */
  top: 0;
  left: 0;
  color: white;
  font: inherit;
  background-color: none; /* Change this to your desired color */
  width: 20px; /* Adjust the width and height to create a circle */
  height: 20px;
  border-radius: 50%; /* Border-radius creates a circle */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}

section.carousel .carousel-quicknav ul li a{color:inherit;font:inherit;margin-left:1rem;display:block; line-height:29px;}
.tips-caroussel .carousel-item img{object-fit:fill}
.carousel-caption{width:90%;right:15%;bottom:25%;left:10%;}
/* Home - Lead */
.lead{font-size:1.125em}
/* Home - Actuele reisinformatie button */
.actuele-reisinformatie{display:flex;flex-flow:column nowrap;align-items:flex-start;width:100%;padding:5px;background:#fff;border-radius:10px}
.ar-image{display:block;width:100%;margin-bottom:15px;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}
.ar-image img{width:100%;height:auto}
.ar-text{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;min-width:100%}
.ar-text-title{color:#2085b7;font-size:23px;font-family:'Zilla Slab';font-weight:700;font-style:italic;line-height:31px}
.ar-text-body{color:#000;font-size:15px}
.ar-text-buttons{padding-top:10px}
/* Home - Nieuws */
.news-row .card{position:relative}
.news-row .card-label, .nieuws .card-label{position:absolute;padding:5px 25px;top:0;right:0;background:#bf204a;color:#fff;font-size:19px;font-family:'Zilla Slab';font-weight:500;line-height:26px;text-align:center;text-transform:lowercase}
.news-row .card img{width:100%;height:260px;background:#f7f7f7;overflow:hidden;object-fit:cover}
.bg-nieuws .ar-text{width:100%;min-width:none;max-width:none;padding:15px;background:#f7f7f7}
/* Home - Actuele reisinformatie */
.tab-content{box-shadow:none}
#goabout-widget iframe{min-height:235px!important}
/* Recreatie - Tips */
.bg-lightgrey .card-noborder{background:transparent}
.bg-lightgrey:not(.introtekst) .card-body{padding-right:0;padding-left:0}
/* Recreatie - Verhalen */
.bg-blue{background-color:#2085b7}
.bg-blue h1.text-primary{color:#fff!important;font-family:'Zilla Slab';font-style:italic;font-weight:500}
.verhalen{position:relative;margin-bottom:60px}
.verhalen:after{position:absolute;content:'';width:100%;height:60px;top:100%;right:0;left:0;background:url('../images/headerbeeld-vervolg.jpg') no-repeat center;background-size:cover}
/* Anchor */
.anchor{position:absolute;display:block;top:-165px}
/* Media Queries */
@media (max-width:767px){
    .btn-map,.btn-sms{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;text-align:left}
    .btn-map:before{display:block}
    .btn-sms:before{display:block}
    /* Home - Carousel */
    section.carousel .carousel-quicknav{display:none}
    /* Home - Actuele reisinformatie button */
    .ar-image{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0}
    .ar-text{padding:0 10px 10px}
    /* Home - Nieuws */
    .bg-nieuws .ar-text{margin-bottom:15px}
}
@media (min-width:576px){
    /* Home - Carousel */
    .carousel-caption{width:90%;right:15%;bottom:-2%;left:5%}
    .carousel-caption h1{font-size:2.4375em;line-height:2.5rem}
    /* Home - Actuele reisinformatie button */
    .actuele-reisinformatie{flex-flow:row nowrap;align-items:center;justify-content:space-between}
    .ar-image{width:250px;margin-right:25px;margin-bottom:0}
    .ar-text{min-width:calc(100% - 280px);max-width:calc(100% - 280px)}
}
@media (min-width:768px){
    /* Home - Carousel */
    .carousel-caption{width:48%;bottom:5%}
    .carousel-caption h1{font-size:2.7375em;line-height:3rem}
    /* Home - Actuele reisinformatie button */
    .actuele-reisinformatie{padding-right:15px}
    .ar-image img{max-width:100%}
}
@media (min-width:992px){
    /* Home - Carousel */
    .carousel-caption{width:60%;bottom:15%}
    .carousel-caption h1{font-size:3.4375em;line-height:3.5rem}
}
@media (min-width:1200px){
    .btn-map{margin-right:5px;margin-bottom:0}
    /* Home - Carousel */
    .carousel-caption{width:50%;bottom:20%;left:10%}
}
@media (min-width:1400px){
    /* Home - Carousel */
    .carousel-caption{width:45%}
}


/* 2024 style */

.w-90{
    width: 90%;
}

.text-white-info { 
    font-size: 51px;
    color:white!important;
}

.carousel-nav-title{
    font-size: 27px;
    color:white;
    font-family:'Zilla Slab';
      font-weight: bold;
  font-style: italic;
}

.carousel-nav-item{
    font-size: 19px!important;
    color:white!important;
    font-family:'Roboto'!important;
}

.blue-bg{
    background: linear-gradient(90deg, rgba(72,184,247,1) 0%, rgba(32,133,183,1) 100%);
    overflow: hidden;
}

.bike{
    max-height:190px;
}

.overlay-svg{
        display: block;
    position: absolute;
    top: -125px;
    right: -53rem;
}

.overlay-svg svg{
    opacity: 0.1;
}

.tip{
background-color: #BF204A;
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: 7rem;
    color: white;
    text-align: center;
}

.bike-text-title{
    font-size:2.5rem;
    color:white!important;
    font-family:'Zilla Slab';
}

.bike-text{
    font-size:16px;
    color:#333333;
    font-family:'Roboto';
}

.bike-tips{
    color:#333333;
    font-size:20px;
    font-family:'Zilla Slab';
    font-weight: bold;
    font-style: italic;
}
.bike{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3rem;
}

.snelnaarbox {
  display: none; /* Hide the snelnaarbox by default */
}

@media (max-width: 767px) {
  .snelnaarbox {
    display: block; /* Show the snelnaarbox when screen width is under 767px */
  }
}

  .snelnaarbox ul{
      width:100%;
      max-width:371;
      padding:20px 30px;
      background: #2085b7;
      border-bottom-left-radius:0!important;
      border-radius: 20px;
      
  }
  .snelnaarbox ul li{
      position:relative;
      width:100%;
      padding-left:20px;color:black;
      font-size:20px;
      font-family:'Zilla Slab';
      line-height:1.75;
      
  }
  .snelnaarbox ul li::before {
  position: absolute;
  content: '>'; /* The arrow symbol */
  top: 0;
  left: 0;
  color: white;
  font: inherit;
  background-color: none; /* Change this to your desired color */
  width: 20px; /* Adjust the width and height to create a circle */
  height: 20px;
  border-radius: 50%; /* Border-radius creates a circle */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}
.button-red{
    padding: 0.75rem;
    background: #BF204A;
    border-radius: 0.5rem;
    color: white;
        border: 1px #BF204A solid;
    font-size: 16px;
}
.button-red:hover{
    padding: 0.75rem;
    border: 1px #BF204A solid;
    background: white;
    border-radius: 0.5rem;
    color: #BF204A;
    font-size: 16px;
}