@charset "utf-8";
/* CSS Document -  WEBSPICE - Sofie Vandenberghe -  www.webspice.be*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
:root {
 --primary: #69615d;
  --secondary: #29295e;
}
@font-face {
  font-family: "bootstrap-icons";
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff2") format("woff2");
}

html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing:grayscale!important;
-webkit-font-smoothing:antialiased!important
}
* {box-sizing: border-box;list-style: none;margin: 0;padding: 0;transition: all ease .3s;}
button {cursor: pointer;}
*:focus, *:visited, *:focus:visited, *:focus:active {outline: none !important;}
.bootstrap-select .dropdown-toggle:focus {outline: none !important;box-shadow: none !important;}
textarea:focus, input:focus {outline: none !important;}
img {border: none;max-width: 100%;}
::-moz-selection {background: var(--primary);color: #fff;}
::selection {background: var(--primary);color: #fff;}
body{
    font-optical-sizing: auto;
    font-size: 16px;
    color: var(--primary);
    font-family: "Figtree", sans-serif;
    font-style: normal;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.4em;
}
h1{font-size: 48px;color: var(--secondary);line-height: 52px; margin-bottom: 10px;}

h2 {font-size: 36px;color: var(--secondary);font-weight: 700;margin-bottom: 20px;}

h3{font-size: 24px;line-height: 1.4em;color: var(--secondary);margin-bottom: 15px;}
h4{font-size: 18px;color: var(--secondary);}
h5{font-size: 24px;line-height:34px;color: var(--secondary);}
p{line-height: 1.6em;}
a, a:hover, a:focus, a:active{ text-decoration:underline;color:var(--secondary);transition: all 0.4s;}
.inhoud ul li, .accordion-body ul li{padding: 6px 0;list-style: disc;color: var(--primary);}
.list-group-item{border:none;padding-bottom:0;padding-top:0}
.breadcrumb {background-color:transparent;border-radius:0;justify-content:flex-end;padding-left:0px;padding-top:10px;margin-bottom: 0}
.breadcrumb-item {font-size:12px}
.breadcrumb-item.active a{color: var(--primary);}
#webspice { text-align: right;}
#webspice a {font-weight:700;font-size:12px;color:#a9afb3;text-decoration:none;padding-top: 5px;padding-bottom:5px;}
#webspice a:hover{color:#ffffff}
.bol {color:#D99F15;font-size:24px}
.btn-default, .btn-default:visited {
  box-shadow: none !important;
  text-decoration: none;
  font-style: normal;
  margin: 5px;
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  text-transform: none;
  background: #e94e1b;
  color: #fff;
  border-radius: 30px;
  padding: 18px 40px;
  border: none;
  transition: all 0.5s ease-in-out;
  z-index: 1;

}

.btn-default::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  opacity: 0;
  background: #00b1b9;
  border-radius: 100px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.btn-default:hover::after {
  left: 0;
  right: 0;
  opacity: 1;
}

.btn-outline {
  position: relative;
  color: #00b1b9;
  display: inline-block;
  font-weight: 600;
  line-height: 1em;
  text-transform: capitalize;
  background: #fff;
  padding: 18px 40px;
  border: 1px solid #00b1b9;
  transition: all 0.5s ease-in-out;
  z-index: 1;
  border-radius: 30px;
text-decoration: none
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus:focus{text-decoration: underline}
.form-floating label, select.form-select {color:#959494}
.form-control, .form-control-file, .form-select{font-weight: normal;margin:10px 0;border-radius:15px;border-color:var(--primary);background-color: transparent}
.form-control:focus, .form-select:focus{color: var(--secundary);background-color: #ffffff;border-color:var(--primary);outline: 0;box-shadow: none;}
.submit {color:var(--secondary);background-color:#e0c82d;min-width: 280px;}
.submit:hover{color:#e0c82d;background-color:var(--secondary)}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {background-color: transparent}
.form-select{height: calc(3.5rem + calc(var(--bs-border-width) * 2));min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));line-height: 1.25;}
label.input-group-text{height: 38px; margin-top: 10px;}


/**** Header CSS****/
header.main-header {position: relative;max-width: 1720px;margin: 0 auto;z-index: 100}
.navbar {padding: 20px 0;align-items: center;width: 100%;}
.navbar-brand {padding: 0;margin: 0;}
.navbar-brand img {eight: auto;}
.main-menu .nav-menu-wrapper {flex: 1;text-align: left;margin: 0 40px;}
.main-menu .nav-menu-wrapper > ul {align-items: center;display: inline-flex;}
.main-menu ul li {margin: 0;position: relative;}
.main-menu ul li a {font-size: 15px;font-weight: 700;line-height: 1em;padding: 15px !important;color: var(--secondary);text-transform: uppercase;transition: all 0.3s ease-in-out;}
.main-menu ul li.submenu > a:after {content: "\F282";font-family: "bootstrap-icons";font-weight: 900;font-size: 15px;margin-left: 8px;}
.main-menu ul li a:hover,.main-menu ul li a:focus, .main-menu ul li a.active {color: #00b1b9!important;text-decoration: none}
.main-menu ul ul {visibility: hidden;opacity: 0;transform: scaleY(0.8);transform-origin: top;padding: 0;margin: 0;list-style: none;width: 300px;border-radius: 20px;position: absolute;left: 0;top: 100%;background: var(--secondary);
transition: all 0.3s ease-in-out;text-align: left;}
.main-menu ul li:hover > ul {visibility: visible;opacity: 1;transform: scaleY(1);padding: 15px 0;}
.main-menu ul ul li {margin: 0;padding: 0;}
.main-menu ul ul li a {color: #fff;padding: 10px 20px !important;transition: all 0.3s ease-in-out;}
.main-menu ul ul li a:hover,.main-menu ul ul li a:focus {color: #00b1b9;background-color: transparent;padding: 8px 20px 8px 23px !important;}
.header-contact-btn {display: flex;align-items: center;gap: 25px;}
.header-contact-now {font-size: 18px;line-height: normal;color: var(--secondary);transition: all 0.3s ease-in-out;font-weight: 700;font-family: "Figtree", sans-serif;text-decoration: none}
.header-contact-now:hover {color: #00b1b9;}
.header-contact-now i {font-size: 20px;color: #00b1b9;margin-right: 8px;font-weight: 700;}
.header-contact-btn .btn-default {margin-right: 0;}
.responsive-menu,.navbar-toggle {display: none;}
.responsive-menu {top: 0;position: relative;}
.slicknav_menu {background: transparent!important;}
.slicknav_btn {background: #00b1b9!important;padding: 0;display: flex!important;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;border-radius: 8px;}
.slicknav_icon .slicknav_icon-bar {display: block;height: 3px;width: 22px;background-color: #fff;border-radius: 6px;margin: 4px auto !important;transition: all 0.1s ease-in-out;}
.slicknav_icon .slicknav_icon-bar:first-child {margin-top: 0 !important;}
.slicknav_icon .slicknav_icon-bar:last-child {margin-bottom: 0 !important;}
.navbar-toggle
  a.slicknav_btn.slicknav_open
  .slicknav_icon
  span.slicknav_icon-bar:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 5px);
  background-color: #fff;
}
.navbar-toggle
  a.slicknav_btn.slicknav_open
  .slicknav_icon
  span.slicknav_icon-bar:nth-child(2) {
  opacity: 0;
}
.navbar-toggle
  a.slicknav_btn.slicknav_open
  .slicknav_icon
  span.slicknav_icon-bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -5px);
  background-color: #fff;
}
.slicknav_menu {position: absolute;width: 100%;padding: 0;background: var(--secondary);}
.slicknav_menu ul {margin: 5px 0;background: var(--secondary);}
.slicknav_menu ul ul {margin: 0;}
.slicknav_nav .slicknav_row,.slicknav_nav li a {position: relative;font-size: 16px;font-weight: 700;text-transform: capitalize;padding: 8px 20px;color: #fff;line-height: normal;margin: 0;border-radius: 0 !important;transition: all 0.3s ease-in-out;}
.slicknav_nav a:hover,.slicknav_nav a:focus,.slicknav_nav .slicknav_row:hover {background-color: transparent;color: #00b1b9;}
.slicknav_menu ul ul li a {padding: 8px 20px 8px 30px;}
.slicknav_arrow {font-size: 0 !important;}
.slicknav_arrow:after {content: "\F282";font-family: "bootstrap-icons";font-weight: 900;font-size: 12px;margin-left: 8px;color: #fff;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease-out;}
.slicknav_open > a .slicknav_arrow:after {transform: translateY(-50%) rotate(-180deg);color: #00b1b9;}


/*index*/
/***Hero Section CSS***/
.hero {
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  
}
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}
/*.hero {position: relative;background-image: url("../fotomateriaal/hero01.webp");background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 290px 0;overflow: clip;}*/
.hero::before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: var(--secondary);opacity: 60%;width: 100%;height: 100%;z-index: 1;}
.hero-content {text-align: center;align-content: center;position: relative;z-index: 3;}
.hero-content .section-title h1 {color: #fff;}

/*******/
.image-anime {position: relative;overflow: hidden;}
.image-anime:after {content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.image-anime:hover:after {height: 250%;transition: all 600ms linear;background-color: transparent;}
.reveal {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;visibility: hidden;overflow: hidden;}
.reveal img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform-origin: left;transform-origin: left;}
.section-title {margin-bottom: 40px;}
.hero-content p {margin-top: 20px;margin-bottom: 20px;color:#ffffff;font-size:20px}
.section-title h1 span,.section-title h2 span {color: #00b1b9;}
/***Over Section CSS***/
.over {padding: 100px 0;}
.over-images {display: flex;flex-wrap: wrap;margin-right: 20px;}
.over-img-2,.over-img-1 {width: 100%;}
.over-img-1 {position: relative;padding-left: 240px;}
.over-img-2 {max-width: 360px;margin-top: -312px;}
.over-img-2 figure,.over-img-1 figure {display: block;border-radius: 30px;}
.over-img-2 img,.over-img-1 img {width: 100%;object-fit: cover;border-radius: 30px;}
.over-img-2 figure img,.over-img-1 figure img {aspect-ratio: 1 / 1.257;}
.over-content h2 {text-align: center;}
.logo-circle {position: absolute;right: 50%;bottom: 0;transform: translate(100%, 50%);border-radius: 50%;z-index: 2;background: #fff;padding: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.logo-circle img {width: 100%;max-width: 180px;border-radius: 50%;animation: infiniterotate 25s infinite linear;}
@keyframes infiniterotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.over-box { display: flex;flex-wrap: wrap;align-items: center;gap: 20px 30px;}
.over-list,.over-image {width: calc(50% - 15px);}
.over-list ul, ul.team-list {list-style: none;padding: 0;margin: 0;}
.over-list ul li, ul.team-list li {position: relative;padding: 0 0 0 30px;margin: 15px 0;}
.over-list ul li:last-child {margin-bottom: 0;}
.over-list ul li::before,  ul.team-list li::before {content: "\F26A";font-family: "bootstrap-icons";position: absolute;left: 0;top: 0;font-size: 20px;font-weight: 900;color: #00b1b9;}
.over-image figure {display: block;border-radius: 30px;}
.over-image img {width: 100%;aspect-ratio: 1 / 1.07;object-fit: cover;border-radius: 30px;}
.over-quote h3 {font-size: 24px;font-family: "Figtree", sans-serif;font-style: italic;font-weight: 600;color: var(--secondary);position: relative;margin-top: 20px;padding-left: 40px;}
.over-quote h3::before {content: "\F6B0";font-family: "bootstrap-icons";position: absolute;left: 0;top: -10px;font-size: 40px;font-weight: 500;font-style: normal;}
.bg-section {width: 100%;max-width: 1800px;margin: 0 auto;background-color: #e5f7f8;border-radius: 30px;}
/***Zorgaanbod Section CSS***/
.zorgaanbod {padding: 80px 0;}
.zorgaanbod h2, .aandoeningen h2, .team h2, .blog h2, .instagram-box h2, .faq h2{margin-bottom: 80px;text-align: center}
.zorgaanbod-item {background-color: #fff;border-radius: 30px;height: calc(100% - 30px);margin-bottom: 30px;padding: 40px;}
.zorgaanbod-content {margin-bottom: 30px;}
.zorgaanbod-content-title h3 {font-size: 22px;line-height: 1.4em;color: var(--secondary);margin-bottom: 10px;}
.zorgaanbod-content-title h3 a {color: var(--secondary);text-decoration: none}
.zorgaanbod-content p {margin: 0;}
.zorgaanbod-image a {display: block;border-radius: 30px;overflow: hidden;}
.zorgaanbod-image img {width: 100%;aspect-ratio: 1 / 0.667;object-fit: cover;border-radius: 30px;transition: all 0.5s ease-out;}
.zorgaanbod-item:hover .zorgaanbod-image img {transform: scale(1.1)}
.zorgaanbod-btn, .dienst-button {margin-top: 20px;}
.leesmeer-btn {background: transparent;border-radius: 15px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;border: 1px solid #00b1b9;}
.leesmeer-btn i {font-size: 35px;transform: rotate(-40deg);color: #00b1b9;transition: all 0.3s ease-in-out;}
.leesmeer-btn:hover i {color: #fff;transform: rotate(0deg);}
.leesmeer-btn:hover {background: #00b1b9;}
/***Aandoeningen Section CSS***/
.aandoeningen {padding: 100px 0;}
.aandoeningen-image {position: relative;margin-right: 10px;}
.aandoeningen-image img {position: relative;width: 100%;z-index: 1;height: auto;}
.aandoeningen h4 {font-size: 20px;font-family: "Figtree", sans-serif;color: var(--secondary);margin-bottom: 15px;}
.aandoeningen .over-list {width: 100%;}
.aandoeningen .over-list ul li {margin-bottom: 6px;}
.aandoeningen .over-list ul li a {font-size: 18px;color: var(--primary);display: inline-block;transition: transform 180ms ease, color 180ms ease;transform: translateX(0);text-decoration: none}
.aandoeningen .over-list ul li a:hover,.aandoeningen .over-list ul li a:focus-visible {transform: translateX(4px);color: #00b1b9;}
.aandoeningen .over-list ul li::before {content: "\F135";}
/***CTA Section CSS***/
.cta {padding: 100px 0 100px;}
.cta-box {padding: 80px;background: var(--secondary);border-radius: 30px;}
.cta-box h2 {margin-bottom: 30px;color: #fff;}
.cta-btn {display: flex;justify-content: center;align-items: center; gap: 40px;}
.cta-btn a {font-size: 28px;font-family: "Figtree", sans-serif;font-weight: 700;}
/***Team Section CSS***/
.team-box {background-color: var(--white-color);border-radius: 30px;height: calc(100% - 30px);margin-bottom: 30px;padding: 30px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border:none}
figure{margin-bottom: 0}
.team-btn, .post-item-btn{border-top: none;background-color: transparent;}
.team-image {margin-bottom: 25px;}
.team-image img {height: auto;}
.team-image a {display: block;border-radius: 30px;overflow: hidden;}
.team-name h3 a {font-size: 32px;font-family: "Figtree", sans-serif;font-weight: 700;color: var(--secondary);text-decoration: none}
.team-content {margin-bottom: 20px;}
.team-content p {margin-bottom: 5px;}
.team-content ul {margin: 0;}
.team-content ul li {padding: 5px 0;list-style: disc;}
/***ligging (Map) Section CSS***/
.ligging {padding: 100px 0 0px;}
.ligging-box {display: flex;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;justify-content: space-between;border-radius: 30px;margin-top: -100px;}
iframe.map {height: 550px;display: block;width: 100%;padding: 20px 0;}
.adres {padding: 50px 30px 50px 50px;}
.adres h2 {margin-bottom: 5px;}
.adres p {font-size: 20px;margin-bottom: 0;}
.open {background: var(--secondary);padding: 40px;border-radius: 25px;margin-top: -35px;min-width: 310px;}
.open p {font-size: 20px;color: #f8f8f8;margin-bottom: 10px;}
/*** Blog CSS ***/
.blog {padding: 100px 0 70px;}
.post-item {margin-bottom: 30px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius: 30px;border:none;height:100%}
.post-featured-image a {display: block;overflow: hidden;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.post-featured-image img {object-fit: cover;transition: all 0.5s ease-in-out;border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;}
.post-item:hover .post-featured-image img {transform: scale(1.1);}
.post-item-body {flex: 0 0 auto;padding: 0.75rem 1rem 0;}
.post-item h3{line-height:20px }
.post-item h3 a {text-decoration: none;font-size:18px}
.post-item-btn{padding: 0 0 40px 20px;margin-top: auto;}
.post-item-btn a {color: var(--secondary);font-size: 14px;font-family: "Figtree", sans-serif;font-weight: 600;display: flex;align-items: center;transition: all 0.3s ease-in-out;text-decoration: none}
.post-item-btn a i {color: #00b1b9;font-size: 20px;padding-left: 8px;}
.post-item-btn a:hover {text-decoration: underline;}
/***Google Reviews Section CSS***/
.google-reviews {padding: 100px 0;height: 700px; /* Height comment once you put the google review widget*/position: relative;}
.google-reviews::after {background-image: url("../fotomateriaal/bg.webp");background-repeat: no-repeat;background-position: bottom left;content: "";position: absolute;top: 0;left: 0;
 width: 100%;height: 100%;opacity: 0.2;}
/***Instagram Section CSS***/
.instagram {padding: 0 0 80px;}
.instagram-box {background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 30px;border-radius: 30px;position: relative;z-index: 1;margin-top: -150px;}
.instagram-box h2 {margin-bottom: 30px;}
/*andere pagina's*/
/*** About Us Page css***/
.page-header {position: relative;padding: 100px 0;text-align: center;}
.page-header::after {background-image: url("../fotomateriaal/bg.webp");background-repeat: no-repeat;background-size: contain;content: "";position: absolute;
top: 0;left: 0;width: 100%;height: 100%;opacity: 0.2;transform: rotateY(160deg);}
.page-header p {font-size: 20px;color: var(--secondary);}
.inhoud {padding: 50px 0;}
.inhoud img {border-radius: 30px;height: auto;}
/***How It Work css***/
.verloop {padding: 100px 0;}
.stap-item {position: relative;display: flex;margin-bottom: 80px;}
.stap-item:last-child {margin-bottom: 0;}
.stap-item::before {content: "";display: block;position: absolute;left: 0;bottom: 0;transform: translate(30px, 60px);border-left: 1px solid #00b1b9;height: 85%;z-index: 0;}
.stap-item:last-child:before {display: none;}
.stap-item .icon-box {position: relative;background: var(--secondary);border-radius: 50%;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.stap-item .icon-box span {color: #fff;font-size: 30px;font-weight: 700;z-index: 5;}
.stap-item .icon-box::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #00b1b9;border-radius: 50%;height: 100%;width: 100%;transform: scale(0);
transition: all 0.4s ease-in-out;}
.stap-item:hover .icon-box::before {transform: scale(1);}
.stap-content {width: calc(100% - 80px);display: flex;justify-content: space-between;}
.stap-content h3 {font-size: 24px;margin-bottom: 10px;color: var(--secondary);}
.stap-content ul {margin-top: 20px;}
.stap-content ul li {padding: 5px 0;list-style: disc;}
.stap-content p {margin: 0;}
.stap-img img {border-radius: 15px;min-width: 315px;}
.galerij {margin:30px 0}
.galerij figure {overflow: hidden;border-radius: 20px;padding: 0;height: 200px;width: 100%;display: flex;align-items: center;justify-content: center;margin: 5px;}
.galerij figure img {width: 100%;height: 100%;object-fit: cover;border-radius: 15px;display: block;}
.img-wrapper {padding: 20px;border-radius: 30px;  display: inline-block;}
.img-wrapper img {display: block;width: 100%;height: auto;border-radius: 20px;}
ul.team-list{margin-left:30px;margin-bottom: 50px}
ul.team-list li{list-style:none}
.accordion-button:not(.collapsed) {color: inherit;background-color:#ffffff}
.accordion-collapse.collapse.show{background-color: #F8FEFF}
.accordion-button:focus {box-shadow: 0 0 0 .25rem rgba(229,247,248,1);}
.accordion-item {border:none}
.accordion-item .accordion-button {font-weight: 700;color: var(--secondary);font-family: "Montserrat", sans-serif;}
.open2{padding: 40px;}
.open2 h4 {margin-bottom: 1rem;}
.dienst{border-radius: 30px;margin-bottom: 30px;padding: 20px;/*height:100%*/height: calc(100% - 30px);border-color:#00b1b9;}
.dienst-content{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 40px;margin-bottom: 20px;min-height: 53px;}
.dienst-image figure{overflow: hidden;border-radius: 15px;padding: 0;height: 200px;width: 100%;display: flex;align-items: center;justify-content: center;}
.dienst-image figure img {width: 100%;height: 100%;object-fit: cover;border-radius: 15px;display: block;}
.dienst-content h4 a{text-decoration: none;font-size:16px}
/*footer*/
footer {background: var(--secondary);padding: 70px 0 0;position: relative;}
.foot-logo {margin: 0 0 40px;}
.foot-adres {text-align: center;margin-bottom: 15px;}
.foot-adres p, .foot-adres a {color: #fff;margin: 0 0 15px;font-size: 20px;}
.foot-adres a {transition: 0.5s all;text-decoration:none}
.foot-adres a:hover, .foot-adres a:focus, .foot-adres a:active, .copyright a:hover, .copyright a:focus, .copyright a:active {color: #00b1b9!important;text-decoration: underline}
.foot-adres i, .open2 i, address i {color: #00b1b9;font-size: 18px;margin-right: 5px;}
footer .social-media {list-style: none;display: flex;gap: 15px;justify-content: center;margin-bottom: 60px;padding: 0;}
footer .social-media i {font-size: 25px;color: #00b1b9;}
.copyright {padding: 25px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.copyright a {font-size: 16px;color:#ffffff;text-decoration: none}
.copyright ul {display: flex;gap: 15px;margin: 0;}
.copyright ul li:not(:last-child):after {content: "|";margin-right: 10px;padding-left: 20px;color: rgba(255, 255, 255, 0.7);}

/*------- Scroll to Top Style Start -------*/
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--secondary);
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 12px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {background: #00b1b9;}
#return-to-top:hover i {color: #fff;top: 5px;}

/* Responsive */
@media only screen and (max-width: 1800px) {
 header.main-header {width: calc(100% - 100px);margin-left: 50px;margin-right: 50px;max-width: 100%;}
}
@media only screen and (max-width: 1560px) {
  header.main-header{width: calc(100% - 30px);margin-left: 15px;margin-right: 15px;}
  .main-menu .nav-menu-wrapper{margin: 0 20px;}
  .main-menu ul li a{font-size: 14px;padding: 10px !important;}
  .header-contact-now{font-size: 14px;}
  .header-contact-btn .btn-default{padding: 18px;font-size: 15px;}
}
@media (max-width: 1399px) {
.dienst-content h4 a{font-size:14px}
}
@media (max-width: 1199px) {
 .navbar-expand-lg .navbar-collapse {flex-basis: auto;display: none}}
@media (max-width: 1024px) {
.navbar-expand-lg .navbar-collapse {flex-basis: auto;display: none}
.header-contact-btn{margin-right: 20px;}
.main-menu .nav-menu-wrapper{display: none;}
.responsive-menu,.navbar-toggle {display: block;}
.hero {padding: 150px 0;}
.over-img-1{padding-left: 100px}
.over-img-2{margin-top:-80px}
.logo-circle{right:0;transform:translate(0%,15%)}
}
@media (max-width: 992px) {
header.main-header {width: 100%;margin-left: 0px;margin-right: 0px;border-radius: 0;}
  .navbar {padding: 20px 0;}
  .slicknav_nav li,.slicknav_nav ul {display: block;} 
.section-row {margin-bottom: 40px;}
  .section-title {margin-bottom: 30px;}
  .section-title h1 {font-size: 45px;}
  h2 {font-size: 38px;}
  .section-title p {margin-top: 15px;}
	.section-title p span {font-size: 18px;}
	.btn-default::before {
    right: -46px;
    width: 46px;
    height: 46px;
  }
  .over {padding: 50px 0;}
  .over-images {background-size: 60px auto;max-width: 80%;margin: 0 auto;margin-bottom: 30px;}
.over-img-1 {position: relative;padding-left: 240px;}
	.over-img-2 {max-width: 360px;margin-top: -312px;}
	.logo-circle{right: 50%;transform: translate(100%, 50%);}
	 .logo-circle img {max-width: 140px;}
	 .over-list ul {margin-bottom: 30px;}
  .zorgaanbod,.aandoeningen,.ligging {padding: 50px 0;}
  .zorgaanbod-item {border-radius: 20px;padding: 30px;}
  .zorgaanbod-content-title {margin-bottom: 15px;}
  .zorgaanbod-content-title h3 {width: calc(100% - 60px);}
  .zorgaanbod-content {margin-bottom: 20px;}
  .zorgaanbod-image a,.zorgaanbod-image img {border-radius: 20px;}
  .aandoeningen-image {margin-bottom: 30px;}
 .cta {padding: 30px 0 30px}
  .cta-box {padding: 40px;}
  .cta-box h2 {font-size: 28px;}
  .cta-btn a {font-size: 18px;}
	.cta-btn a.btn-default {margin-right: 20px;}
	.team {padding: 50px 0 20px;}
  .team-image {margin-bottom: 15px;}
  .team-image figure {border-radius: 20px;}
  .team-image img {aspect-ratio: 1 / 1.03;border-radius: 20px;}
  .team-content {margin-bottom: 15px;}
  .team-content h3 {font-size: 20px;}
.adres {padding: 30px;}
h2 {font-size: 30px;line-height: 1.4em;}
	.blog {padding-top: 0;}
	 .post-image {margin-bottom: 20px;}
	 .post-featured-image {margin-bottom: 15px;}
  .post-featured-image a {border-radius: 20px;}
.post-item-body {padding: 10px;}
  .post-item-content h3 {font-size: 20px;}
	h1 {font-size: 45px;}
	.page-header {padding: 60px 0;}
  .verloop {padding: 50px 0;}
  .stap-item {margin-bottom: 40px;}
  .stap-item::before {transform: translate(30px, 32px);height: 60%;}
  .stap-content h3 {font-size: 20px;}
	  .dienst-content {gap: 10px;margin-bottom: 15px;}
.dienst-content h4 {width: calc(100% - 60px);}
 .leesmeer-btn {width: 44px;height: 44px;}
}

@media (max-width: 767px) {
  .hero {padding: 80px 0;}
 .section-title h1 {font-size: 28px;line-height: 32px;}
  .section-title h2 {font-size: 26px;}
  .section-title p {margin-top: 10px;}
.over-images {background-position: top 30px left 40px;background-size: 40px auto;max-width: 100%;}
 .over-img-1 {padding-left: 145px;}
  .over-img-2 {max-width: 200px;margin-top: -150px;}
  .logo-circle img {max-width: 120px;}
  .over-list,.over-image {width: 100%;}
  .over-list ul li {margin-bottom: 10px;padding-left: 25px;}
  .over-list ul li::before {top: -1px;font-size: 18px;}
  .section-row {margin-bottom: 30px;}
  .aandoeningen-image {text-align: center;}
  .reveal img, .aandoeningen-image img {width: auto;}
  .aandoeningen-image img {max-height: 400px;}
  .cta-box {padding: 20px;}
  .cta-box h1 {font-size: 30px;}
  .cta-btn {display: block;}
  .cta-btn a {font-size: 18px;margin-right: 0;}
  .cta-btn a.btn-default {margin-bottom: 15px;}
  .team-name h3 a,.adres h2 {font-size: 28px;}
  .ligging-box {display: block;}
	.open { margin-top: 0;}
  .post-item-content {width: 100%;}
  .post-featured-image img {object-fit: auto;}
	
  .leesmeer-btn img {max-width: 12px;}
h1 {font-size: 30px;}
  .stap-content ul li {font-size: 14px;padding: 5px 0;}
  .stap-item::before {transform: translate(25px, 30px);height: 70%;}
  .stap-item .icon-box {width: 50px;height: 50px;margin-right: 10px;}
  .stap-content {display: block;}
  .stap-img img{min-width: auto;}
  .stap-content h3 {font-size: 18px;}
  .stap-content p {font-size: 14px;margin-bottom: 10px;}
.dienst-content h4 {width: calc(100% - 55px);font-size: 14px;}


  .copyright {padding: 15px 0;}
  .copyright ul {width: 260px;margin: 0 auto;padding: 0;display: flex;justify-content: center;}
  #webspice {text-align: center;margin-top: 15px;}
	
	
	
	
	

  #return-to-top {
    bottom: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
  }
  #return-to-top i {
    left: 15px;
    top: 9px;
    font-size: 17px;
  }
}
@media (max-width: 580px) {
	.navbar-toggle{width:100%;margin-top:10px}
	.slicknav_btn{width:100%}
	.navbar-brand{margin:auto}
	.header-contact-btn .btn-default {padding: 16px;}
	.hero {padding: 60px 0;}
	.hero-video {
width: 100%;
Height: 400px;
}
	.hero {
height: 400px;
}
}