/*
 * Custom styles by WebinWeb Design
*/

/*--------------------------------------------------------------
 >>> Globals:
 ----------------------------------------------------------------*/
 body {font-family: 'Open Sans', sans-serif !important; color:var(--body-color) !important; line-height:1.6 !important; font-size:16px !important; -webkit-font-smoothing: antialiased;}
 .container {padding-right: 1.25rem !important; padding-left: 1.25rem !important;}
 .container-fluid {padding-left:100px !important; padding-right:100px !important;}
 .embed-container {position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:auto;} 
 .embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
 .grecaptcha-badge {visibility: hidden;}
 .verticalCenter {display:flex; align-items:center; justify-content:center;}
 h1, .h1 {font-size:3em !important; color:var(--body-color);}
 h2, .h2 {font-size:2.25em !important; margin-bottom:1rem !important; color:var(--body-color);}
 h3, .h3 {font-size:1.2em !important; color:var(--body-color); font-weight:700;}
 h4, .h4 {font-size:1.2em !important; color:var(--body-color);}
 ul, ol {-webkit-padding-start:0 !important; padding-left:0 !important;}
 img, svg {width:100%; height:100%;}
 :root {
   --body-color: #212121;
   --tobrix-blauw-color:#005CA4;
   --blauw-color: #003966;
   --wit-color: #FFFFFF;
   --creme-color: #F6F6F6;
   --border-radius: 20px;
 }
 
 .bg-blauw {background-color:var(--blauw-color);}
 .bg-tobrix-blauw {background-color:var(--tobrix-blauw-color);}
 .bg-wit {background-color:var(--wit-color);}
 .bg-creme {background-color:var(--creme-color);}
 .bg-blauw, .bg-tobrix-blauw, .bg-blauw h2, .bg-tobrix-blauw h2, .bg-blauw h3, .bg-tobrix-blauw h3 {color:var(--wit-color);}
 .bg-wit, .bg-creme, .bg-wit h2, .bg-creme h2, .bg-wit h3, .bg-creme h3 {color:var(--body-color);}
 

 /*--------------------------------------------------------------
 >>> Buttons:
 ----------------------------------------------------------------*/
 button.btn.btn-blauw {border:1px solid var(--blauw-color); background-color:var(--blauw-color); border-radius:30px; padding:10px 30px; font-weight:600; background: linear-gradient(to right, var(--tobrix-blauw-color) 50%, var(--blauw-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--wit-color); margin-top:15px;}
  button.btn.btn-blauw a {color:var(--wit-color); text-decoration:none;}
  button.btn.btn-blauw a:after {color:var(--wit-color) !important;}
  button.btn.btn-blauw:hover { border-color: var(--tobrix-blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4);}
  
  
  button.btn.btn-wit {border:1px solid var(--wit-color); background-color:var(--wit-color); border-radius:30px; padding:10px 30px; font-weight:600; background: linear-gradient(to right, var(--blauw-color) 50%, var(--wit-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--body-color); margin-top:15px;}
  button.btn.btn-wit a {color:var(--body-color); text-decoration:none;}
  button.btn.btn-wit:hover { border: 1px solid var(--blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4); color:var(--wit-color);}
  button.btn.btn-wit:hover a {color:var(--wit-color);}
  
  
  button.btn.btn-trans {border:1px solid var(--green-dark-color); background-color:transparent; border-radius:30px; padding:10px 40px; font-weight:600; background: linear-gradient(to right, var(--green-btn-color) 50%, var(--wit-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--green-dark-color);}
  button.btn.btn-trans a {color:var(--green-dark-color) !important; text-decoration:none;}
  button.btn.btn-trans:hover {border-color:var(--green-btn-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4); color:var(--wit-color);}
  button.btn.btn-trans:hover a {color:var(--wit-color) !important;}
 
 
 
 /*--------------------------------------------------------------
  >>> Header:
  ----------------------------------------------------------------*/
  header {padding:15px 0; background-color:var(--wit-color); height:95px; border-bottom:1px solid #e4e4e4;}
  header .nav-wrapper {display:flex;}
  header .nav {text-align:left; margin-left:-60px; display:flex; justify-content: flex-start;}
  header.nav-fixed {position: fixed; top:0; left:0; right:0; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); transition:all 0.75s ease-in-out !important; z-index:999;}
  header .logo {margin-top:15px;}
  header .logo img {width:150px; height:auto;}
  
  header .nav {padding:1.2rem 0 0; }
  header .nav ul li {list-style-type:none; display:inline-block; padding:0 10px;}
  header .nav ul li a {padding-bottom:45px; transition:all .2s ease-out !important; font-size:16px; font-weight:600;}
  header .nav ul li a:hover {color:var(--tobrix-blauw-color); transition:all .2s ease-out !important;}
  header .nav ul li.current-menu-item a {color:var(--tobrix-blauw-color);}
  header .nav ul li.menu-item-has-children:after {content:"\f078"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--body-color); font-size:10px;}
  
  /* -- Submenu --*/
  header .nav .main-navigation ul li:hover > ul.sub-menu {display: block;}
  header .nav .main-navigation ul.sub-menu {display:none; position:absolute; z-index:9999; margin-top:34px; margin-left:-15px; width:320px; background-color:var(--wit-color); padding:15px 15px; border-bottom-left-radius:var(--border-radius); border-bottom-right-radius:var(--border-radius); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
  header .nav .main-navigation ul.sub-menu li {display:block !important; text-align:left; padding: 0.2rem 15px 0.2rem 1rem;}
  header .nav .main-navigation ul.sub-menu li:last-child {padding:0 1rem 0; margin-top:0;}
  header .nav .main-navigation ul.sub-menu li a {color:var(--zwart-color) !important; font-size:15px !important;}
  header .nav .main-navigation ul.sub-menu li a:hover, header .nav .main-navigation ul.sub-menu li.current-menu-item a {color:var(--blauw-color) !important;}
  header .nav .main-navigation ul.sub-menu li a:after {display:none;}
  
  header .overige {display:flex; justify-content: flex-end; margin-left:auto; margin-top:10px;}
  header .overige .wpml img {width: 20px; height: 20px; position: absolute; margin-top: 12.5px; margin-right: 10px;}
  header .overige .wpml .wpml-ls-legacy-dropdown {width:3.5em; margin-left: 20px; margin-top:7px;}
  header .overige .wpml .wpml-ls-legacy-dropdown, header .overige .wpml .wpml-ls-current-language:hover>a, header .overige .wpml .wpml-ls-legacy-dropdown a:focus, header .overige .wpml .wpml-ls-legacy-dropdown a:hover {background:transparent;}
  header .overige .wpml .wpml-ls-legacy-dropdown a {border:1px solid var(--wit-color);}
  header .overige .wpml .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {display:none;}
  header .overige .wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top:none;}
  
  /* header .overige .wpml .wpml-ls-legacy-list-horizontal {margin-left:7.5px;} */
  header .overige .zoeken {position:relative; display:inline-flex; align-items:center;}
  header .overige .zoeken input[type="search"] {width: 0; opacity:0; padding:8px; transition:all 0.3s ease; border:1px solid #ccc; border-radius:var(--border-radius);}
  header .overige .zoeken input[type="submit"] {width:40px; height:40px; border:none; cursor:pointer; font-size: 0; color: transparent; background-image:url('img/search.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; background-color:transparent; top:-5px;
  position:relative;}
  header .overige .zoeken:hover input[type="search"] {width:180px; opacity:1; margin-left:20px;}
  header .overige .btn-call button {margin-top:0;}
 
 
 /*--------------------------------------------------------------
 >>> Home:
 ----------------------------------------------------------------*/
 .slider {margin-bottom:1.5rem;}
 .slider .slide .slideItem { width:100%; height:800px; background-size:cover; background-position:center; background-repeat:no-repeat;}
 .slider .slide .slideItem .overlay {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0.4) 100%); position:absolute; z-index:1; top:0; width:100%; height:800px; }
 .slider .slide .slideItem .circle {width:500px; height:500px; border:1px solid rgba(255,255,255,.7); border-radius:555px; position:absolute; top:200px; right:5%;}
 .slider .slide .slideItem .content {/*position:relative;*/ z-index:999; /*top:400px;*/ color:var(--wit-color); position:absolute; bottom:100px; max-width:550px;}
 .slider .slide .slideItem .content h1, .slider .slide .slideItem .content h2 {color:var(--wit-color); font-weight:600 !important;}
 .slider .slide .slideItem .content p {font-weight:500;}
 .slider .slide .slideItem .content button {margin-top:15px;}
 
 .slider.smal .slide .slideItem { width:100%; height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;}
 .slider.smal .slide .slideItem .overlay {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0.4) 100%); position:absolute; z-index:1; top:0; width:100%; height:500px; }
 .slider.smal .slide .slideItem .circle {left:-5%;}
 
 #home .content_content .content_1 {padding-right:30px;}
 #home .content_content .content_2 {padding-left:30px !important;}
 
 #single {margin-top:40px;}
 #single h2 {font-size:20px !important; font-weight:700 !important; margin-bottom: 0.5rem !important; margin-top:1.5rem !important;}
 #single ul {padding-left:15px !important;}
 
 .productenCarousel .title {margin-bottom:30px;}
 .productenCarousel .productCarousel {width:calc(100% + 100px);}
 .productenCarousel .productCarousel .wrapper .afbeelding {border:1px solid var(--blauw-color); border-radius:10px;}
 .productenCarousel .productCarousel .wrapper .afbeelding img {aspect-ratio: 4.5/5; object-fit:cover; border-radius:10px;}
 .productenCarousel .productCarousel .wrapper .content p.lead {font-weight:600; margin-top:0.5rem;}
 .productenCarousel .productCarousel .owl-nav {position:absolute; top:-60px; right:100px; display:flex; gap:10px;}
 .productenCarousel .productCarousel .owl-nav .owl-prev, .productenCarousel .productCarousel .owl-nav .owl-next {width:30px; height:30px; background-color:var(--blauw-color); border-radius:555px;}
 .productenCarousel .productCarousel .owl-nav .owl-prev span, .productenCarousel .productCarousel .owl-nav .owl-next span {color:var(--wit-color); font-size:25px; margin-top:-20px; position:relative; top: -8px; font-weight:700;}
 
 .uitgelichtArtikel {background-color:var(--blauw-color);  margin-left:100px; border-top-left-radius: 20px; border-bottom-left-radius:20px;}
 .uitgelichtArtikel .image {padding-right:60px;}
 .uitgelichtArtikel .image img {border-radius:var(--border-radius); aspect-ratio: 5 / 4; object-fit:cover;}
 .uitgelichtArtikel .link {color:var(--wit-color); display:flex; justify-content:flex-end; position:relative; top:-45px; font-weight:600;}
 .uitgelichtArtikel .link:after {content:"\f178"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--wit-color); padding-left:10px;}
 .uitgelichtArtikel .content {padding-right:150px;}
 .uitgelichtArtikel .content {color:var(--wit-color);}
 .uitgelichtArtikel .content h3 {color:var(--wit-color);}
 .uitgelichtArtikel .content button.btn.btn-wit {display:none;}
 
 .oplossingenTabs .nav {display:block; padding-right:90px;}
 .oplossingenTabs .nav-pills h2.title {margin-bottom:60px !important;}
 .oplossingenTabs .nav-pills .nav-link.active, .oplossingenTabs .nav-pills .show>.nav-link, .oplossingenTabs .nav-pills .nav-link {width:100%; text-align:left; font-size:2rem; padding:0.8rem 0 0 0; border-bottom:1px solid #e4e4e4;}
 .oplossingenTabs .nav-pills .nav-link.active {background-color:var(--wit-color); color:var(--body-color); font-weight:700; opacity:1;}
 .oplossingenTabs .nav-pills .nav-link.active p:after {content: ""; background-image: url('img/plus.svg'); width:20px; height:20px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; display:inline-block; float:right; top:20px; position:relative;}
 .oplossingenTabs .nav-pills .nav-link {opacity:0.6; font-weight:500;}
 .oplossingenTabs .oplossing_image {position: relative;}
 .oplossingenTabs .oplossing_image img {width:100%; display:block; aspect-ratio:5 / 6; object-fit:cover; border-radius:var(--border-radius);}
 .oplossingenTabs .oplossing_image .content {position:absolute; bottom:30px; left:30px; right:30px; padding:20px; background-color:var(--creme-color); border-radius:var(--border-radius);}
 .oplossingenTabs .oplossing_image .content a {font-weight:600;}
 .oplossingenTabs .oplossing_image .content a:after {content:"\f178"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--body-color); padding-left:10px; position:relative; top:2px;}
 
 .teamMeet {margin-top:3rem;}
 .teamMeet .backgroundImage {height:900px; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
 .teamMeet .backgroundImage .overlay {background: linear-gradient(to right, rgba(33,33,33,1) 0%,
   rgba(33,33,33,0.9) 15%,
   rgba(0,57,102,0.3) 40%,
   rgba(0,57,102,0.2) 60%,
   rgba(0,57,102,0) 100%); position:absolute; z-index:1; top:0; width:100%; height:900px;}
 .teamMeet .backgroundImage .content {position:relative; z-index:999; top:400px; color:var(--wit-color);}
 .teamMeet .backgroundImage .content h2 {color:var(--wit-color);}
 .teamMeet .backgroundImage .content p {font-size:20px;}
 
 .content ol {-webkit-padding-start:15px !important; padding-left:15px !important;}
 .content ul {-webkit-padding-start:15px !important; padding-left:15px !important;}
 .content form {margin-top:3rem;}
 .content form input[type="text"], form input[type="tel"], form input[type="email"], form select {width:100%; height:40px; border-radius:10px; border:1px solid var(--blauw-color); padding:0 10px;}
 .content form input[type="text"]:focus, form input[type="tel"]:focus, form input[type="email"]:focus, form textarea:focus {border:1px solid var(--blauw-color);}
 .content form textarea {width:100%; border-radius:10px; border:1px solid var(--blauw-color); padding:10px;}
 .content form input[type="submit"] {border:1px solid var(--blauw-color); background-color:var(--blauw-color); border-radius:30px; padding:10px 30px; font-weight:600; background: linear-gradient(to right, var(--tobrix-blauw-color) 50%, var(--blauw-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--wit-color); margin-top:15px;}
 .content form input[type="submit"]:hover {border-color: var(--tobrix-blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4);}
 
 .content_image img, .image_content img {border-radius:var(--border-radius);}
 .content_image .content {padding-right:30px;}
 .content_image .content ul {-webkit-padding-start:20px !important; padding-left:20px !important;}
 
 .image_content .content {padding-left:30px;}
 .image_content .content ul {-webkit-padding-start:20px !important; padding-left:20px !important;}
 
 .medewerkers {background-color: var(--creme-color);}
 .medewerkers .titel {margin-bottom:30px;}
 .medewerkers .wrapper {margin-bottom:30px;}
 .medewerkers .wrapper .foto {text-align:center;}
 .medewerkers .wrapper .foto img {aspect-ratio: 4/4; object-fit:cover; border-radius:555px; max-width:200px;}
 .medewerkers .wrapper .content {text-align:center; margin-top:15px;}
 .medewerkers .wrapper .content p.naam {font-weight:700; margin-bottom:0;}
 /* .medewerkers .wrapper .content .tel, .medewerkers .wrapper .content .email {display:inline-flex; gap:8px;} */
 .medewerkers .wrapper .content .tel i, .medewerkers .wrapper .content .email i {color:var(--blauw-color); margin:0 3px; font-size:20px;}

 
 .cta {margin-top:0;}
 .cta .backgroundImage {height:400px; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
 .cta .backgroundImage .overlay {background: linear-gradient(to right, rgba(33,33,33,1) 0%,
    rgba(33,33,33,0.9) 15%,
    rgba(0,57,102,0.3) 40%,
    rgba(0,57,102,0.2) 60%,
    rgba(0,57,102,0) 100%); position:absolute; z-index:1; top:0; width:100%; height:400px;}
 .cta .backgroundImage .content {position:relative; z-index:9; top:250px; color:var(--wit-color);}
 .cta .backgroundImage .content h2 {color:var(--wit-color);}
 .cta .backgroundImage .content p {font-size:20px;}
 
 .cta.offerte .backgroundImage {height:300px; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
 .cta.offerte .backgroundImage .overlay {background: linear-gradient(to right, rgba(33,33,33,1) 0%,
     rgba(33,33,33,0.9) 15%,
     rgba(0,57,102,0.3) 40%,
     rgba(0,57,102,0.2) 60%,
     rgba(0,57,102,0) 100%); position:absolute; z-index:1; top:0; width:100%; height:300px;}
  .cta .backgroundImage .content {position:relative; z-index:9; top:80px; color:var(--wit-color);}
 
 .faq {background-color:var(--creme-color); padding:4.5rem 0 5rem !important; margin-top:1.5rem;}
 .faq .accordion-item {border-bottom:1px solid #a8a7a7;}
 .faq .accordion-button {padding:1rem 0; font-weight:600;}
 .faq .accordion-button:focus {box-shadow:none;}
 .faq .accordion-body {padding:0 200px 0 0; margin-top:-.5rem;}
 .faq .accordion-body ul {padding-left:15px !important;}
 .faq .accordion-item:last-of-type>.accordion-collapse {border-top:1px solid var(--creme-color);}
 .faq .accordion .accordion-item .accordion-button::after {background-image: url('img/plus.svg'); background-size:.75rem; background-position:center center; margin-top:5px;}
 .faq .accordion .accordion-item .accordion-button:not(.collapsed)::after {background-image: url('img/minus.svg'); background-size:.75rem; background-position:center center; margin-top:5px;}
 
 .congressen .titel {margin-bottom:3rem;}
 .congressen .congres {margin:15px 0; border-bottom:1px solid #e4e4e4;}
 .congressen .congres .image img {object-fit:contain; padding:10px 30px 0 0; aspect-ratio:16/9;}
 .congressen .congres .content a {font-weight:600; font-size:14px;}
 .congressen .congres .content a:after {content:"\f178"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--body-color); padding-left:10px; transition:all 0.3s ease;}
 .congressen .congres:hover .content a:after {padding-left:20px; transition:all 0.3s ease;}
 
 .academy .titel {margin-bottom:3rem;}
 .academy .wrapper {margin:15px 0; padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
 .academy .wrapper .content a {font-weight:600; font-size:14px;}
 .academy .wrapper .content a:after {content:"\f178"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--body-color); padding-left:10px; transition:all 0.3s ease;}
 .academy .wrapper:hover .content a:after {padding-left:20px; transition:all 0.3s ease;}
 
 .summary {margin:3rem 0 3rem;}
 .summary .thumb {padding-right:30px; background-color:var(--creme-color); border-radius:var(--border-radius);}
 .summary .thumb img {object-fit:cover; aspect-ratio:4 / 4; border-radius:var(--border-radius);}
 .summary .content {padding-left:30px;}
 .summary .content h1 {font-size:2.25em !important;}
 .summary .content a {color:var(--blauw-color);}
 .summary .content a:not(.btn) {font-weight:600;}

 
 .product-information {margin:1.5rem 0;}
 .product-information .bg-blauw {border-radius:var(--border-radius); padding:3rem 0;}
 .product-information h2.title {padding-right:30px;}
 .product-information .accordion {border-radius:0; --bs-accordion-border-color:none !important;}
 .product-information .accordion .accordion-header {border-radius:0px;}
 .product-information .accordion .accordion-item {border-bottom:1px solid rgba(255,255,255,.3);}
 .product-information .accordion .accordion-item .accordion-button {background-color:transparent; padding:.75rem 1rem .75rem 0; font-weight:600;}
 .product-information .accordion .accordion-item .accordion-button:focus {border-color:unset; box-shadow:unset;}
 .product-information .accordion .accordion-item .accordion-button:not(.collapsed) {color:var(--wit-color); font-weight:600; box-shadow:none;}
 .product-information .accordion .accordion-item .accordion-button::after {background-image: url('img/plus.svg'); background-size:.75rem; background-position:center center; background-color:var(--wit-color); border-radius:50%; width:2rem; height:2rem;*/}
 .product-information .accordion .accordion-item .accordion-button:not(.collapsed)::after {background-image: url('img/minus.svg'); background-size:.75rem; background-position:center center;background-color:var(--wit-color); border-radius:50%; width:2rem; height:2rem;}
 .product-information .accordion .accordion-item .accordion-body {padding:0 100px 0 0; margin-top:0;}
 .product-information .accordion .accordion-item .accordion-body ul {-webkit-padding-start:20px !important; padding-left:20px !important;;}
 .product-information .accordion .accordion-item .accordion-body ul li {padding:2.5px 0; }
 .product-information .accordion .accordion-item .accordion-body .embed-container {margin-bottom:1.5rem;}
 .product-information .accordion .accordion-item .accordion-body .embed-container iframe {border-radius:var(--border-radius); margin-bottom:1.5rem;}

.product-information .embed-container {
     position: relative;
     width: 100%;
     padding-bottom: 56.25%; /* 16:9 */
     height: 0;
     overflow: hidden;
 }
 
 .product-information .embed-container iframe {
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     border-radius: var(--border-radius);
 }
 
 .product-information .embed-container img.lazy-thumb {
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     object-fit: cover;
     cursor: pointer;
 }


 .product-information .accordion .accordion-item .accordion-body form input[type="text"], .product-information .accordion .accordion-item .accordion-body form input[type="tel"], .product-information .accordion .accordion-item .accordion-body form input[type="email"] {width:100%; height:40px; border-radius:10px; border:1px solid #979797; padding:0 10px; background-color:#fcfcfc;}
 .product-information .accordion .accordion-item .accordion-body form input[type="text"]:focus,  .product-information .accordion .accordion-item .accordion-body form input[type="tel"]:focus, .product-information .accordion .accordion-item .accordion-body form input[type="email"]:focus, .product-information .accordion .accordion-item .accordion-body form textarea:focus {border:1px solid var(--blauw-color);}
 .product-information .accordion .accordion-item .accordion-body form textarea {width:100%; border-radius:10px; border:1px solid #979797; padding:10px;}
 .product-information .accordion .accordion-item .accordion-body form textarea:focus {border:1px solid var(--blauw-color);}
 .product-information .accordion .accordion-item .accordion-body form input[type="submit"] {border:1px solid var(--wit-color); background-color:var(--wit-color); border-radius:30px; padding:10px 30px; font-weight:600; background: linear-gradient(to right, var(--tobrix-blauw-color) 50%, var(--wit-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--blauw-color); margin-top:15px;}
 .product-information .accordion .accordion-item .accordion-body form input[type="submit"]:hover {border-color: var(--tobrix-blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4); color:var(--wit-color);}
 
 
 .related_products {padding:3rem 0;}
 .related_products .relatedCarousel {margin-top:15px;}
 .related_products .relatedCarousel .thumb {border:1px solid var(--blauw-color); background-color:var(--wit-color); border-radius:var(--border-radius);}
 .related_products .relatedCarousel .thumb img {object-fit:cover; aspect-ratio:4.5 / 5; padding:30px;}
 .related_products .relatedCarousel p {font-weight:600; margin-top:0.5rem;}
 
 
 .category {margin:0;}
 .category .single_term_title {margin-top:3rem;}
 .category .wrapper {margin:15px 0;}
 .category .wrapper .afbeelding {border:1px solid var(--blauw-color); background-color:var(--creme-color); border-radius:var(--border-radius);}
 .category .wrapper .afbeelding img {object-fit:cover; aspect-ratio:4.5 / 5; padding:30px;}
 .category .wrapper .content p {font-weight:600; margin-top:5px;}
 
 .producten-overzicht {margin:3rem 0 6rem;}
 .producten-overzicht .intro {margin-bottom:3rem;}
 .producten-overzicht .assortiment-filters {margin-bottom:1.5rem;}
 .producten-overzicht .assortiment-filters button.filter-button {border-radius:var(--border-radius); padding:5px 20px; border:1px solid var(--blauw-color); transition:all 0.25s ease-in-out; background-color:var(--creme-color); font-weight:600; margin:0 5px 0 0;}
 .producten-overzicht .assortiment-filters button.filter-button.active, .assortiment .assortiment-filters button.filter-button:hover {border:1px solid var(--blauw-color); background-color:var(--blauw-color); color:var(--wit-color); transition:all 0.25s ease-in-out;}
 .producten-overzicht .wrapper {margin:15px 0;}
 .producten-overzicht .wrapper .afbeelding {border:1px solid var(--blauw-color); background-color:var(--creme-color); border-radius:var(--border-radius);}
 .producten-overzicht .wrapper .afbeelding img {object-fit:cover; aspect-ratio:4.5 / 5; padding:30px;}
 .producten-overzicht .wrapper .content p {font-weight:600; margin-top:5px;}
 
 
 .blog-overzicht img {border-radius:var(--border-radius);}
 .blog-overzicht .featured-post {padding:3rem 0; margin-bottom:3rem;}
 .blog-overzicht .featured-post p.title {font-size:3rem; color:var(--wit-color); line-height:1.2; padding-right:30px; font-weight:600;}
 .blog-overzicht .featured-post button.btn.btn-wit {border:1px solid var(--wit-color); background-color:var(--wit-color); background: linear-gradient(to right, var(--tobrix-blauw-color) 50%, var(--wit-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--body-color); margin-top:15px;}
 .blog-overzicht .featured-post button.btn.btn-wit:hover { border: 1px solid var(--tobrix-blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4); color:var(--wit-color); background-color:var(--tobrix-blauw-color);}
 .blog-overzicht .featured-post button.btn.btn-wit:hover a {color:var(--wit-color);}
 .blog-overzicht .featured-post .featured-img img {aspect-ratio: 5 / 3.25; object-fit:cover;}
 .blog-overzicht .layout84 {margin:6rem 0 1.5rem;}
 .blog-overzicht .layout {position:relative; display:flex; flex-direction:column;}
 .blog-overzicht .layout .layout-body {margin-top:10px;}
 .blog-overzicht .layout .layout-body h5 {font-weight:700; font-size:1rem !important;}
 .blog-overzicht .layout .layout-body p:after {content:"\f178"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:var(--body-color); position:relative; left:5px; top:2px;}
 .blog-overzicht .layout:hover .layout-body p:after {padding-left:10px; transition: all 0.3s ease-in-out;}
 .blog-overzicht .layout66 {margin:0rem 0 3rem;}
 
 .behandelindicaties .items {margin-top:30px; position:relative;}
 .behandelindicaties .items .item {position:relative; margin:0 0 30px;}
 .behandelindicaties .items .image {overflow:hidden; border-radius:var(--border-radius); position:relative;}
 .behandelindicaties .items .image img {transition:transform 1s ease; border-radius:var(--border-radius); aspect-ratio: 5.5 / 4; object-fit:cover;}
 .behandelindicaties .items .image:hover img {transform: scale(1.2);}
 .behandelindicaties .items .titel {position:absolute; z-index:10; text-align:center; bottom:0; left:50%; transform:translate(-50%, 0); width:100%;}
 .behandelindicaties .items .titel p {font-weight:600; color:var(--wit-color); font-size:1.2rem;}
 .behandelindicaties .items .item .image:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block;  
     background: linear-gradient(
       to top,
         rgba(0,57,102,0.4) 0%,
       rgba(0,57,102,0.2) 15%,
       rgba(0,57,102,0.0) 40%,
       rgba(0,57,102,0.0) 60%,
       rgba(0,57,102,0) 100%
     );
 }
 
 
 .search {margin:0 0 6rem;}
 .search .stitel {margin-top:3rem;}
 .search .wrapper {margin:15px 0;}
 .search .wrapper .afbeelding {border:1px solid var(--blauw-color); background-color:var(--creme-color); border-radius:var(--border-radius);}
 .search .wrapper .afbeelding img {object-fit:cover; aspect-ratio:4.5 / 5; padding:30px;}
 .search .wrapper .content p {font-weight:600; margin-top:5px;}
 
 
 .contact {margin-bottom:3rem; border-bottom:1px solid #e4e4e4;}
 .contact .form {padding-bottom:3rem; margin-top:3rem;}
 .contact form input[type="text"], form input[type="tel"], form input[type="email"] {width:100%; height:40px; border-radius:10px; border:1px solid #979797; padding:0 10px;}
 .contact form input[type="text"]:focus, .contact form input[type="tel"]:focus, .contact form input[type="email"]:focus, .contact form textarea:focus {border:1px solid var(--blauw-color);}
 .contact form textarea {width:100%; border-radius:10px; border:1px solid #979797; padding:10px;}
 .contact form textarea:focus {border:1px solid var(--blauw-color);}
 .contact form input[type="submit"] {border:1px solid var(--blauw-color); background-color:var(--blauw-color); border-radius:30px; padding:10px 30px; font-weight:600; background: linear-gradient(to right, var(--tobrix-blauw-color) 50%, var(--blauw-color) 50%); background-size:200% 100%!important; background-position:right bottom; transition:all .2s ease-out!important; color:var(--wit-color); margin-top:15px;}
 .contact form input[type="submit"]:hover {border-color: var(--tobrix-blauw-color); background-position:left bottom!important; box-shadow:0px 2px 10px 0px rgba(33, 33, 33, 0.4);}
 .contact .blok {height:100%; padding:30px 30px 0; border-radius:var(--border-radius);}
 .contact .blok i {color:var(--blauw-color);}
 .contact .blok a {font-weight:500;}
 
 

 
 /*--------------------------------------------------------------
 >>> Footer:
 ----------------------------------------------------------------*/
 footer {padding:90px 0 0; line-height:1.8;}
 footer h3 {margin-bottom:24px !important;}
 footer ul {list-style-type:none;}
 footer a:hover {text-decoration:underline;}
 footer .kolom1 {margin-top:-30px;}
 footer .kolom1 h3 {margin-bottom:0 !important;}
 footer .kolom1 img {width:200px; height:auto; margin-bottom:1.3rem;}
 footer .info-footer {margin-top:90px; background-color:var(--creme-color);}
 footer .info-footer p {margin:0.5rem 0; font-size:14.5px;}
 footer .info-footer .author {float:right;}
 
 
 /*--------------------------------------------------------------
  >>> Components:
  ----------------------------------------------------------------*/
 .image_content .visibleXS {display:none;}
 
 .content_content .content_1 {padding-right:30px;}
 .content_content .content_2 {padding-left:30px;}

 
 /*--------------------------------------------------------------
 >>> Media queries:
 ----------------------------------------------------------------*/
 @media only screen and (max-width : 1399px) {
  header .nav {margin-left:-30px;}
 .teamMeet .backgroundImage, .teamMeet .backgroundImage .overlay {height:750px;}
 .teamMeet .backgroundImage .content {top:300px;}
 }
 
 @media only screen and (max-width : 1299px) {
 .container-fluid {padding-left:1.25rem !important; padding-right:1.25rem !important;}
 .uitgelichtArtikel .image img {aspect-ratio:4/5;}
 .uitgelichtArtikel .content {padding-right:0;}
 }
  
  
 
 @media only screen and (max-width : 1199px) {
 header .nav {display:none;} 
 header .overige {margin-right:70px;}
 .slider .slide .slideItem .content {right:20px;}
 .uitgelichtArtikel .link {display:none;}
 .uitgelichtArtikel .content button.btn.btn-wit {display:block;}
 .teamMeet .backgroundImage, .teamMeet .backgroundImage .overlay {height:650px;}
 .teamMeet .backgroundImage .content {top:250px;}
 .faq .accordion-body {padding: 0 100px 0 0;}
 .blog-overzicht .featured-post p.title {font-size: 2.5em;}

 }
 
 
 
 
 @media only screen and (max-width : 991px) {
 .container {padding-right:1.5rem !important; padding-left:1.5rem !important; max-width:100%;}
 #home .content_content .content_1 {padding-right:60px;} 
 .slider .slide .slideItem, .slider .slide .slideItem .overlay {height:600px;}
 /* .slider .slide .slideItem .content {top:250px;} */
 .slider .slide .slideItem .content {bottom:50px; left:20px;}
 .slider .slide .slideItem .circle {width:350px; height:350px; top:100px;}
 /* .image_content .visibleXL {display:none;}
 .image_content .visibleXS {display:block;} */
 .image_content .visibleXL {display:block;}
 .image_content .visibleXS {display:none;}
 .image_content .content {padding-left:0; margin-top:30px;}
 .uitgelichtArtikel {border-top-left-radius:0; border-bottom-left-radius:0;}
 .uitgelichtArtikel {margin-left:0;}
 .uitgelichtArtikel .image {padding-right:0;}
 .uitgelichtArtikel .image img {aspect-ratio:6/4;}
 .uitgelichtArtikel .link {display:none;}
 .uitgelichtArtikel .content {margin-top:30px;}
 .oplossingenTabs .nav {padding-right:30px;}
 .oplossingenTabs .oplossing_image .content{bottom:15px; left:15px; right:15px;}
 .oplossingenTabs .oplossing_image img {aspect-ratio: 5/8;}
 .blog-overzicht .flex-column {flex-direction: unset !important;}
 .teamMeet .backgroundImage, .teamMeet .backgroundImage .overlay {height:600px;}
 .teamMeet .backgroundImage .content {top:200px;}
 .summary .thumb {padding-right: 0;}
 .summary .content {padding-left:0;}
 .producten-overzicht .assortiment-filters button.filter-button {margin:0 5px 10px 0;}
 .cta .backgroundImage, .cta .backgroundImage .overlay {height:400px;}
 footer h3 { margin-bottom:15px !important;}
 footer .kolom1 {text-align:center; margin-bottom:45px;}
 }
 
 
 
 @media only screen and (max-width : 767px) {  
 :root {
   --border-radius:8px;
 }
 header .overige .zoeken {display:none;}
 #home .content_content .content_1 {padding-right:0;} 
 #home .content_content .content_2 {padding-left:0 !important;}
 .slider {margin-bottom:1rem;}
 .slider .slide .slideItem, .slider .slide .slideItem .overlay {height:500px;}
 /* .slider .slide .slideItem .content {top:200px;} */
 .slider .slide .slideItem .content {bottom:50px;}
 .slider .slide .slideItem .circle {width:300px; height:300px; top:100px;}
 .slider.smal .slide .slideItem {height:400px;}
 .oplossingenTabs .nav-pills h2.title {margin-bottom:45px !important;}
 .oplossingenTabs .oplossing_image {margin-top:30px;}
 .oplossingenTabs .oplossing_image img {aspect-ratio: 5/4;}
 .oplossingenTabs .nav-pills .nav-link.active, .oplossingenTabs .nav-pills .show>.nav-link, .oplossingenTabs .nav-pills .nav-link {font-size:1.6rem;}
 .teamMeet .backgroundImage, .teamMeet .backgroundImage .overlay {height:450px;}
 .teamMeet .backgroundImage .content {top:100px;}
 .teamMeet .backgroundImage .content p {font-size:16px;}
 .faq {padding: 3rem 0 3rem !important;}
 .faq .accordion-body {padding: 0 50px 0 0;}
 .producten-overzicht .wrapper .afbeelding img {padding:15px;}
 .summary .content {margin-top:15px;}
 .product-information .accordion .accordion-item .accordion-body {padding:0;}
 .related_products .relatedCarousel .thumb img {padding:15px;}
 .blog-overzicht .featured-post .featured-img {margin-top:30px;}
 .blog-overzicht .featured-post p.title {padding-right: 0;}
 .cta .backgroundImage, .cta .backgroundImage .overlay {height:500px;}
 .cta .backgroundImage .content {top:auto; bottom:100px; position:absolute;}
 .contact .blok {height:auto; margin:10px 0; padding:30px;}
 .content_content .content_1 {padding-right:0;}
 .content_content .content_2 {padding-left:0;}
 
 footer .info-footer .copy {text-align:center;}
 footer .info-footer .copy p {margin-bottom:0;}
 footer .info-footer .author {text-align:center; float:none; margin-top:-0.5rem;}

 }
 
 
 
 @media only screen and (max-width : 576px) {
 .container {padding-right:1.25rem !important; padding-left:1.25rem !important; max-width:100%;}
 h1, .h1 {font-size:2rem !important; margin-bottom:0.5rem !important;}
 h2, .h2 {font-size:1.55rem !important; margin-bottom:0.5rem !important;}
 header .logo {margin-left:-5px;}
 header .overige {margin-right:40px;}
 header .overige .btn-call {display:none;}
 .slider .slide .slideItem, .slider .slide .slideItem .overlay {height:350px;}
 /* .slider .slide .slideItem .content {top:100px;} */
 .slider .slide .slideItem .content {bottom:50px;}
 .slider .slide .slideItem .content h1, .slider .slide .slideItem .content h2 {font-size:1.75rem !important;}
 .slider .slide .slideItem .content p {line-height:1.4; font-size:14px;}
 .slider .slide .slideItem .content button {margin-top:0;}
 .slider .slide .slideItem .circle {top:50px; right:-10%;}
 .slider.smal .slide .slideItem {height:300px;}
 .productenCarousel .productCarousel .owl-nav {right:85px; gap:5px;}
 .oplossingenTabs .nav-pills h2.title {margin-bottom:30px !important;}
 .oplossingenTabs .oplossing_image .content{bottom:10px; left:10px; right:10px; font-size:0.85rem;}
 .oplossingenTabs .oplossing_image img {aspect-ratio: 4/6;}
 .oplossingenTabs .nav-pills .nav-link.active, .oplossingenTabs .nav-pills .show>.nav-link, .oplossingenTabs .nav-pills .nav-link {font-size:1.3rem;}
 .teamMeet .backgroundImage, .teamMeet .backgroundImage .overlay {height:250px;}
 .teamMeet .backgroundImage .content {top:75px;}
 .teamMeet .backgroundImage .content p {display:none;}
 .faq .accordion-body {padding: 0;}
 .producten-overzicht .wrapper .content p {font-size:0.85rem; line-height:1.2;}
 .producten-overzicht .wrapper .afbeelding img {padding: 10px;}
 .producten-overzicht .assortiment-filters button.filter-button {font-size:0.85rem;}
 .blog-overzicht .featured-post p.title {font-size: 2em;}
 .cta .backgroundImage, .cta .backgroundImage .overlay {height:350px;}
 .cta .backgroundImage .content {top:auto; bottom:50px; right:20px; left:20px;}
 .cta .backgroundImage .content h2 {font-size:1.75rem !important;}
 .cta .backgroundImage .content p {line-height:1.4; font-size:14px;}
 .cta .backgroundImage .content button {margin-top:0;}
 .contact .blok {height:auto; margin:10px 0; padding:30px 15px 20px;}
 .product-information .container-fluid:has(> .bg-blauw) {padding-left:0 !important; padding-right:0 !important; border-radius: 0;}
 .product-information .container-fluid .bg-blauw {border-radius:0;}
 .product-information .accordion .accordion-item .accordion-button {padding:.75rem 0;}
 .related_products .relatedCarousel .thumb img {padding:10px;}
 /* .related_products h2 {font-size: 1.5rem !important;} */
 category {margin-top:1.5rem;}
 footer h3 { margin-bottom:10px !important;}
 footer .kolom1 {text-align:left; margin-bottom:45px;}	 
 footer .kolom2, footer .kolom3 {margin-bottom:30px;}
 }