/*#region @font-face*/
@font-face{
font-family : "titillium_websemibold_italic";
src : url("../fonts/titilliumweb-semibolditalic-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-semibolditalic-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webregular";
src : url("../fonts/titilliumweb-regular-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-regular-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_weblight_italic";
src : url("../fonts/titilliumweb-lightitalic-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-lightitalic-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webitalic";
src : url("../fonts/titilliumweb-italic-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-italic-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webXLtIt";
src : url("../fonts/titilliumweb-extralightitalic-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-extralightitalic-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webextralight";
src : url("../fonts/titilliumweb-extralight-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-extralight-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webbold_italic";
src : url("../fonts/titilliumweb-bolditalic-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-bolditalic-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webbold";
src : url("../fonts/titilliumweb-bold-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-bold-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face{
font-family : "titillium_webblack";
src : url("../fonts/titilliumweb-black-webfont.woff2") format("woff2"),
url("../fonts/titilliumweb-black-webfont.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
/*#endregion @font-face*/
:root{
--primary-color : #1A2741; /*Dark blue*/
--secondary-color : #466AB0; /*Light blue*/
--tertiary-color : #466AB033; /*Transparent blue*/
--primary-color-2 : #815a30; /*Brown*/
--shadow-menu : 0px 3px 34px 0px rgba(255, 255, 255, 0.68);
--shadow-1 : 0px 3px 34px 0px rgba(70, 106, 176, 0.2);
--gradient-diamond : linear-gradient(90deg, rgba(223, 225, 230, 1) 0%, rgba(223, 225, 230, 1) 65%, rgba(255, 255, 255, 0) 100%), url(/images/bg-diamant-5pct.png);
--gradient-diamond-mobile : linear-gradient(rgba(223, 225, 230, 1) 0%, rgba(223, 225, 230, 1) 65%, rgba(255, 255, 255, 0) 100%), url(/images/bg-diamant-5pct.png);
--gradient-light-diamond : linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0) 100%), url(/images/bg-diamant-5pct.png);
--gradient-light-diamond-mobile : linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0) 100%), url(/images/bg-diamant-5pct.png);
--gradient-blue : linear-gradient(90deg, rgba(70, 106, 176, 1) 0%, rgba(26, 39, 65, 1) 100%);
/* --gradient-brown : linear-gradient(90deg, rgba(176, 122, 65, 1) 0%, rgba(129, 90, 48, 1) 100%);*/
--gradient-brown : linear-gradient(90deg, rgba(38, 107, 41, 1) 0%, rgba(37, 75, 28, 1) 100%);
--xl-font-size : 50px;
--xl-line-height : 50px;
--xl-margin-bottom : 30px;
--l-font-size : 30px;
--l-line-height : 30px;
--l-margin-bottom : 30px;
--module-heading-font-size : 20px;
--calltoaction-heading-font-size : 50px;
--slider-slide-border-radius : 10px;
--tile-border-radius : 15px;
--button-border-radius : 5px;
--round-border-radius : 90px;
--top-bottom-spacing : 30px;
--regular-text-font : "titillium_weblight";
--strong-text-font : "titillium_websemibold";
--border-black : 1px solid black;
--border-trans-black : 1px solid rgba(0, 0, 0, 0.5);
--border-trans-white : 1px solid rgba(255, 255, 255, 0.6);
}
img{
max-width : 100%;
height : auto;
}
/*#region Magazine page */
.latest-magazine .blog-item{
display : flex;
gap : 15px;
padding-bottom : 30px;
}
.magazine .article-content, .latest-magazine .article-content{
display : flex;
gap : 5%;
justify-content : center;
}
.magazine .item-content2{
justify-content : center;
text-align : center;
}
.latest-magazine .item-content2{
display : grid;
align-content : center;
justify-content : center;
}
.latest-magazine .item-image{
width : 35%;
}
.latest-magazine .item-image img{
width : 100%;
}
.magazine .item-image{
text-align : center;
}
.latest-magazine .item-content2 img, .magazine .item-content2 img{
width : auto;
height : 24px;
}
/*#endregion Magazine page */
.downloads-page .baan-type-praatje-plaatje .tekst .row img{
height : 25px;
width : auto;
}
.downloads-page .baan-type-praatje-plaatje .tekst .row{
margin-bottom : 0;
margin-top : 24px;
width : 210px;
display : flex;
}
body {
padding-top: 117px;
}
html,
body,
.sitewrapper{
overflow-x : hidden;
width : 100%;
font-family : var(--regular-text-font);
font-size : 18px;
color : var(--primary-color);
font-display: swap;
}
strong, b{
font-family : var(--strong-text-font);
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a{
font-family : var(--regular-text-font);
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong,
h1 a strong, h2 a strong, h3 a strong, h4 a strong, h5 a strong{
font-family : var(--strong-text-font);
}
a{
text-decoration : none;
color : var(--secondary-color);
}
h1{
font-size : var(--xl-font-size);
line-height : var(--xl-line-height);
margin-bottom : var(--xl-margin-bottom);
color : var(--primary-color) !important;
}
h2{
font-size : var(--l-font-size);
line-height : var(--l-line-height);
margin-bottom : var(--l-margin-bottom);
color : var(--primary-color-2) !important;
}
.handwritten{
font-family : "caveatregular";
font-size : var(--l-font-size);
line-height : 0.8em;
padding : 30px;
display : inline-block;
position : relative;
top : 20px;
}
.grecaptcha-badge{
z-index : 1000;
}
/*#region arrow */
.arrowright:after{
width : 50px;
display : inline-block;
position : absolute;
bottom : 5px;
right : -30px;
content : url("data:image/svg+xml; utf8, ");
}
.arrowright-white:after{
width : 50px;
display : inline-block;
position : absolute;
top : 34px;
right : -30px;
content : url("data:image/svg+xml; utf8, ");
}
.arrowleft:after{
width : 50px;
position : inherit;
top : 1px;
display : block;
left : -41px;
transform : rotate(282deg);
content : url("data:image/svg+xml; utf8, ");
}
.arrowleft-alternative:before{
width : 50px;
position : inherit;
top : 1px;
display : block;
left : -41px;
content : url("data:image/svg+xml; utf8, ");
}
.arrowleft-white:before{
width : 50px;
display : inline-block;
position : absolute;
top : -5px;
left : -10px;
content : url("data:image/svg+xml; utf8, ");
}
.arrowup:before{
width : 40px;
display : inline-block;
position : absolute;
top : 15px;
left : 10px;
content : url("data:image/svg+xml; utf8, ");
transform : rotate(180deg);
}
.arrowup.greenarrow{
color : #0CC43D;
}
.arrowup.greenarrow:before{
content : url("data:image/svg+xml; utf8, ");
}
.arrowdown:before{
width : 40px;
display : inline-block;
position : absolute;
top : 40px;
left : 10px;
content : url("data:image/svg+xml; utf8, ");
transform : rotate(320deg);
}
/*#endregion arrow */
/*#region slide-out menu */
#slide-out-menu{
position: fixed;
bottom: calc(50% - 79px);
left: -225px;
background: var(--primary-color);
transition: left 500ms;
z-index: 1005;
border-radius: var(--button-border-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
overflow: hidden;
}
#slide-out-menu:hover{
left: 0;
transition: left 500ms;
}
#slide-out-menu .slide-out-menu-button{
width: 50px;
transform: translateY(-50%);
position: absolute;
right: 0;
margin-right: 15px;
top: 50%;
}
#slide-out-menu .slide-out-content{
padding: 10px;
width: 225px;
display: block;
height: auto;
background: var(--primary-color);
margin-right: 75px;
}
#slide-out-menu .mod-menu .nav-item a{
color : #fff !important;
padding : 10px 15px;
display : inline-block;
width : 100%;
}
#slide-out-menu .mod-menu .nav-item, #slide-out-menu .mod-menu .nav-item .dropdown-item {
transition: 0.2s;
border-radius: var(--button-border-radius);
width: 100%;
}
#slide-out-menu .mod-menu .nav-item:hover, #slide-out-menu .mod-menu .nav-item .dropdown-item:hover {
transition: 0.2s;
background-color: var(--secondary-color) !important;
}
.slide-out-menu-toggle-mobile{
z-index: 5;
width: 75px;
height: 100%;
position: absolute;
top: 0;
right: 0;
display: none;
}
/*#endregion slide-out menu */
/*#region pagination */
.pagination .icon-angle-right:after{
content : ">";
}
.pagination .icon-angle-left:after{
content : "<";
}
.pagination .icon-angle-double-right:after{
content : ">>";
}
.pagination .icon-angle-double-left:after{
content : "<<";
}
.pagination .page-link{
color : var(--secondary-color);
}
.pagination .page-item.active .page-link{
background-color : var(--secondary-color);
border-color : var(--secondary-color);
}
/*#endregion pagination */
/* Elegantly break-out of bootstrap container */
.break-out{
width : 100vw;
position : relative;
left : calc(-1 * (100vw - 100%) / 2);
}
/*#region Header*/
.page-header h2{
font-size : var(--module-heading-font-size);
padding : 0;
margin : 0;
}
#logo-mobile{
display : none;
width : 120px;
position : absolute;
top : 10px;
left : 50%;
transform : translateX(-50%);
z-index : 10;
}
#logo{
width : 200px;
margin : 30px 0;
}
#logo a{
-webkit-user-drag : none;
-khtml-user-drag : none;
-moz-user-drag : none;
-o-user-drag : none;
user-drag : none;
}
#logo svg{
overflow : visible;
}
#logo svg path{
filter : drop-shadow(0px 3px 34px rgb(255 255 255 / 0.68));
stroke : white;
stroke-width : 1px;
}
header nav.menu{
padding : 0;
margin : 0;
}
.navbar-nav{
width : 100%;
}
.navbar-nav > .nav-item:nth-child(2){
position : absolute;
left : 50%;
transform : translateX(-50%);
z-index : 1000;
}
.navbar-nav > .nav-item:nth-child(5){
margin-left : auto;
}
#navbarNav{
background : var(--primary-color);
border-bottom-left-radius : 15px;
border-bottom-right-radius : 15px;
}
/* Icon 4 */
#nav-icon{
width : 60px;
height : 45px;
position : relative;
-webkit-transform : rotate(0deg);
-moz-transform : rotate(0deg);
-o-transform : rotate(0deg);
transform : rotate(0deg) scale(0.7);
-webkit-transition : .5s ease-in-out;
-moz-transition : .5s ease-in-out;
-o-transition : .5s ease-in-out;
transition : .5s ease-in-out;
cursor : pointer;
}
#nav-icon span{
display : block;
position : absolute;
height : 9px;
width : 100%;
background : white;
border-radius : 3px;
opacity : 1;
left : 0;
-webkit-transform : rotate(0deg);
-moz-transform : rotate(0deg);
-o-transform : rotate(0deg);
transform : rotate(0deg);
-webkit-transition : .25s ease-in-out;
-moz-transition : .25s ease-in-out;
-o-transition : .25s ease-in-out;
transition : .25s ease-in-out;
}
#nav-icon span:nth-child(1){
top : 0;
-webkit-transform-origin : left center;
-moz-transform-origin : left center;
-o-transform-origin : left center;
transform-origin : left center;
}
#nav-icon span:nth-child(2){
top : 18px;
-webkit-transform-origin : left center;
-moz-transform-origin : left center;
-o-transform-origin : left center;
transform-origin : left center;
}
#nav-icon span:nth-child(3){
top : 36px;
-webkit-transform-origin : left center;
-moz-transform-origin : left center;
-o-transform-origin : left center;
transform-origin : left center;
}
#nav-icon.open span:nth-child(1){
-webkit-transform : rotate(45deg);
-moz-transform : rotate(45deg);
-o-transform : rotate(45deg);
transform : rotate(45deg);
top : -3px;
left : 8px;
}
#nav-icon.open span:nth-child(2){
width : 0;
opacity : 0;
}
#nav-icon.open span:nth-child(3){
-webkit-transform : rotate(-45deg);
-moz-transform : rotate(-45deg);
-o-transform : rotate(-45deg);
transform : rotate(-45deg);
top : 39px;
left : 8px;
}
.navbar-nav .nav-item .homebtn::before{
content : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169.17 138.2' class='bgsvg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Laag_2' data-name='Laag 2'%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Cg id='SPLINE'%3E%3Cpath class='cls-1' d='M67.87,130.86c12.09,9.79,21.34,9.79,33.43,0q29.65-24,59.29-48C172,73.6,172,64.6,160.59,55.33l-59.29-48C89.21-2.45,80-2.45,67.87,7.34l-59.29,48C-2.86,64.6-2.86,73.6,8.58,82.87Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
filter : drop-shadow(0px 3px 24px rgb(70 106 176 / 0.2));
background-repeat : no-repeat;
background-size : cover;
display : block;
pointer-events : none;
position : absolute;
top : -170px;
left : 50%;
transform : translateX(-50%);
width : 340px;
z-index : -1;
clip-path: inset(170px 0 -30px 0);
}
.navbar-nav .nav-item .homebtn img{
width : 130px;
height : auto;
}
.navbar-nav .nav-item:hover,
.navbar-nav .nav-item .dropdown-item:hover{
background-color : var(--secondary-color) !important;
}
.navbar-nav .nav-item:hover .dropdown-menu{
width: 225px !important;
}
.navbar-nav > .nav-item:nth-child(2):hover{
background-color : unset !important;
}
.navbar-nav .nav-item,
.navbar-nav .nav-item .dropdown-item{
transition : 0.2s;
}
header nav.menu .navbar-collapse{
justify-content : center;
}
header nav.menu .nav-item a{
color : #fff !important;
padding : 10px 15px;
display : inline-block;
width : 100%;
text-decoration: none;
}
.navbar .nav-item .dropdown-menu{
border-top-right-radius : 0;
border-top-left-radius : 0;
}
.navbar-collapse.collapse.show#navbarNav{
display: flex;
justify-content: space-between;
align-items: flex-start;
overflow-x: hidden;
overflow-y: auto;
height: calc(100vh - 105px);
}
.navbar-collapse.collapse.show#navbarNav > .navbar-nav{
margin-bottom: 100px;
}
.navbar-collapse.collapse.show#navbarNav .searchdiv{
margin-right: 10px;
}
header {
padding-bottom : 70px;
}
header nav.menu .dropdown-menu{
background : var(--primary-color);
margin-top : 0;
padding : 0 !important;
}
.header-wrapper.youtube .header-container{
position : absolute;
width : 100%;
height : 100vh;
left : 0;
overflow : hidden;
top : 0;
z-index : -1;
background : black;
}
.header-wrapper.youtube .header-container::after {
content: '';
display: block;
position: absolute;
width: 100vw;
background: black;
top: 0;
left: 0;
height: 100vh;
opacity: 1;
}
/*animate the opacity of header-wrapper.youtube::after fadeout*/
.header-wrapper.youtube .header-container.fadeout::after {
animation: fadeout 3s ease-in-out 1 forwards;
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.header-wrapper.youtube iframe{
z-index : -1;
clip-path : inset(1px 1px);
position : absolute;
top : -69px;
left : 0;
width : 100%;
height : calc(100vh + 70px);
}
.header-wrapper.youtube{
display : block;
height : 100vh;
margin-top : -117px; /* menu height of 47px + 70px menu bottom padding */
z-index : -1;
}
.header-wrapper.gallery .header-container{
position : absolute;
width : 100%;
height : 100vh;
left : 0;
overflow : hidden;
top : 0;
z-index : 0;
}
.header-wrapper.gallery .tiny-slider-container li img{
object-fit : cover;
height : 100vh;
width : 100%;
}
.tiny-slider-container .controls div{
transition : transform .6s;
}
.tiny-slider-container .controls div:hover{
transform : scale(1.05);
}
.header-wrapper.gallery{
display : block;
height : calc(100vh - 117px);
z-index : -1;
}
.header-wrapper.gallery .controls .prev:before,
.header-wrapper.gallery .controls .next:before{
top : 0;
display : block;
content : "";
width : 44px;
height : 44px;
background-image : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23466AB0;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : center center;
background-size : 14px 20px;
}
.header-wrapper.gallery .controls .prev:before{
left : 0;
transform : rotate(0deg);
}
.header-wrapper.gallery .controls .next:before{
left : 0;
transform : rotate(180deg);
}
.header-wrapper.gallery .controls .next,
.header-wrapper.gallery .controls .prev{
position : absolute;
font-size : 60px;
width : 44px;
height : 44px;
border-radius : 100%;
background-color : white;
cursor : pointer;
-webkit-box-shadow : 3px 3px 0 0 rgb(0 0 0);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
top : calc(50vh - 22px);
}
.header-wrapper.gallery .controls .next{
right : 20px;
}
.header-wrapper.gallery .controls .prev{
left : 20px;
}
header .searchdiv a{
position : relative;
width : 30px;
height : 30px;
padding : 5px;
display : inline-block;
}
header .searchdiv a:before{
content : url("../images/search.svg");
}
header .js-finder-searchform{
position : absolute;
width : 210px;
right : 0;
top : 60px;
}
header .js-finder-searchform .awesomplete{
background-color : var(--primary-color);
padding : 10px;
border-radius : var(--button-border-radius);
}
header .js-finder-searchform .awesomplete:before{
z-index : -1;
content : " ";
position : absolute;
background : var(--primary-color);
width : 20px;
height : 20px;
top : -5px;
right : 45px;
transform : rotate(45deg);
}
/*#region Language module*/
.mod-languages button{
border : none;
background-color : unset !important;
box-shadow : none !important;
}
.mod-languages .dropdown-menu{
top : 100%;
}
.mod-languages:hover .dropdown-menu{
display : block;
margin-top : 0;
min-width : auto;
width : 100%;
flex-direction : column;
align-items : center;
}
.mod-languages .dropdown-toggle::after{
display : none;
}
.mod-languages .dropdown-menu a{
display : block;
padding : 0;
}
.mod-languages .dropdown-menu li:hover{
background-color : var(--secondary-color);
}
.mod-languages .dropdown-menu li{
transition : .2s;
}
.mod-languages .dropdown-menu img{
margin-left : 50%;
transform : translateX(-50%);
}
.mod-languages ul.lang-block li{
margin : unset !important;
padding : 0 !important;
}
/*#endregion Language module*/
/*#endregion Header*/
.scrolled-down{
transform : translateY(-300%);
transition : all 0.3s ease-in-out;
}
.scrolled-up{
transform : translateY(0);
transition : all 0.3s ease-in-out;
}
.autohide{
position : fixed;
top : 0;
right : 0;
left : 0;
width : 100%;
z-index : 1030;
transform : translateY(0px);
transition : transform 300ms ease-in-out 0s;
}
.result__title-text{
font-family : "titillium_websemibold";
margin : 30px 0;
}
/*#region a.plaatje-link class */
a.plaatje-link img{
transition : filter 0.6s, transform 0.6s;
}
a.plaatje-link:hover img{
transition : filter 0.6s, transform 0.6s;
filter : brightness(0.75);
}
a.plaatje-link:hover{
position : relative;
}
a.plaatje-link:hover:before{
top : 50%;
display : block;
left : 50%;
transform : translate(-50%, -50%);
width : 40px;
filter : invert(1);
position : absolute;
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.9 52.84'%3E%3Cg id='Laag_1-2'%3E%3Cpath d='M17.38,12.38c6.25-6.25,16.63-6.25,22.88,0,5.62,5.62,6.45,14.57,1.83,21.03l-.12,.18c-1.16,1.61-3.4,1.99-5.01,.83-1.62-1.16-2-3.4-.84-5.01l.12-.18c2.57-3.61,2.17-8.54-.97-11.67-3.53-3.53-9.27-3.53-12.81,0l-12.61,12.62c-3.54,3.44-3.54,9.27,0,12.81,3.12,3.13,8.07,3.54,11.66,.97l.18-.22c1.62-1.06,3.87-.69,5.01,.93,1.16,1.62,.79,3.87-.83,5.02l-.18,.12c-6.56,4.62-15.32,3.88-20.93-1.73-6.35-6.35-6.35-16.64,0-22.98l12.62-12.72Zm33.15,27.97c-6.35,6.35-16.63,6.35-22.98,0-5.62-5.62-6.35-14.47-1.73-20.93l.12-.18c1.06-1.61,3.3-1.99,5.01-.83,1.62,1.06,2,3.3,.84,5.01l-.12,.18c-2.57,3.51-2.17,8.54,.97,11.67,3.53,3.53,9.27,3.53,12.81,0l12.61-12.62c3.54-3.54,3.54-9.37,0-12.81-3.12-3.13-8.07-3.54-11.66-.97l-.18,.12c-1.62,1.16-3.87,.69-5.01-.83-1.16-1.62-.79-3.86,.83-5.02l.18-.13c6.46-4.62,15.32-3.88,20.93,1.73,6.35,6.34,6.35,16.64,0,22.97l-12.62,12.62Z'/%3E%3C/g%3E%3C/svg%3E");
z-index : 10;
pointer-events : none;
}
a.plaatje-link.external:hover:before{
width : 30px;
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.66 58.66'%3E%3Cg id='Laag_1-2'%3E%3Cpath d='M33.52,4.19c0-2.31,1.87-4.19,4.19-4.19h16.64c.68,0,1.23,.11,1.72,.32,.38,.2,.96,.5,1.36,.9,0,0,0,.01,.01,.02,.81,.81,1.1,1.88,1.22,2.94h0V20.95c0,2.32-1.87,4.19-4.19,4.19s-4.19-1.87-4.19-4.19v-6.64l-22.18,22.17c-1.64,1.64-4.28,1.64-5.92,0s-1.64-4.28,0-5.92L44.35,8.38h-6.64c-2.32,0-4.19-1.88-4.19-4.19h0ZM0,12.57C0,7.94,3.75,4.19,8.38,4.19h12.57c2.32,0,4.19,1.88,4.19,4.19s-1.87,4.19-4.19,4.19H8.38V50.28H46.09v-12.57c0-2.32,1.87-4.19,4.19-4.19s4.19,1.87,4.19,4.19v12.57c0,4.62-3.76,8.38-8.38,8.38H8.38c-4.63,0-8.38-3.76-8.38-8.38V12.57Z'/%3E%3C/g%3E%3C/svg%3E");
}
/*#endregion a.plaatje-link class */
/*#region Footer*/
.omfooter h2,
.omfooter h3,
.omfooter h4,
.omfooter h5{
font-size : var(--module-heading-font-size);
}
.omfooter{
background : var(--gradient-blue);
color : white;
line-height : 40px;
margin : 0;
}
.diamantbg{
background-image : url("/images/bg-diamant-5pct.png");
}
.omfooter .diamantbg .container{
padding-bottom : 100px;
}
.omfooter a{
color : white;
word-break : normal;
text-decoration : none;
}
.omfooter a .image-title{
margin-left : 25px;
}
.omfooter h3{
color : white;
font-weight : bolder;
padding-top : 50px;
}
.omfooter .nav{
display : inline !important;
}
.mod-footer{
margin-top : 20px;
}
.copyright-footer{
background : rgba(26, 39, 65, 1);
padding : 1px 0 20px 0;
color : white;
border-top : solid var(--secondary-color) 2px;
}
.omfooter img{
height : 15px;
width: 15px;
margin-top : 15px;
position : absolute;
}
/*#endregion Footer*/
/*
Slider news and events + fotorij + referenties
*/
/*#region .mod-articlesnews-horizontal*/
.mod-articlesnews-horizontal .tiny-slider-container,
.tiny-slider-container.reviews{
position : relative;
}
.mod-articlesnews-horizontal .tiny-slider-container .tns-inner,
.tiny-slider-container.reviews .tns-inner{
margin : 0 !important;
}
.mod-articlesnews-horizontal .tiny-slider-container .tns-outer,
.tiny-slider-container.reviews .tns-outer{
z-index : 5;
position : relative;
}
.mod-articlesnews-horizontal .slider-item a{
overflow : hidden;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls,
.tiny-slider-container.reviews .controls{
background-color : #fff;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--round-border-radius);
width : 120%;
margin-left : -10%;
position : absolute;
height : 160px;
top : 50%;
margin-top : -80px;
z-index : 1;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls .prev,
.mod-articlesnews-horizontal .tiny-slider-container .controls .next,
.tiny-slider-container.reviews .controls .prev,
.tiny-slider-container.reviews .controls .next{
position : absolute;
top : 50%;
margin-top : -25px;
font-size : 60px;
width : 50px;
height : 50px;
border-radius : 100%;
background-color : var(--secondary-color);
cursor : pointer;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls .prev,
.tiny-slider-container.reviews .controls .prev{
left : 40px;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls .next,
.tiny-slider-container.reviews .controls .next{
right : 40px;
}
.mod-articlesnews-horizontal .tiny-slider-container .slider-item{
padding : 30px;
}
.mod-articlesnews-horizontal .tiny-slider-container .slider-item li{
overflow : hidden;
background-color : #fff;
transition : box-shadow 200ms ease;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--tile-border-radius);
min-height : 450px;
}
/*#endregion .mod-articlesnews-horizontal*/
.com-content-article__body {
padding: 60px 0;
}
.com-content-category-blog__child .inner,
.com-content-category-blog__item .inner{
background-color : #fff;
transition : box-shadow 200ms ease;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--tile-border-radius);
margin-bottom : 30px;
}
.com-content-category-blog__child .inner h3{
font-size : var(--module-heading-font-size);
padding : 20px;
margin : 0;
}
.com-content-category-blog__item .inner figure{
margin-bottom : 0;
}
.subcatsnormal .inner{
overflow : hidden;
display : block;
border-radius : 15px 15px 15px;
}
/*#region Mod Article Articlesnews */
.mod-articlesnews-horizontal .tiny-slider-container .slider-item li:hover{
transition : box-shadow 200ms ease;
box-shadow : 0 3px 34px 10px rgb(70 106 176 / 20%);
}
.mod-articlesnews-horizontal .tiny-slider-container .eventDate{
background-color : var(--secondary-color);
color : #fff;
padding : 10px 20px;
font-family : "titillium_websemibold";
}
.mod-articlesnews-horizontal .tiny-slider-container .eventDate::before{
content : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.94 60.5'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M18.91,3.78v3.78h15.12V3.78c0-2.09,1.69-3.78,3.78-3.78s3.78,1.69,3.78,3.78v3.78h5.67c3.13,0,5.67,2.54,5.67,5.67v5.67H0v-5.67c0-3.13,2.54-5.67,5.67-5.67h5.67V3.78c0-2.09,1.69-3.78,3.78-3.78s3.78,1.69,3.78,3.78ZM0,22.69H52.94V54.83c0,3.13-2.54,5.67-5.67,5.67H5.67c-3.13,0-5.67-2.54-5.67-5.67V22.69Zm38.77,13.25c1.21-1,1.21-2.8,0-3.91-1-1.1-2.8-1.1-3.91,0l-11.23,11.24-5.66-5.57c-1-1.1-2.8-1.1-3.91,0-1.1,1.11-1.1,2.91,0,3.91l7.56,7.56c1.11,1.21,2.91,1.21,3.91,0l13.23-13.23Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
display : inline-block;
width : 14px;
height : 16px;
margin-right : 15px;
}
.mod-articlesnews-horizontal .tiny-slider-container h4.newsflash-title{
padding : 10px 10px 10px 20px;
font-size : 20px;
min-height : 3em;
}
.mod-articlesnews-horizontal .tiny-slider-container h4.newsflash-title a{
text-decoration : none;
color : #1A2741;
}
.mod-articlesnews-horizontal .tiny-slider-container .introtext {
margin: 0 20px;
}
.mod-articlesnews-horizontal .tiny-slider-container p.readmore{
margin : 20px;
}
/*#endregion Mod Articlesnews */
.mod-languages.advanced-dropdown{
padding-right : 3px;
}
/*#region tiny-slider*/
.tiny-slider-container li{
list-style-type : none;
}
.tiny-slider-container.reviews .controls img,
.mod-articlesnews-horizontal .tiny-slider-container .controls img{
height : 50%;
position : absolute;
left : 14px;
top : 11px;
}
.tiny-slider-container .controls .next img,
.tiny-slider-container.reviews .controls .next img{
transform : rotate(180deg);
left : 19px;
}
.tiny-slider-container.reviews .slider-item{
text-align : center;
pointer-events : none;
}
.tiny-slider-container.reviews .slider-item li{
height : 850px;
margin : 0 auto;
display : flex;
align-items : center;
flex-direction : column;
justify-content : center;
overflow : hidden;
}
.tiny-slider-container.reviews .slider-item li svg.bgsvg{
position : absolute;
top : 0;
left : 10%;
width : 80%;
padding : 50px;
overflow : visible;
z-index : 1;
}
.tiny-slider-container.reviews .slider-item li svg.bgsvg .cls-1{
filter : drop-shadow(0px 3px 24px rgb(70 106 176 / 0.2));
}
.tiny-slider-container.reviews .slider-item li svg.quotesvg{
width : 75px;
display : block;
margin : 0 auto 50px auto;
}
.tiny-slider-container.reviews svg.logolinssensvg{
position : absolute;
width : 10%;
bottom : 100px;
left : 50%;
margin-left : -65px;
z-index : 7;
}
.tiny-slider-container.reviews .slider-item li p{
z-index : 10;
width : 50%;
color : var(--primary-color-2);
}
.tiny-slider-container.reviews .slider-item li .reviewtext{
color : var(--primary-color);
font-size : var(--l-font-size);
}
/*#endregion tiny-slider*/
.newsflash-image{
width : 100%;
object-fit : cover;
height : 200px;
}
/*#region Module Serietegels */
.mod-articlescategories{
margin-top : 30px;
margin-bottom : 30px;
}
.mod-articlescategories .serietegel{
margin : 15px 0;
}
.mod-articlescategories .serietegel .inner{
transition : box-shadow 200ms ease;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--tile-border-radius);
overflow : hidden;
height : 100%;
display : flex;
flex-direction : column;
justify-content : space-between;
}
.mod-articlescategories .serietegel .inner:hover{
transition : box-shadow 200ms ease;
box-shadow : 0 3px 34px 10px rgb(70 106 176 / 20%);
}
.mod-articlescategories .serietegel .inner a{
overflow : hidden;
}
.mod-articlescategories .serietegel .inner h3{
font-size : var(--module-heading-font-size);
padding : 30px 20px 15px 30px;
}
.mod-articlescategories .serietegel .inner .tile-text{
margin : 0 15px 0 30px;
padding : 0 0 30px 0;
min-height : 8em;
}
.mod-articlescategories .serietegel .inner .tile-length,
.mod-articlescategories .serietegel .inner .tile-models{
margin : 0 15px 0 30px;
padding : 10px 0;
display : flex;
border-bottom : 1px solid var(--primary-color-2);
}
.mod-articlescategories .serietegel .inner .tile-length{
margin-top : auto;
border-top : 1px solid var(--primary-color-2);
}
.mod-articlescategories .serietegel .inner .tile-length svg,
.mod-articlescategories .serietegel .inner .tile-models svg{
float : left;
margin : 0 8px 0 0;
fill : var(--primary-color-2);
}
.mod-articlescategories .serietegel .inner .tile-models svg .g{
fill : var(--primary-color-2);
}
.mod-articlescategories .serietegel .inner .tile-length svg{
width : 20px;
}
.mod-articlescategories .serietegel .inner .tile-models svg{
width : 40px;
}
.mod-articlescategories .serietegel .inner .tile-models .tile-model{
margin-right : 15px;
}
.mod-articlescategories .serietegel .inner .btn{
margin : 30px;
width : fit-content;
}
.mod-articlescategories .serietegel .inner:last-of-type(div){
margin-bottom : 100%;
}
.gallery-title{
font-size : var(--xl-font-size);
line-height : var(--xl-line-height);
margin-bottom : var(--xl-margin-bottom);
}
/*#endregion Module Serietegels */
/*#region scroll-pagecontent*/
.scroll-pagecontent.whiteblue{
background-color : white;
}
.scroll-pagecontent{
z-index : 10;
width : 44px;
height : 44px;
position : absolute;
top : calc(100vh - 66px);
left : calc(50% + 8px);
transform : translateX(-50%);
cursor : pointer;
border-radius : 100%;
background-color : var(--secondary-color);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
}
.scroll-pagecontent::after{
display : block;
content : "";
width : 44px;
height : 44px;
transform : rotate(270deg);
background-image : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : center center;
background-size : 14px 20px;
}
.scroll-pagecontent.whiteblue::after{
background-image : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23466AB0;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.scroll-top{
display : none;
width : 44px;
height : 44px;
position : fixed;
left : 20px;
bottom : 20px;
color : #fff;
white-space : nowrap;
overflow : hidden;
background-color : var(--primary-color-2);
cursor : pointer;
border-radius : var(--button-border-radius);
z-index : 25;
}
.scroll-top:before{
font-family : "fontawesome";
content : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com/ License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M374.6 246.6C368.4 252.9 360.2 256 352 256s-16.38-3.125-22.62-9.375L224 141.3V448c0 17.69-14.33 31.1-31.1 31.1S160 465.7 160 448V141.3L54.63 246.6c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160C387.1 213.9 387.1 234.1 374.6 246.6z'/%3E%3C/svg%3E");
display : block;
margin : 11px 16px;
filter : invert(1);
}
/*#endregion scroll-pagecontent*/
/*
Duplicaten van editor.css omdat er zaken niet werken in de editor in administrator
*/
.bruinebalk{
background : linear-gradient(90deg, rgba(176, 122, 65, 1) 0%, rgba(129, 90, 48, 1) 100%);
}
a img,
.btn, .scroll-top, .scroll-pagecontent{
transition : transform .6s;
}
a img:hover{
transform : scale(1.15);
}
.tns-lazy-img{
transition : opacity 0.6s, transform 0.6s !important;
}
.btn:hover, .scroll-top:hover{
transform : scale(1.05);
}
.scroll-pagecontent:hover{
transform : translateX(-50%) scale(1.05);
}
/*#region language-tabs*/
.language-tabs .nav-tabs li a{
transition : background-color 0.2s ease;
background-color : #CCCCCC7F;
box-shadow : var(--shadow-1);
padding : 20px 30px;
margin-right : 10px;
border-top-left-radius : 40px;
border-top-right-radius : 40px;
clip-path : inset(-33px -33px 0px -33px);
display : block;
color : black;
font-weight : bold;
}
.language-tabs .nav-tabs li a.active{
transition : background-color 0.2s ease;
background-color : white;
}
.language-tabs .nav-tabs{
border-bottom : none;
}
.language-tabs .tab-content{
border-top-right-radius : 40px;
border-bottom-left-radius : 40px;
border-bottom-right-radius : 40px;
box-shadow : var(--shadow-1);
padding : 40px;
}
/*#endregion language-tabs*/
.header-wrapper.gallery{
user-select : none;
}
.header-wrapper.gallery .tns-inner{
pointer-events : none;
}
/*#region Fluid with diamond baan style*/
.baan-style-neutral-white.baan-type-gallery .item li{
overflow : hidden;
}
.baan-style-fluid-with-light-diamond .tns-outer{
overflow : hidden;
border-radius : var(--slider-slide-border-radius);
}
.baan-style-fluid-with-diamond{
background : var(--gradient-diamond);
position : relative;
padding : 40px;
}
.baan-style-fluid-with-light-diamond{
background : var(--gradient-light-diamond);
position : relative;
padding : 40px;
}
.baan-style-fluid-with-diamond p,
.baan-style-fluid-with-diamond h1,
.baan-style-fluid-with-diamond h2,
.baan-style-fluid-with-light-diamond p,
.baan-style-fluid-with-light-diamond h1,
.baan-style-fluid-with-light-diamond h2{
color : var(--primary-color) !important;
}
.baan-style-fluid-blue .pr-pl .col-md-6:first-child,
.baan-style-fluid-blue .pl-pr .col-md-6:last-child,
.baan-style-fluid-blue .pr-ga .col-md-6:first-child,
.baan-style-fluid-blue .ga-pr .col-md-6:last-child{
margin-top : 60px;
margin-bottom : 60px;
}
.baan-style-fluid-blue .col-md-6 h2,
.baan-style-fluid-blue .col-md-6 h1,
.baan-style-fluid-blue .col-md-6 p{
color : #fff !important;
}
.baan-style-fluid-blue{
background : var(--primary-color);
}
.baan-style-fluid-blue .pl-pr picture img,
.baan-style-fluid-blue .ga-pr picture img{
max-width : 50vw;
width : 150% !important;
-webkit-mask : linear-gradient(90deg, rgb(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
object-fit : cover;
height : 100%;
float : right;
}
.baan-style-fluid-blue .pr-pl picture img,
.baan-style-fluid-blue .pr-ga picture img{
max-width : 50vw;
width : 150% !important;
-webkit-mask : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 10%);
object-fit : cover;
height : 100%;
}
/* Fluid brown baan style */
.baan-style-fluid-brown .pr-pl .col-md-6:first-child,
.baan-style-fluid-brown .pl-pr .col-md-6:last-child,
.baan-style-fluid-brown .pr-ga .col-md-6:first-child,
.baan-style-fluid-brown .ga-pr .col-md-6:last-child{
margin-top : 40px;
margin-bottom : 40px;
}
.baan-style-fluid-brown .col-md-6 h2,
.baan-style-fluid-brown .col-md-6 h1,
.baan-style-fluid-brown .col-md-6 p{
color : #fff !important;
}
.baan-style-fluid-brown{
background : #815A30;
}
.baan-style-fluid-brown .pl-pr picture img,
.baan-style-fluid-brown .ga-pr picture img{
max-width : 50vw;
width : 150% !important;
-webkit-mask : linear-gradient(90deg, rgb(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
object-fit : cover;
height : 100%;
float : right;
}
.baan-style-fluid-brown .pr-pl picture img,
.baan-style-fluid-brown .pr-ga picture img{
max-width : 50vw;
width : 150% !important;
-webkit-mask : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 10%);
object-fit : cover;
height : 100%;
}
/*#endregion Fluid with diamond baan style*/
/*==============Bar banen================== */
.brochureaanvraag h2,
.brochureaanvraag h3,
.brochureaanvraag h4,
.brochureaanvraag h5,
.komlangs h2,
.komlangs h3,
.komlangs h4,
.komlangs h5,
.mod_webdelta_faq h2,
.mod_webdelta_faq h3,
.mod_webdelta_faq h4,
.mod_webdelta_faq h5,
.linssenwebshop h2,
.linssenwebshop h3,
.linssenwebshop h4,
.linssenwebshop h5,
.rsformnewsletter h2,
.rsformnewsletter h3,
.rsformnewsletter h4,
.rsformnewsletter h5,
.startboating h2,
.startboating h3,
.startboating h4,
.startboating h5{
font-size : var(--calltoaction-heading-font-size);
line-height : var(--xl-line-height);
}
.baan-style-brown-bar .container,
.baan-style-blue-bar .container,
.brochureaanvraag,
.komlangs,
.linssenwebshop,
.rsformnewsletter,
.startboating{
border-radius : var(--tile-border-radius);
margin-bottom : 100px;
margin-top : 80px;
position : relative;
}
.baan-style-brown-bar .container .imgright-text,
.baan-style-blue-bar .container .imgright-text,
.brochureaanvraag .imgright-text,
.komlangs .imgright-text,
.linssenwebshop .imgright-text,
.rsformnewsletter .imgright-text,
.startboating .imgright-text{
padding : 40px 40px 20px 40px;
}
.baan-style-brown-bar .imgright-image,
.baan-style-blue-bar .imgright-image,
.brochureaanvraag .imgright-image,
.startboating .imgright-image,
.komlangs .imgright-image,
.linssenwebshop .imgright-image,
.startboating .imgright-image{
display : flex;
justify-content : center;
}
.baan-style-brown-bar .container,
.brochureaanvraag,
.startboating{
background : var(--gradient-brown);
}
.baan-style-blue-bar .container,
.komlangs{
background : var(--gradient-blue);
}
.linssenwebshop{
background-color : #fff;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
}
.rsformnewsletter{
background-color : var(--secondary-color);
background-image : url("../images/bg-boot-varen-blauw.png");
background-size : contain;
background-position : center right;
background-repeat : no-repeat;
}
.baan-style-brown-bar h3,
.baan-style-brown-bar h2,
.baan-style-brown-bar h1,
.baan-style-brown-bar a,
.baan-style-brown-bar p,
.baan-style-blue-bar h3,
.baan-style-blue-bar h2,
.baan-style-blue-bar h1,
.baan-style-blue-bar a,
.baan-style-blue-bar p,
.brochureaanvraag h3,
.brochureaanvraag h2,
.brochureaanvraag h1,
.brochureaanvraag a,
.brochureaanvraag p,
.komlangs h3,
.komlangs h2,
.komlangs h1,
.komlangs a,
.komlangs p,
.rsformnewsletter h3,
.rsformnewsletter h2,
.rsformnewsletter h1,
.rsformnewsletter a,
.rsformnewsletter p,
.rsformnewsletter li,
.startboating h3,
.startboating h2,
.startboating h1,
.startboating a,
.startboating p{
color : #fff;
}
.linssenwebshop .btn a{
color : #fff !important;
}
.startboating .imgright-text p:first-of-type{
margin-bottom : 80px;
}
.baan-style-brown-bar img,
.linssenwebshop img,
.brochureaanvraag img{
margin-bottom : -15%;
margin-top : -5%;
max-height : 400px;
}
.baan-style-blue-bar img,
.startboating img{
margin-bottom : -12%;
}
/*#region .komlangs class */
.komlangs img{
margin-top : -12%;
position : absolute;
bottom : 0;
}
.baan-style-blue-bar .btn,
.komlangs .btn{
background-color : #fff !important;
}
.baan-style-blue-bar .btn a,
.komlangs .btn a{
color : var(--secondary-color);
text-decoration : none;
}
.komlangs .btn:first-child{
margin-right : 30px;
}
.komlangs .btn:first-child::before{
content : url("data:image/svg+xml,%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.62 52.94'%3E%3Cg fill='%23466AB0' id='Laag_1-2'%3E%3Cpath d='M68.06,47.27c0,3.13-2.54,5.67-5.67,5.67H5.67c-3.13,0-5.67-2.54-5.67-5.67,0-1.04,.85-1.89,1.89-1.89H66.17c1.04,0,1.89,.85,1.89,1.89Zm7.56-32.14c0,8.34-6.78,15.12-15.12,15.12h-3.78c0,6.26-5.08,11.34-11.34,11.34H22.69c-6.26,0-11.34-5.08-11.34-11.34V2.84c0-1.57,1.27-2.84,2.83-2.84H60.5c8.34,0,15.12,6.78,15.12,15.12Zm-7.56,0c0-4.17-3.4-7.56-7.56-7.56h-3.78v15.12h3.78c4.17,0,7.56-3.4,7.56-7.56Z'/%3E%3C/g%3E%3C/svg%3E");
display : inline-block;
width : 18px;
height : 18px;
margin-right : 10px;
}
.komlangs .btn:nth-child(2)::before{
content : url("data:image/svg+xml,%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.06 45.38'%3E%3Cg fill='%23466AB0' id='Laag_1-2'%3E%3Cpath d='M45.38,5.67V39.7c0,3.13-2.54,5.67-5.67,5.67H5.67c-3.13,0-5.67-2.54-5.67-5.67V5.67C0,2.54,2.54,0,5.67,0H39.7c3.13,0,5.67,2.54,5.67,5.67Zm22.69,1.83v30.36c0,3.01-3.45,4.77-5.95,3.05l-12.95-8.92V13.39l12.95-8.93c2.52-1.73,5.96,.04,5.96,3.04Z'/%3E%3C/g%3E%3C/svg%3E");
display : inline-block;
width : 18px;
height : 18px;
margin-right : 10px;
}
.komlangs .imgright-image{
text-align : right;
}
/*#endregion .komlangs class */
.socials{
display : flex;
}
.socials img{
width : 50px;
height : 50px;
margin : 10px;
}
/*#region Tiny Slider neutral baan style */
.banen .baan-style-neutral-blue .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-blue .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-blue .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-blue .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-brown .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-brown .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-brown .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-white .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-white .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-white .ga-pr .col-md-6:last-child{
border-radius : var(--slider-slide-border-radius);
overflow : hidden;
max-width : 55% !important;
width : 55%;
}
.banen .baan-style-neutral-blue .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-blue .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-ga .col-md-6:last-child{
margin-left : -5%;
}
.banen .baan-style-neutral-blue .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-blue .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-brown .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-brown .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-white .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-white .ga-pr .col-md-6:last-child{
margin-right : -5%;
}
.baan-type-praatje-plaatje.baan-style-neutral-white .row,
.baan-type-praatje-plaatje.baan-style-neutral-blue .row,
.baan-type-praatje-plaatje.baan-style-neutral-brown .row,
.baan-type-praatje-gallery.baan-style-neutral-white .row,
.baan-type-praatje-gallery.baan-style-neutral-blue .row,
.baan-type-praatje-gallery.baan-style-neutral-brown .row{
align-items : center;
--bs-gutter-x : 0rem;
margin-bottom : 80px;
margin-top : 40px;
}
.baan-type-praatje-plaatje.baan-style-fluid-blue .foto img, .baan-type-praatje-plaatje.baan-style-fluid-brown .foto img{
position : absolute;
right : 0;
top : 0;
}
.baan-type-praatje-plaatje.baan-style-fluid-blue .pl-pr .foto img, .baan-type-praatje-plaatje.baan-style-fluid-brown .pl-pr .foto img{
right : unset;
left : 0;
}
.baan-type-praatje-plaatje.baan-style-fluid-blue, .baan-type-praatje-plaatje.baan-style-fluid-brown{
position : relative;
}
.item-content2{
padding : 5px;
margin : 0;
text-align : center;
}
.linssen-customers img{
height : 202px;
object-fit : cover;
}
.baan-gallery{
padding-left : 0;
position : relative;
}
.baan-style-neutral-white .praatje,
.baan-style-neutral-blue .praatje,
.baan-style-neutral-brown .praatje,
.baan-style-neutral-white #lipsum,
.baan-style-neutral-blue #lipsum,
.baan-style-neutral-brown #lipsum{
padding : 40px;
border-radius : var(--slider-slide-border-radius);
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
position : relative;
z-index : 999;
}
.baan-style-neutral-white .praatje,
.baan-style-neutral-white #lipsum{
background-color : #fff;
}
.baan-style-neutral-blue .praatje,
.baan-style-neutral-blue #lipsum{
background : var(--gradient-blue);
}
.baan-style-neutral-brown .praatje,
.baan-style-neutral-brown #lipsum{
background : var(--gradient-brown);
}
.baan-style-neutral-white .praatje h2,
.baan-style-neutral-white #lipsum h2{
color : var(--primary-color-2);
}
.baan-style-neutral-blue .praatje h2,
.baan-style-neutral-blue .praatje h1,
.baan-style-neutral-blue .praatje p,
.baan-style-neutral-blue .praatje a,
.baan-style-neutral-brown .praatje h3,
.baan-style-neutral-brown .praatje h2,
.baan-style-neutral-brown .praatje h1,
.baan-style-neutral-brown .praatje p,
.baan-style-neutral-brown .praatje a,
.baan-style-neutral-blue #lipsum h2,
.baan-style-neutral-blue #lipsum h1,
.baan-style-neutral-blue #lipsum p,
.baan-style-neutral-blue #lipsum a,
.baan-style-neutral-brown #lipsum h3,
.baan-style-neutral-brown #lipsum h2,
.baan-style-neutral-brown #lipsum h1,
.baan-style-neutral-brown #lipsum a,
.baan-style-neutral-brown #lipsum p{
color : #fff !important;
}
/*#endregion Tiny Slider neutral baan style */
/*#region mod-breadcrumbs*/
.mod-breadcrumbs{
margin-bottom : 5px;
padding-left : 0 !important;
}
.mod-breadcrumbs a{
color : var(--primary-color-2);
text-decoration : underline;
}
/*#endregion mod-breadcrumbs*/
/*#region Webdelta FAQ*/
.mod_webdelta_faq .faqtitle{
margin-bottom : 40px;
color : var(--secondary-color);
}
.accordion-header p{
font-size : var(--module-heading-font-size);
font-family : var(--strong-text-font);
}
.mod_webdelta_faq .accordion-item{
background-color : #fff;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border : none;
margin-bottom : 24px;
border-radius : 40px !important;
}
.mod_webdelta_faq .accordion-item .accordion-body{
padding : 0 26px 26px 26px;
}
.mod_webdelta_faq .accordion-item .accordion-button{
border-radius : 40px !important;
background-color : transparent;
padding : 26px 80px 26px 26px;
display : block;
position : relative;
}
.mod_webdelta_faq .accordion-item .accordion-button:not(.collapsed){
color : black;
background-color : white;
box-shadow : none;
}
.mod_webdelta_faq .accordion-item .accordion-button .open-close{
font-size : 60px;
width : 50px;
height : 50px;
float : right;
position : absolute;
right : 26px;
top : 14px;
border-radius : 100%;
background-color : var(--secondary-color);
cursor : pointer;
-webkit-box-shadow : 3px 3px 0 0 rgb(0 0 0);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
}
.mod_webdelta_faq .accordion-item .accordion-button::after{
display : none;
}
.mod_webdelta_faq .accordion-item .accordion-button.collapse .open-close:after{
transform : rotate(180deg);
content : "";
background-image : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.94 30.25'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M26.47,30.25c-.97,0-1.94-.37-2.67-1.11L1.11,6.46C-.37,4.98-.37,2.58,1.11,1.11S4.98-.37,6.45,1.11L26.47,21.13,46.49,1.11c1.48-1.48,3.87-1.48,5.35,0,1.48,1.48,1.48,3.87,0,5.35L29.15,29.15c-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat : no-repeat;
background-size : 25px 35px;
background-position : 50% 60%;
width : 46px;
height : 20px;
left : 2px;
top : 14px;
display : block;
position : relative;
}
.mod_webdelta_faq .accordion-item .accordion-button.collapsed .open-close:after{
transform : rotate(0deg);
top : 18px;
}
/*#endregion Webdelta FAQ*/
/*Webdelta popup module*/
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.mod-popup {
background-color: white;
color: black;
padding: 15px 15px 2px 15px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
position: relative;
max-width: 65%;
line-height: normal;
max-height: 80%;
overflow: auto;
}
.close-btn {
position: absolute;
top:-4px;
right: 5px;
font-size: 24px;
background: none;
border: none;
cursor: pointer;
}
/*#region Gallery banen*/
.arrow-blue{
filter : invert(41%) sepia(10%) saturate(3455%) hue-rotate(181deg) brightness(91%) contrast(80%);
}
.banen .tiny-slider-container li{
list-style : none;
}
.banen .controls{
margin-left : auto;
margin-right : auto;
display : flex;
justify-content : center;
position : relative;
}
.banen .controls .prev,
.banen .controls .next{
position : absolute;
bottom : 15px;
font-size : 60px;
width : 50px;
height : 50px;
border-radius : 100%;
background-color : white;
cursor : pointer;
-webkit-box-shadow : 3px 3px 0 0 rgb(0 0 0);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
}
.banen .controls .next{
margin-left : 80px;
}
.banen .controls .prev{
float : left;
margin-right : 80px;
}
.prev::before{
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23466AB0;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width : 14px;
height : 20px;
display : block;
position : absolute;
top : -30px;
left : 16px;
}
.next::before{
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23466AB0;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width : 14px;
height : 20px;
display : block;
position : absolute;
top : 62px;
left : 19px;
transform : rotate(180deg);
}
.pagenavigation .next::before{
display : none;
}
/*#endregion Gallery banen*/
/*#region Fotogallery*/
.baan-type-gallery .tns-outer{
z-index : 5;
position : relative;
}
.baan-type-gallery .baan-gallery .slider-item li{
border-radius : var(--tile-border-radius);
overflow : hidden;
}
.baan-type-gallery .controls{
background-color : #fff;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--round-border-radius);
width : 120%;
margin-left : -10%;
position : absolute;
height : 160px;
top : 50%;
margin-top : -80px;
z-index : 1;
}
.baan-type-gallery .controls .prev{
left : 40px;
top : 50%;
margin-top : -25px;
bottom : unset;
background-color : var(--secondary-color);
-webkit-box-shadow : 3px 3px 0 0 rgb(0 0 0);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
}
.baan-type-gallery .controls .prev::before,
.baan-type-gallery .controls .next::before{
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.47 45.38'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath class='d' d='M22.69,45.38c-.97,0-1.94-.37-2.67-1.11L1.11,25.36c-1.48-1.48-1.48-3.87,0-5.35L20.01,1.11c1.48-1.48,3.87-1.48,5.35,0s1.48,3.87,0,5.35L9.13,22.69l16.24,16.24c1.48,1.48,1.48,3.87,0,5.35-.74,.74-1.71,1.1-2.68,1.1Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.baan-type-gallery .controls .next{
right : 40px;
top : 50%;
margin-top : -25px;
bottom : unset;
background-color : var(--secondary-color);
-webkit-box-shadow : 3px 3px 0 0 rgb(0 0 0);
box-shadow : 3px 3px 0 0 rgb(0 0 0);
}
.baan-type-gallery .row{
margin-top : 120px;
margin-bottom : 80px;
}
/*#endregion Fotogallery*/
/*#region Legenda*/
.legenda{
display : flex;
border-top : 1px solid lightgray;
border-bottom : 1px solid lightgray;
padding : 10px 0 10px 0;
margin : 20px 0 20px 0;
}
.legenda svg,
.yacht-properties svg{
height : 25px;
float : left;
margin-right : 5px;
fill : var(--primary-color-2);
}
.legenda > div{
padding-right : 20px;
}
/*#endregion Legenda*/
.yacht-properties .yacht-slaapplaatsen svg{
width : 25px;
}
/*#region .used-yachts-page*/
.used-yachts .used-yacht-details-price{
position: absolute;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 40px;
font-size: 18px;
padding-bottom: 0.375em;
}
.used-yachts .blog-item,
.ouryachts .blog-item{
margin-top : 90px;
}
.used-yachts .blog-item:hover .inner,
.ouryachts .blog-item:hover .inner{
transition : box-shadow 200ms ease;
box-shadow : 0 3px 34px 10px rgba(70, 106, 176, 0.2);
}
.used-yachts .blog-item .inner,
.ouryachts .blog-item .inner{
transition : box-shadow 200ms ease;
border-radius : var(--tile-border-radius);
background-color : #fff;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
margin-bottom : 40px;
}
.used-yacht-properties-wrap{
box-shadow : var(--shadow-1);
border-radius : var(--tile-border-radius);
}
.used-yacht-properties > *{
border-top : none !important;
padding : 1px !important;
}
.used-yacht-properties div:first-child{
margin-top : 10px !important;
}
.used-yacht-properties div:last-child{
margin-bottom : 10px !important;
}
.used-yacht-properties-wrap{
position : relative;
}
.used-yacht-page .used-yacht-properties div:last-child{
padding-bottom : 30px !important;
margin-bottom : 0 !important;
}
.used-yacht-page .used-yacht-properties div:first-child{
margin-top : 0 !important;
}
.used-yacht-page .used-yacht-properties div:nth-child(2){
margin-top : 20px !important;
margin-bottom : 15px !important;
}
.used-yachts .used-yacht-properties{
margin-left : -13px;
}
.used-yacht-page .used-yacht-properties .yacht-title{
padding-left : 30px !important;
}
.used-yacht-page .yacht-stamp{
top : -12px;
right : 5px;
z-index : 2;
}
.used-yacht-page .yacht-label{
z-index : 1;
position : absolute;
}
.used-yacht-page .yacht-label{
z-index : 1;
transform : rotate(40deg);
position : absolute;
top : 25px;
right : -57px;
text-align : center;
width : 200px;
color : #fff;
background-color : #DE1717;
pointer-events : none;
}
.yacht-enquire-button{
margin-left : 30px;
margin-bottom : 40px;
}
.used-yachts .imgwrapper .yacht-label{
z-index : 1;
transform : rotate(40deg);
position : absolute;
top : 25px;
right : -57px;
text-align : center;
width : 200px;
color : #fff;
background-color : #DE1717;
pointer-events : none;
}
.used-yacht-page .yacht-label.expected{
background-color : #1FBC49;
}
.used-yacht-page .used-yacht-gallery > div{
position : relative;
overflow : hidden;
border-radius : var(--tile-border-radius);
}
.used-yacht-page{
margin-bottom : var(--l-margin-bottom)
}
/*#endregion .used-yachts-page*/
/*#region .ouryachts*/
.ouryachts .blog-item .ouryachtsimg{
text-align : center;
width : 100%;
display : block;
}
a.ouryachtsimg {
height : auto;
position : relative;
top : -85px;
max-width : 282px;
width : 100%;
margin : 0 auto;
}
div#phocaMapPlgPM1 {
width: auto !important;
}
.ouryachts .blog-item .item-content{
margin : -85px 40px 40px 40px;
}
.ouryachts .blog-item .item-content .btn{
margin-bottom : 30px;
}
.ouryachts .blog-item .item-content .yacht-title p{
font-size : var(--module-heading-font-size);
margin-bottom : -10px;
}
.ouryachts .blog-item .item-content .yacht-title a{
font-size : var(--module-heading-font-size);
color : black;
font-family : var(--strong-text-font);
}
/*#endregion .ouryachts*/
.yacht-afmetingen{
border-top : 1px solid var(--primary-color-2);
padding : 10px 0 10px 0;
margin-top : 30px;
}
.yacht-slaapplaatsen{
border-top : 1px solid var(--primary-color-2);
border-bottom : 1px solid var(--primary-color-2);
padding : 10px 0 10px 0;
}
.yacht-stahoogte{
border-bottom : 1px solid var(--primary-color-2);
padding : 10px 0 10px 0;
margin-bottom : 30px;
}
/*#region .used-yacht-page class*/
.used-yachts .blog-item .inner{
overflow : hidden;
}
.used-yachts .imgwrapper{
position : relative;
overflow : hidden;
}
.used-yachts .blog-item .inner .item-content{
padding : 20px;
position : relative;
}
.used-yachts .blog-item .inner .item-content h2 a{
color : var(--primary-color);
font-size : var(--module-heading-font-size);
font-family : var(--strong-text-font);
}
.used-yachts .imgwrapper .yacht-label.expected{
background-color : #1FBC49;
}
.used-yachts .item-image{
width : 100%;
object-fit : cover;
}
.used-yacht-properties .yacht-refnr,
.used-yacht-properties .yacht-year,
.used-yacht-properties .yacht-afmetingen,
.used-yacht-properties .yacht-engine,
.used-yacht-properties .yacht-location,
.used-yacht-properties .yacht-slaapplaatsen,
.used-yacht-properties .yacht-draaiuren{
clear : both;
border-bottom : none;
margin : 0 15px 0 30px;
padding : 10px 0;
display : flex;
}
.used-yacht-properties .usedyachticon{
width : 50px;
text-align : center;
float : left;
}
.used-yacht-properties svg{
text-align : center;
width : 25px;
fill : var(--primary-color-2);
}
.used-yacht-properties .yacht-engine svg,
.used-yacht-properties .yacht-slaapplaatsen svg{
width : 30px;
}
.used-yacht-properties .yacht-year svg,
.used-yacht-properties .yacht-location svg{
width : 20px;
}
.used-yachts .yacht-price{
top : unset;
}
.used-yacht-page .used-yacht-properties{
margin-left: 0;
}
.used-yacht-page .yacht-price{
position: inherit;
width: 100%;
z-index: 1;
}
.used-yacht-page .used-yacht-properties .yacht-price{
padding : 5px 30px !important;
border-top-right-radius : var(--tile-border-radius);
border-top-left-radius : var(--tile-border-radius);
}
/*#endregion .used-yacht-page classes*/
.imgwrapper{
position : relative;
}
.yacht-price{
color : #fff;
background : var(--gradient-brown);
padding : 10px;
border-radius : 0 5px 0 0;
top : 192px;
z-index : 1;
position : absolute;
bottom : 0;
left : 0;
}
.subcatsused-yachts .inner .item-content .yacht-title a{
font-family : var(--strong-text-font);
padding : 30px 20px 15px 30px;
margin-top : 10px;
color : #1A2741FF;
}
.subcatsused-yachts a.btn.yacht-viewmore-button{
margin-bottom : 40px;
margin-top : 30px;
margin-left : 25px;
}
.subcatsused-yachts .inner{
background-color : #fff;
transition : box-shadow 200ms ease;
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
border-radius : var(--tile-border-radius);
margin-bottom : 30px;
overflow : hidden;
}
.yacht-title{
margin-top : 35px;
}
.item-content{
position : relative;
}
.pre-owned{
background-image : url("/images/stempel-linssen-preowned.png");
width : 91px;
height : 94px;
position : absolute;
top : -53px;
background-size : contain;
background-repeat : no-repeat;
right : 0;
pointer-events : none;
}
.the-collection{
background-image : url("/images/stempel-linssen-collection.png");
width : 91px;
height : 94px;
position : absolute;
top : -53px;
background-size : contain;
background-repeat : no-repeat;
right : 0;
pointer-events : none;
}
/*#region jlcontentfieldsfilter*/
.jlcontentfieldsfilter .form-search{
padding : 15px;
}
.jlcontentfieldsfilter .jlmf-label{
clear : both;
}
.jlcontentfieldsfilter{
padding : 20px;
border-radius : var(--tile-border-radius);
background-color : var(--tertiary-color);
}
.jlcontentfieldsfilter .jlmf-section svg{
width : 40px;
height : 30px;
float : left;
margin-right : 10px;
}
/*#endregion jlcontentfieldsfilter*/
/*#region Aanmeldpagina*/
.aanmelden-linssen-magazine .col-md-6.foto::before{
position : absolute;
content : url("data:image/svg+xml; utf8, ");
width : 100px;
transform : rotate(271deg);
bottom : 0;
left : 30px;
}
.aanmelden-linssen-magazine .col-md-6.foto::after{
position : absolute;
bottom : -45px;
content : "Ontvang ook ons prachtige Linssen boek!";
font-family : "caveatregular";
font-size : 35px;
left : 50px;
}
.aanmelden-linssen-magazine .col-md-6.foto{
position : relative;
}
/*#endregion Aanmeldpagina*/
/*#region :lang()*/
:lang(en-gb) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Also receive our beautiful Linssen book!";
}
:lang(uk-ua) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Отримайте також нашу чудову книгу Linssen!";
bottom : -105px;
}
:lang(de-de) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Erhalten Sie auch unser wunderschönes Linssen-Buch!";
bottom : -105px;
}
:lang(de-ch) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Erhalten Sie auch unser wunderschönes Linssen-Buch!";
bottom : -105px;
}
:lang(fr-fr) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Recevez également notre magnifique livre Linssen !";
}
:lang(nb-no) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Motta også vår vakre Linssen-bok!";
}
:lang(sv-se) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Få även vår vackra Linssen-bok!";
}
:lang(fi-fi) .aanmelden-linssen-magazine .col-md-6.foto::after{
content : "Saat myös kauniin Linssen-kirjamme!";
}
:lang(fr-fr) .downloads-page .row{
margin-bottom : 0;
margin-top : 24px;
width : 210px;
display : flex;
}
/*#endregion :lang()*/
.baan-style-subscribe .row{
align-items : center;
--bs-gutter-x : 0;
margin-bottom : 80px;
}
/*#region .formResponsive*/
.formResponsive{
padding : 40px;
border-radius : var(--slider-slide-border-radius);
-webkit-box-shadow : var(--shadow-1);
box-shadow : var(--shadow-1);
position : relative;
z-index : 999;
}
.formResponsive h2{
color : var(--primary-color) !important;
font-size : 50px;
line-height : 1;
}
.formResponsive .formHorizontal .formControls{
margin-left : 0 !important;
}
.formResponsive .rsform-input-box,
.formResponsive .rsform-text-box{
box-shadow : -3px -3px 1px rgba(1, 1, 0, 0.5) !important;
border : var(--border-trans-black) !important;
}
.formResponsive .rsform-input-box{
height : 40px !important;
}
.formResponsive .rsform-text-box{
height : 150px;
}
.formResponsive .rsform-select-box,
.jlmf-select{
background-color : white;
box-shadow : 3px 3px 1px rgba(1, 1, 0, 1) !important;
border-radius : var(--button-border-radius);
border : var(--border-black);
width : 98%;
height : 40px;
}
.formResponsive .rsform-submit-button{
padding : 15px 30px !important;
box-shadow : 3px 3px 1px rgba(1, 1, 0, 1) !important;
background-color : var(--secondary-color) !important;
}
.formResponsive .rsform-submit-button::before{
content : url("data:image/svg+xml,%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.06 45.38'%3E%3Cg fill='white' id='Laag_1-2'%3E%3Cpath d='M45.38,5.67V39.7c0,3.13-2.54,5.67-5.67,5.67H5.67c-3.13,0-5.67-2.54-5.67-5.67V5.67C0,2.54,2.54,0,5.67,0H39.7c3.13,0,5.67,2.54,5.67,5.67Zm22.69,1.83v30.36c0,3.01-3.45,4.77-5.95,3.05l-12.95-8.92V13.39l12.95-8.93c2.52-1.73,5.96,.04,5.96,3.04Z'/%3E%3C/g%3E%3C/svg%3E");
display : inline-block;
width : 18px;
height : 18px;
margin-right : 10px;
}
.formResponsive .rsform-select-box,
.formResponsive .rsform-text-box,
.formResponsive .rsform-input-box,
.formResponsive .rsform-submit-button{
font-size : 16px !important;
}
.formResponsive .handwritten{
width : 300%;
padding-left : 60px;
pointer-events : none !important;
font-size : 26px;
}
.formResponsive .arrowup:before{
filter : invert(49%) sepia(92%) saturate(1177%) hue-rotate(94deg) brightness(99%) contrast(91%);
}
.formResponsive .handwritten.arrowdown{
padding-bottom : 50px;
}
.formResponsive .handwritten.arrowup{
margin-top : -20px;
color : #0CC43D;
}
.formResponsive .formControls .formBody{
pointer-events : none;
}
.formResponsive .formControls .formBody > *{
pointer-events : auto;
}
.rsform-block.rsform-block-gegevens-veilig:Before{
position : absolute;
content : url("https://ontwikkel.linssenyachts.com/images/svg/download%203.svg");
width : 53px;
transform : rotate(186deg);
bottom : 70px;
left : 35px;
}
.formResponsive .formDescription,
.formResponsive .rsform-block-dropdown{
margin-top : -15px;
margin-left : -24%;
}
.formResponsive .formHorizontal .rsform-block{
margin-bottom : 0 !important;
}
/*#endregion .formResponsive*/
.baan-style-subscribe .col-md-6 img{
margin : auto;
display : block;
}
/*#region Specificaties Module*/
.mod-custom table{
table-layout : fixed;
background-color : white;
border-radius : var(--tile-border-radius);
border-collapse : collapse;
box-shadow : 0 0 0 1px rgba(34, 36, 38, 0.15); /* this draws the table border */
overflow : hidden;
border : 10px solid white;
}
.mod-custom tbody tr{
border-bottom : 1px solid rgba(34, 36, 38, 0.15);
}
.mod-custom tbody tr td,
.mod-custom tbody tr th{
padding : 10px;
}
.mod-custom tbody tr th{
background-color : var(--secondary-color);
color : #fff;
}
.mod-custom tbody tr td:first-child{
vertical-align : top;
}
.mod-custom tr:first-child th:first-child{
border-top-left-radius : 5px;
}
.mod-custom tr:first-child th:last-child{
border-top-right-radius : 5px;
}
.mod-custom tbody tr:last-child{
border-bottom : none;
}
.mod-custom tbody tr:hover{
background-color : rgb(247, 247, 247);
}
/*#endregion Specificaties Module*/
.navbar-light .navbar-toggler{
background : var(--primary-color);
z-index : 10;
border : none;
margin-block : 15px;
padding : 0;
}
.navbar-light .navbar-toggler:focus{
box-shadow : 0 0 0 0.15rem;
}
/*#region -robert classes*/
.input-wrapper-robert{
position : relative;
margin : 20px auto;
}
.formControls-robert{
display : block;
line-height : 2em;
margin : 0;
padding-left : 10px;
width : 100%;
font-size : medium;
border : 1px solid #f4f4f4;
background-color : #f4f4f4;
border-radius : 5px;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
font-weight : 500;
}
.control-label-robert{
display : block;
position : absolute;
opacity : 0;
bottom : 1.9rem;
color : black;
transition : 0.2s ease-in-out transform;
font-size : 12px;
}
.formControls-robert:placeholder-shown + .control-label-robert{
visibility : hidden;
z-index : -1;
transition : 0.2s ease-in-out;
}
.formControls-robert:not(:placeholder-shown) + .control-label-robert,
.formControls-robert:focus:not(:placeholder-shown) + .control-label-robert{
visibility : visible;
z-index : 1;
opacity : 1;
transform : translateY(-10px);
transition : 0.2s ease-in-out transform;
}
/*#endregion -robert classes*/
div.advanced-dropdown a.langChoose:link, div.advanced-dropdown a.langChoose:visited, ul.lang-inline{
background-color : var(--primary-color) !important;
}
/*#region Media*/
@media (min-width : 1400px){
}
@media (min-width : 1200px){
}
@media (max-width : 992px){
a.plaatje-link.external:before{
width : 30px;
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.66 58.66'%3E%3Cg id='Laag_1-2'%3E%3Cpath d='M33.52,4.19c0-2.31,1.87-4.19,4.19-4.19h16.64c.68,0,1.23,.11,1.72,.32,.38,.2,.96,.5,1.36,.9,0,0,0,.01,.01,.02,.81,.81,1.1,1.88,1.22,2.94h0V20.95c0,2.32-1.87,4.19-4.19,4.19s-4.19-1.87-4.19-4.19v-6.64l-22.18,22.17c-1.64,1.64-4.28,1.64-5.92,0s-1.64-4.28,0-5.92L44.35,8.38h-6.64c-2.32,0-4.19-1.88-4.19-4.19h0ZM0,12.57C0,7.94,3.75,4.19,8.38,4.19h12.57c2.32,0,4.19,1.88,4.19,4.19s-1.87,4.19-4.19,4.19H8.38V50.28H46.09v-12.57c0-2.32,1.87-4.19,4.19-4.19s4.19,1.87,4.19,4.19v12.57c0,4.62-3.76,8.38-8.38,8.38H8.38c-4.63,0-8.38-3.76-8.38-8.38V12.57Z'/%3E%3C/g%3E%3C/svg%3E");
}
a.plaatje-link:before{
top : 50%;
display : block;
left : 50%;
transform : translate(-50%, -50%);
width : 40px;
filter : invert(1);
position : absolute;
content : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.9 52.84'%3E%3Cg id='Laag_1-2'%3E%3Cpath d='M17.38,12.38c6.25-6.25,16.63-6.25,22.88,0,5.62,5.62,6.45,14.57,1.83,21.03l-.12,.18c-1.16,1.61-3.4,1.99-5.01,.83-1.62-1.16-2-3.4-.84-5.01l.12-.18c2.57-3.61,2.17-8.54-.97-11.67-3.53-3.53-9.27-3.53-12.81,0l-12.61,12.62c-3.54,3.44-3.54,9.27,0,12.81,3.12,3.13,8.07,3.54,11.66,.97l.18-.22c1.62-1.06,3.87-.69,5.01,.93,1.16,1.62,.79,3.87-.83,5.02l-.18,.12c-6.56,4.62-15.32,3.88-20.93-1.73-6.35-6.35-6.35-16.64,0-22.98l12.62-12.72Zm33.15,27.97c-6.35,6.35-16.63,6.35-22.98,0-5.62-5.62-6.35-14.47-1.73-20.93l.12-.18c1.06-1.61,3.3-1.99,5.01-.83,1.62,1.06,2,3.3,.84,5.01l-.12,.18c-2.57,3.51-2.17,8.54,.97,11.67,3.53,3.53,9.27,3.53,12.81,0l12.61-12.62c3.54-3.54,3.54-9.37,0-12.81-3.12-3.13-8.07-3.54-11.66-.97l-.18,.12c-1.62,1.16-3.87,.69-5.01-.83-1.16-1.62-.79-3.86,.83-5.02l.18-.13c6.46-4.62,15.32-3.88,20.93,1.73,6.35,6.34,6.35,16.64,0,22.97l-12.62,12.62Z'/%3E%3C/g%3E%3C/svg%3E");
z-index : 10;
pointer-events : none;
}
a.plaatje-link{
position : relative;
}
.homebtn{
display : none !important;
}
.navbar-nav .nav-item:nth-child(5){
margin-left : 0 !important;
}
.navbar-nav .nav-item:hover .dropdown-menu{
width: initial !important;
}
header nav.menu .navbar-collapse{
margin-top : 30px;
}
header .searchdiv a{
margin-left : 10px;
width : 100%;
}
header .searchdiv a::before{
width : 25px;
display : block;
}
header .searchdiv{
transition : .2s;
}
header .searchdiv:hover{
background-color : var(--secondary-color);
}
.navbar-nav .nav-item:hover,
.navbar-nav .nav-item .dropdown-item:hover{
background-color : unset !important;
}
.navbar-nav .nav-item a:hover,
.navbar-nav .nav-item .dropdown-item a:hover{
background-color : var(--secondary-color) !important;
}
.navbar-nav .nav-item,
.navbar-nav .nav-item .dropdown-item{
transition : unset;
}
.navbar-nav .nav-item a,
.navbar-nav .nav-item .dropdown-item a{
transition : 0.2s;
}
.navbar-nav .nav-item a{
width : 100%;
}
.baan-style-fluid-with-diamond{
padding : unset;
}
#logo-mobile{
display : block;
}
#logo-mobile::before{
content : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169.17 138.2' class='bgsvg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Laag_2' data-name='Laag 2'%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Cg id='SPLINE'%3E%3Cpath class='cls-1' d='M67.87,130.86c12.09,9.79,21.34,9.79,33.43,0q29.65-24,59.29-48C172,73.6,172,64.6,160.59,55.33l-59.29-48C89.21-2.45,80-2.45,67.87,7.34l-59.29,48C-2.86,64.6-2.86,73.6,8.58,82.87Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
filter : drop-shadow(0px 3px 24px rgb(70 106 176 / 0.2));
background-repeat : no-repeat;
background-size : cover;
display : block;
pointer-events : none;
position : absolute;
top : -170px;
left : 50%;
transform : translateX(-50%);
width : 320px;
z-index : -1;
clip-path : inset(160px 0 -30px 0);
}
header .js-finder-searchform{
position : unset;
width : 100%;
top : unset;
right : unset;
}
header .js-finder-searchform .awesomplete{
width : 100%;
border-radius : 0;
}
header{
padding-bottom : 0;
}
.container-lg.autohide{
background : var(--primary-color);
box-shadow : var(--shadow-1);
padding-bottom : 0;
}
.komlangs img{
position : relative !important;
}
.navbar-nav > .nav-item:nth-child(2){
position : unset;
left : unset;
transform : unset;
z-index : unset;
}
.navbar-nav > .nav-item:nth-child(3){
margin-left : unset;
}
.navbar-nav .dropdown-menu{
display : block;
background : none !important;
border : none;
}
.navbar-nav .dropdown-menu li a{
padding : 10px 25px !important;
}
.navbar-nav .dropdown-menu .dropdown-menu li a{
padding : 10px 35px !important;
}
.mod-languages{
position : relative;
}
.mod-languages .dropdown-menu{
position : relative;
background : none !important;
border : none;
display : flex;
width : 100%;
}
.mod-languages ul.lang-block li a:first-child{
padding-left : .75rem !important;
}
.mod-languages ul.lang-block li a{
padding : .375rem 0.65rem !important;
}
.mod-languages ul.lang-block li.lang-active{
background : unset;
background : linear-gradient(#f0f0f0, #f0f0f0) bottom /* left or right or else */ no-repeat;
background-size : 50% 2px;
}
.mod-languages:hover .dropdown-menu{
display : flex;
flex-direction : unset;
align-items : unset;
}
.mod-languages button{
display : none;
}
.baan-style-brown-bar .container,
.baan-style-blue-bar .container,
.brochureaanvraag,
.komlangs,
.startboating{
margin-bottom : 140px;
}
.rsformnewsletter{
background-image : url("../images/bg-boot-varen-blauw-boven.png");
padding-top : 100%;
background-size : contain;
background-position : top center;
background-repeat : no-repeat;
}
.baan-style-blue-bar img,
.komlangs img{
margin-top : 0px;
height : auto;
}
.baan-type-gallery .controls .prev{
left : 12px;
}
.baan-type-gallery .controls .next{
right : 12px;
}
.header-wrapper.youtube{
margin-top : -78px;
}
.omheader{
margin-bottom : 0;
}
.jlcontentfieldsfilter .jlmf-section svg{
margin-block : 5px;
}
}
@media (max-width : 768px){
.mod-popup {
max-width: 90%;
}
.downloads-page .foto img{
width : 100%;
}
.latest-magazine .item-image{
width : 100%;
}
.latest-magazine .blog-item{
display : block;
}
.latest-magazine .item-content2 img{
height : 90%;
}
.header-wrapper.gallery{
height : calc(40vh - 78px);
}
.header-wrapper.gallery .header-container{
height : 40vh;
top : 75px;
}
.header-wrapper.gallery .tiny-slider-container li img{
height : 40vh;
}
.header-wrapper.gallery .controls .next, .header-wrapper.gallery .controls .prev{
top : calc(20vh - 22px);
}
.ombreadcrumbs{
font-size : 12px;
}
.header-wrapper.youtube .header-container{
height : 40vh;
top : 74px;
}
.header-wrapper.youtube iframe{
height : 40vh;
top : 0;
}
.header-wrapper.youtube{
top : 0;
height : 40vh;
}
.scroll-pagecontent{
display : none !important;
}
.baan-type-praatje-plaatje.baan-style-fluid-blue .foto img, .baan-type-praatje-plaatje.baan-style-fluid-brown .foto img{
position : unset;
right : unset;
top : unset;
}
.baan-type-praatje-plaatje.baan-style-fluid-blue .pl-pr .foto img, .baan-type-praatje-plaatje.baan-style-fluid-brown .pl-pr .foto img{
left : unset;
}
.bruinebalk{
display : block;
}
.baan-style-fluid-with-diamond{
background : var(--gradient-diamond-mobile);
}
.baan-style-fluid-with-light-diamond{
background : var(--gradient-light-diamond-mobile);
}
.baan-style-fluid-blue picture img,
.baan-style-fluid-brown picture img{
-webkit-mask : linear-gradient(rgb(255, 255, 255, 1) 90%, rgb(255, 255, 255, 0) 100%) !important;
}
.baan-style-neutral-white .praatje,
.baan-style-neutral-blue .praatje,
.baan-style-neutral-brown .praatje,
.baan-style-neutral-white #lipsum,
.baan-style-neutral-blue #lipsum,
.baan-style-neutral-brown #lipsum{
width : 100%;
margin-left : 0;
}
.baan-style-neutral-brown .pr-ga .tiny-slider-container,
.baan-style-neutral-brown .pr-pl picture{
width : 108%;
margin-left : -8%;
}
.baan-style-neutral-white .pr-ga .row,
.baan-style-neutral-blue .pr-ga .row,
.baan-style-neutral-brown .pr-ga .row,
.baan-style-neutral-white .pr-pl .row,
.baan-style-neutral-blue .pr-pl .row,
.baan-style-neutral-brown .pr-pl .row{
-webkit-flex-flow : column-reverse;
flex-flow : column-reverse;
}
.baan-style-fluid-blue picture img{
max-width : 100%;
}
.banen .pr-pl .col-md-6:last-child{
padding-right : 0;
padding-left : 0;
order : -1;
max-width : 100vw;
position : relative;
left : 0;
margin-left : 0;
width : 100%;
}
.banen .pl-pr .col-md-6:first-child{
padding-right : 0;
padding-left : 0;
max-width : 100vw;
position : relative;
left : 0;
margin-left : 0;
width : 100%;
}
.baan-type-gallery .slider-item{
padding : 0 20px;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls{
z-index : unset;
}
.baan-type-gallery .controls{
width : 104%;
margin-left : -2%;
height : 104px;
top : 107%;
z-index : unset;
}
.baan-type-gallery .controls .prev,
.mod-articlesnews-horizontal .tiny-slider-container .controls .prev{
left : 25px;
z-index : 6;
}
.baan-type-gallery .controls .next,
.mod-articlesnews-horizontal .tiny-slider-container .controls .next{
right : 25px;
z-index : 6;
}
.banen .baan-style-neutral-blue .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-blue .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-blue .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-blue .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-brown .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-brown .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-brown .ga-pr .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-white .pl-pr .col-md-6:first-child,
.banen .baan-style-neutral-white .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-white .ga-pr .col-md-6:last-child{
max-width : 100% !important;
width : 100%;
}
.baan-style-fluid-blue .pr-pl picture img,
.baan-style-fluid-blue .pr-ga picture img,
.baan-style-fluid-blue .pl-pr picture img,
.baan-style-fluid-blue .ga-pr picture img,
.baan-style-fluid-brown .pr-pl picture img,
.baan-style-fluid-brown .pr-ga picture img,
.baan-style-fluid-brown .pl-pr picture img,
.baan-style-fluid-brown .ga-pr picture img{
max-width : 100% !important;
}
.banen .baan-style-neutral-blue .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-blue .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-brown .pr-ga .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-pl .col-md-6:last-child,
.banen .baan-style-neutral-white .pr-ga .col-md-6:last-child{
margin-left : 0 !important;
}
}
@media (min-width : 992px){
.navbar .nav-item > .dropdown-menu{
display : none;
}
.navbar .nav-item .dropdown-menu > .dropdown-menu{
display : none;
}
.navbar .nav-item:hover > .dropdown-menu{
display : block;
}
.navbar .nav-item:hover .dropdown-menu > .dropdown-menu{
display : block;
}
.navbar .nav-item .dropdown-menu .dropdown-menu{
position : absolute;
left : 100%;
top : 100%;
transform : translateY(-50%);
border-top-left-radius : 0;
border-bottom-left-radius : 0;
border-top-right-radius : 0.25rem;
}
.navbar .nav-item .dropdown-menu{
margin-top : 0;
}
.used-yachts .yacht-title .page-header{
height : 67.2px;
}
}
@media (max-width : 950px){
}
@media (min-width : 1400px) and (max-width : 1480px){
.mod-articlesnews-horizontal .tiny-slider-container .controls .prev,
.tiny-slider-container.reviews .controls .prev{
left : 60px;
}
.mod-articlesnews-horizontal .tiny-slider-container .controls .next,
.tiny-slider-container.reviews .controls .next{
right : 60px;
}
}
@media (max-width : 576px){
.praatje table td{
width : 100%;
display : block;
padding-bottom : 5px;
}
.praatje table th{
display : none;
}
.praatje table tr{
display : block;
padding-bottom : 20px;
}
.subcatsused-yachts .inner .item-content .yacht-title a{
padding-left : 0;
}
.used-yacht-properties .yacht-refnr,
.used-yacht-properties .yacht-year,
.used-yacht-properties .yacht-afmetingen,
.used-yacht-properties .yacht-engine,
.used-yacht-properties .yacht-location,
.used-yacht-properties .yacht-slaapplaatsen{
margin : 0;
}
.used-yachts .imgwrapper .yacht-label{
top : 10px;
right : -70px;
}
.the-collection{
width : 60px;
height : 70px;
}
.slide-out-menu-toggle-mobile{
display : block;
cursor: pointer;
}
#slide-out-menu:hover,
#slide-out-menu{
left: -225px;
}
#slide-out-menu.open:hover,
#slide-out-menu.open{
left: 0;
}
#slide-out-menu.open .slide-out-menu-button svg{
transform: rotate(180deg);
transition-delay: 100ms;
transition-duration: 450ms;
}
#slide-out-menu .slide-out-menu-button svg{
transform: rotate(0deg);
transition-delay: 100ms;
transition-duration: 450ms;
}
}
@media (max-width : 250px){
.banen .controls .next{
margin-left : 140px;
}
.banen .controls .prev{
margin-right : 140px;
}
}
/*#endregion Media*/
.col-6 .serietegel .inner-content {
transition: box-shadow 200ms ease;
-webkit-box-shadow: var(--shadow-1);
box-shadow: var(--shadow-1);
border-radius: var(--tile-border-radius);
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/*a.btn.btn-sm.btn-secondary.next {*/
/* position: relative;*/
/* top: 500px;*/
/*}*/