@import "variables.css";
@import "helper-classes.css";

body {
    background: #fffef6;
}

#thanks-message {

    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
    
    }

.tm-page {}
.tm-page::before {
content: '';
display: inline-block;
background: #05a6be;
width: 100vw;
height: 12px;
background: -moz-linear-gradient(left,  #fffef6 0%, #fffef6 27.75%, var(--lightblue) 27.75%, var(--lightblue) 100%);
background: -webkit-linear-gradient(left,  #fffef6 0%,#fffef6 27.75%,var(--lightblue) 27.75%,var(--lightblue) 100%);
background: linear-gradient(to right,  #fffef6 0%,#fffef6 27.75%,var(--lightblue) 27.75%,var(--lightblue) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#05a6be',GradientType=1 );
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.tm-toolbar{
    background: #fffef6;
	height:55px;
	padding-bottom: 0 !important
}

.uk-subnav>li>a {
    font-family: yantramanav, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 20px !important;
    line-height: 59px !important;
    color: var(--lightblue) !important;
}

.uk-subnav>li.uk-active>a,.uk-subnav>li>a:hover,.uk-subnav>li>a:focus{color:var(--darkblue) !important}

html, em {
    font-family: yantramanav, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
line-height: 29px;
color: var(--lightbrown);
letter-spacing: 1px;
}

.uk-h2, h2 {
    font-family: var(--secondary-font), sans-serif;
font-weight: 900;
font-style: normal;
font-size: 35px;
color: var(--lightbrown);
letter-spacing: 2px;
text-transform: uppercase;
}

.uk-h3, h3 {
    font-family: yantramanav, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 38px;
    color: var(--lightblue);
    letter-spacing: 2px;
}

.behandelingen-aan-huis-section h3 {font-size: 30px;}


p strong {
    font-family: yantramanav, sans-serif;
font-weight: 900;
font-style: normal;
color: var(--white);
}

.white-p {
    color: #FFF;
}

.p-white {
    color: #FFF;
}

.uk-navbar-nav>li>a {
font-family: yantramanav, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
line-height: 44.50px;
color: var(--lightbrown);
}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {
color: var(--darkblue);
}

.uk-navbar-nav>li.uk-active>a {
    font-family: yantramanav, sans-serif;
    font-weight: 900;
    font-style: normal;
    color: var(--darkblue);
}


.tm-header > div > div {padding-top: 0;padding-bottom: 40px;}
.uk-navbar-container>.uk-container .uk-navbar-right {margin-bottom: -12px;margin-right: -25px;}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {padding: 0 20px;}

.uk-navbar-left a {padding-left: 0px;}

.home-header > div > div {
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

.home-header h1 {
    font-family: relation-one, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110px;
line-height: 90px;
color: var(--lightblue);
min-width: 670px;
position: relative;
}
/*
.home-header .uk-button {
    background-color: #034c64;
    border: 1px solid #034c64;
    font-family: yantramanav, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24.53px;
color: #fff;
padding: 10px 33px;
box-sizing: border-box;
display: inline-block;
margin-top: 30px;
}
*/

.home-header .uk-button {

  margin-top: 30px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: var(--lightblue);
    border: 1px solid var(--lightblue);
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border-radius: 15px;
}

.home-header .uk-button span {
position: relative;
    display: inline-block;
    padding: 0px;
    /*
    background: #05a6be;
    */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*padding: 10px 33px;*/
    padding: 10px 43px;
    box-sizing: border-box;
    height: 60px;
    line-height: 40px;
    border-radius: 15px;
}






.home-header .uk-button span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;

    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border-radius: 15px;
}

.home-header .uk-button:hover span::before {
    background: var(--darkblue);
}




.home-header .uk-button:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}




.home-intro .uk-width-2-3\@m p {padding-right: 135px;}

.berger-behandelingen-aan-huis-topics-home .uk-link-text {
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #9f9e9e;
    letter-spacing: 3px;
    /*transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;*/
}

.berger-behandelingen-aan-huis-topics-home .uk-link-text:hover,
.berger-behandelingen-aan-huis-topics-home .uk-link-text:focus {
    text-decoration: none;

}

.berger-behandelingen-aan-huis-topics-home .uk-link-text .readmoreicon {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    display: inline-block;
}

.berger-behandelingen-aan-huis-topics-home .uk-link-text:hover .readmoreicon,
.berger-behandelingen-aan-huis-topics-home .uk-link-text:focus .readmoreicon {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
} 


.berger-behandelingen-aan-huis-topics-home .el-image {width: 100%;object-fit: cover;}

.berger-behandelingen-aan-huis-topics-home .el-title {margin-top: 40px !important;}

.berger-behandelingen-aan-huis-topics-home .el-content {margin-bottom: 40px;}

.berger-aanbod-producten-slideshow-home > div > div {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.berger-aanbod-producten-slideshow-home .uk-padding {
    padding: 0px;
}

.berger-aanbod-producten-slideshow-home .el-image {height: 100% !important;padding-bottom: 90px;padding-left: 115px;}
.berger-aanbod-producten-slideshow-home .el-overlay {background-color: #034c64;padding: 100px 130px 100px 150px;box-sizing: border-box;max-width: 777px;}
.berger-aanbod-producten-slideshow-home .el-overlay .el-content + .uk-margin-top {margin-top: 30px !important;}
.berger-aanbod-producten-slideshow-home .el-overlay h3 {font-size: 45px;color: #FFF;}
.berger-aanbod-producten-slideshow-home .el-overlay p {color: #FFF;}
.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text {
    font-family: yantramanav, sans-serif;
font-weight: 700;
font-style: normal;
color: #FFF;
}


.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text .readmoreicon {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    display: inline-block;
}

.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text:hover,
.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text:focus {
    text-decoration: none;
}

.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text:hover .readmoreicon,
.berger-aanbod-producten-slideshow-home .el-overlay .uk-link-text:focus .readmoreicon {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
} 

.berger-aanbod-producten-slideshow-home .uk-position-bottom-right {background-color: #e9f0f2;margin-right: 0px;margin-bottom: 50px;}
.berger-aanbod-producten-slideshow-home .uk-slidenav {color: #034c64;}
.berger-aanbod-producten-slideshow-home .uk-slidenav svg {display: none !important;}
.berger-aanbod-producten-slideshow-home .uk-slidenav-previous {
content: '';
background: url('/wp-content/uploads/2020/09/arrow-left.png') no-repeat 50% 50%;
width: 22px;
height: 40px;
padding: 20px 32px;
}

.berger-aanbod-producten-slideshow-home .uk-slidenav-previous:hover,
.berger-aanbod-producten-slideshow-home .uk-slidenav-previous:focus {
    background: url('/wp-content/uploads/2020/10/arrow-left-1.png') no-repeat 50% 50%;
    background-color: #034c64;
    }

.berger-aanbod-producten-slideshow-home .uk-slidenav-next {
    content: '';
    background: url('/wp-content/uploads/2020/09/arrow-right.png') no-repeat 50% 50%;
    width: 22px;
    height: 40px;
    padding: 20px 32px;
}


.berger-aanbod-producten-slideshow-home .uk-slidenav-next:hover,
.berger-aanbod-producten-slideshow-home .uk-slidenav-next:focus {
    background: url('/wp-content/uploads/2020/10/arrow-right-1.png') no-repeat 50% 50%;
    background-color: #034c64;
}

//*
.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:hover,
.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:focus {
    background-color: #034c64;
}*/

/*
.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:hover .uk-slidenav-previous,
.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:focus .uk-slidenav-previous {
    background: url('/wp-content/uploads/2020/10/arrow-left-1.png') no-repeat 50% 50%;
}

.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:hover .uk-slidenav-next,
.berger-aanbod-producten-slideshow-home .uk-position-bottom-right:focus .uk-slidenav-next {
    background: url('/wp-content/uploads/2020/10/arrow-right-1.png') no-repeat 50% 50%;
}
*/

.berger-gaat-een-stap-verder > div {position: relative;z-index: 0;}
.berger-gaat-een-stap-verder > div::before {
/*content: '';
position: absolute;
z-index: -1;
width: 73.23vw;
height: 100%;
display: block;
background: rgb(233,240,242);
margin-left: 18.23vw;*/
/*background-color: #e9f0f2;

background: rgb(233,240,242);
background: -moz-linear-gradient(top,  rgba(233,240,242,1) 0%, rgba(233,240,242,1) 50%, rgba(233,240,242,1) 51%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(top,  rgba(233,240,242,1) 0%,rgba(233,240,242,1) 50%,rgba(233,240,242,1) 51%,rgba(125,185,232,1) 100%);
background: linear-gradient(to bottom,  rgba(233,240,242,1) 0%,rgba(233,240,242,1) 50%,rgba(233,240,242,1) 51%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f0f2', endColorstr='#7db9e8',GradientType=0 );*/


}

.berger-gaat-een-stap-verder > div > div.uk-width-1-3\@m {position: relative;z-index: 1;}

.berger-gaat-een-stap-verder > div > div.uk-width-1-3\@m .el-image {width: 100%;object-fit: cover;/*position:relative;top: -80px;*/max-height: 738px;border-radius: 15px;}

/*.berger-gaat-een-stap-verder > div > div.uk-width-2-3\@m {
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
-webkit-justify-content: center; 
flex-direction: column;
-webkit-flex-direction: column;
}*/
.berger-gaat-een-stap-verder > div > div.uk-width-2-3\@m > * {max-width: 760px;}






.berger-gaat-een-stap-verder p {letter-spacing: 2px;}

.berger-gaat-een-stap-verder .uk-button {
    background-color: #05a6be;
    border: 1px solid #05a6be;
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 10px 33px;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 30px;
}

.een-stap-verder-content {position: relative;z-index: 0;top: 200px;}
.een-stap-verder-content::before {
    content: '';
    position: absolute;
    top: -110px;
    left: -500px;
    /*right: -170px;*/
    right: -11.50vw;
    bottom: 20px;
    background: var(--beige);
    z-index: -1;
    border-radius: 15px;
}



.info-header h1, .info-header h1 span {
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--lightblue);
    font-size: 120px;
    line-height: 90px;
}

.info-header h1 span {position: relative;display: inline-block;}
.info-header h1 span::after {
    content: '';
    position: absolute;
    background: url('/wp-content/uploads/2022/06/title-plus-icon1.png') no-repeat 100% 100%;
    bottom: -15px;
    right: -85px;
    width: 65px;
    height: 65px;
    display: inline-block;
}



.main-top > div, .main-bottom > div {max-width: 1920px;}
.main-top > div > div > div.uk-width-2-3\@m {
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}


.main-bottom > div > div > div.uk-width-2-3\@m  {
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}

.main-top-content {position: relative;z-index: 0;}
.main-top-content::before {content: '';display: inline-block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 30px;background: var(--beige);border-radius: 15px;}
.main-top-content-ul {list-style: none;padding-left: 0px;}
.main-top-content-ul li {position: relative;padding-left: 35px;}
.main-top-content-ul li::before {content: '-';position: absolute;top: 0;left: 0;}


.prijzen-gespecialiseerde-behandelingen-main-bottom-content ul {list-style: none;padding-left: 0px;}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content ul li {position: relative;padding-left: 15px;color: #FFF;}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content ul li::before {content: '-';position: absolute;top: 0;left: 0;}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content .h3-white {
    font-size: 25px;
    line-height: 35px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 60px;
    /*margin-bottom: 5px;*/
    margin-bottom: 25px;
}


.prijzen-gespecialiseerde-behandelingen-main-bottom-content .h4-white {
    font-family: yantramanav, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}


.prijzen-gespecialiseerde-behandelingen-main-bottom-content .h3-white + p {margin-top: 5px;}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content .h4-white + p {margin-top: 5px;}


.plus-facials-main-top-content .h3-white {
    font-size: 25px;
    line-height: 35px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 5px;
}

.plus-facials-main-top-content .h3-white + p {margin-top: 5px;}



.de-juiste-producten .main-top-content::before {content: '';display: inline-block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 30px;background: var(--beige);}
.de-juiste-producten .uk-width-1-3\@m {position: relative;z-index: 1;}
.de-juiste-producten2 .uk-width-2-3\@m {position: relative;z-index: 1;}
.de-juiste-producten p {/*font-size: ;*/}
.de-juiste-producten .main-top-content > * {max-width: 680px;}
.hfl-solution-spray .main-top-content::before {content: '';display: inline-block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0px;background: var(--beige);}

.gespecialiseerde-voetverzorging-main-bottom-content ul {list-style: none;padding-left: 0px;margin-top: 40px;}
.gespecialiseerde-voetverzorging-main-bottom-content ul li {position: relative;padding-left: 35px;color: var(--white);line-height: 35px;}
.gespecialiseerde-voetverzorging-main-bottom-content ul li::before {content: '-';position: absolute;top: 0;left: 0;}


.main-bottom-content {position: relative;z-index: 0;}
.main-bottom-content::before {content: '';display: inline-block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0px;background: var(--beige);max-width: 1410px;border-radius: 15px;}
.de-juiste-producten2 .main-bottom-content::before {content: '';display: inline-block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 30px;background: #02445b;max-width: 1410px;}
.voedingssupplementen-main-bottom .main-bottom-content::before {background-color: #e9f0f2;}


.drbaumann .main-bottom-content::before {background: #e9f0f2;}


/*.image-skin-care-content .uk-button*/ .main-top .uk-button {
    margin-top: 90px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: var(--lightblue);
    border: 1px solid var(--lightblue);
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
                                            border-radius: 15px;
}



.de-juiste-producten-last-p {text-align: right;}


.de-juiste-producten2 .de-juiste-producten-last-p {text-align: left;}

.de-juiste-producten2 .de-juiste-producten-last-p a {
margin-top: 90px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
background-color: #05a6be;
border: 1px solid #05a6be;
font-family: yantramanav, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24.53px;
color: #fff;
padding: 0px;
box-sizing: border-box;
display: inline-block;
height: 60px;
line-height: 60px;
}

.de-juiste-producten2 .de-juiste-producten-last-p a:hover, .de-juiste-producten2 .de-juiste-producten-last-p a:focus {
    color: #034c64;
}



.de-juiste-producten .main-bottom .uk-button {
    margin-top: 90px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: #05a6be;
    border: 1px solid #05a6be;
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}



/*.juiste-producten-button {float: right;}*/

.een-stap-verder-content .uk-button {
    margin-top: 90px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: var(--lightblue);
    border: 1px solid var(--lightblue);
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border-radius: 15px;
}

.main-top-content .uk-button span {
position: relative;
    display: inline-block;
    padding: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*padding: 10px 33px;*/
    padding: 10px 43px;
    box-sizing: border-box;
    height: 60px;
    line-height: 40px;
    border-radius: 15px;
}


.de-juiste-producten2 .de-juiste-producten-last-p a span {
position: relative;
    display: inline-block;
    padding: 0px;
    background: #05a6be;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*padding: 10px 33px;*/
    padding: 10px 43px;
    box-sizing: border-box;
    height: 60px;
    line-height: 40px;
}

.de-juiste-producten2 .de-juiste-producten-last-p a span::before {
position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #034c64;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
background: #e9f0f2;

}


.de-juiste-producten2 .de-juiste-producten-last-p a:hover span {
        -webkit-transform: rotateX(90deg) translateY(-22px);
        -moz-transform: rotateX(90deg) translateY(-22px);
        transform: rotateX(90deg) translateY(-22px);
}


.de-juiste-producten .main-bottom-content .uk-button span {
    position: relative;
        display: inline-block;
        padding: 0px;
        background: #05a6be;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        /*padding: 10px 33px;*/
        padding: 10px 43px;
        box-sizing: border-box;
        height: 60px;
        line-height: 40px;
    }
    

.een-stap-verder-content  .uk-button span {
    position: relative;
        display: inline-block;
        padding: 0px;

        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        padding: 10px 33px;
        box-sizing: border-box;
        height: 60px;
        line-height: 40px;
        border-radius: 15px;
    }

.btn-onlineafspraak{
    margin-top: 20px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: var(--lightblue);
    border: 1px solid var(--lightblue);
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff !important;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    cursor: pointer;
	text-transform:uppercase;
	letter-spacing: 1px;
    border-radius: 15px;
}

.main-top-content .uk-button span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 54px;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
	color: #fff;
    border-radius: 15px;
    padding-top: 5px;
}

.main-top-content .uk-button:hover span::before {
    background: var(--darkblue);
}

.prijzenpagina .plus-facials-section .main-top-content .uk-button:hover, .prijzenpagina .plus-facials-section .main-top-content .uk-button:focus {
    color: #034c64;
}
.prijzenpagina .plus-facials-section .main-top-content .uk-button span::before { 
    background: #e9f0f2;

}


.gezichtsbehandelingenpagina .de-juiste-producten .main-top-content .uk-button:hover, .gezichtsbehandelingenpagina .de-juiste-producten .main-top-content .uk-button:focus {
    color: #034c64;
}


.een-stap-verder-content  .uk-button span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;

    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border-radius: 15px;
}

.een-stap-verder-content  .uk-button:hover span::before {
    background: var(--darkblue);
}

.main-top-content .uk-button:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}


.een-stap-verder-content  .uk-button:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.populaire-producten {}
.populaire-producten-title {}


.huidverbeterende-gezichtsbehandelingen-title {text-align: center;}
.huidverbeterende-gezichtsbehandelingen-title h2 {font-size: 35px;color: #034c64;letter-spacing: 2px;}

.populaire-producten-images {margin-top: 110px !important;}
.populaire-producten-images > div > div {
    /*background-color: rgb(233, 16, 93);
    box-shadow: 0px 13px 42.32px 3.68px rgba(5, 166, 190, 0.11);*/
    /*height: 410px;*/
}

/*.populaire-producten-images > div > div img {width: 100%;height: 100%;object-fit: cover;
    box-shadow: 0px 13px 42.32px 3.68px rgba(5, 166, 190, 0.11);}*/
    /*.populaire-producten-images li  {
        box-shadow: 0px 13px 42.32px 3.68px rgba(5, 166, 190, 0.11);
    }*/
    .populaire-producten-images li > div {
        /*background-color: rgb(233, 16, 93);
        box-shadow: 0px 13px 42.32px 3.68px rgba(5, 166, 190, 0.11);*/
        height: 410px;
        padding: 13px; 
box-sizing: border-box;
        /*overflow: visible;*/
    }
    
    .populaire-producten-images li > div img {width: 100%;height: 100%;object-fit: cover;
        box-shadow: 0px 13px 42.32px 3.68px rgba(5, 166, 190, 0.11);
    }

    .populaire-producten-images .el-nav {display: flex !important;}
    .populaire-producten-images .uk-dotnav>.uk-active>* {background-color: var(--black);}
    .populaire-producten-images .uk-dotnav>*>:focus, .populaire-producten-images .uk-dotnav>*>:hover {background-color: var(--black);}


    .behandelingen-aan-huis-section .el-nav {display: flex !important;}
    .behandelingen-aan-huis-section .uk-dotnav>.uk-active>* {background-color: var(--black);}
    .behandelingen-aan-huis-section .uk-dotnav>*>:focus, .populaire-producten-images .uk-dotnav>*>:hover {background-color: var(--black);}

.infopagina h2.h2-blue, .contactpagina h2, .general h2 {font-size: 35px;letter-spacing: 2px;}
.general h3 {font-size: 30px;letter-spacing: 5px;}
.berger-aanbod-producten-slideshow-home .el-overlay h3 {font-size: 30px;}
.infopagina h2.h2-white {font-size: 35px;letter-spacing: 2px;color: #FFF;}

.privacyverklaring-main-content-table {overflow-x: auto;}
.privacyverklaring-main-content-table table {border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.privacyverklaring-main-content-table table tr {border-bottom: 1px solid #ccc;}
.privacyverklaring-main-content-table table tr th, .privacyverklaring-main-content-table table tr td {
    text-align: left;padding: 5px 15px 5px 5px;
}



.main-top h2 {margin-bottom: 40px;}
.main-bottom h2 {margin-bottom: 40px;}


.blue-bg {background: #034c64;}


.footer-section {border-top: 14px solid var(--beige);}

.footer-section > div > div > div:nth-child(1) {

}


.footer-section ul {padding-left: 0px;}

.footer-section > div > div > div:nth-child(2) {
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/*-webkit-align-content: flex-start;
align-content: flex-start;*/
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
}

.footer-left {list-style: none;}
.footer-right {list-style: none;}


.footer-section * {
    font-family: yantramanav, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 30px;
color: var(--lightblue);
}

.footer-left > li:nth-child(7) {margin-top: 10px;}
.footer-left > li:nth-child(7) a {margin-right: 10px;}
.footer-right {text-align: right;}

.footer-section a:hover, .footer-section a:focus {
    text-decoration: none;
    color: var(--darkblue);
}

.footer-section a svg, .footer-section a svg * {
    font-size: 30px;
}

/*.skin-nutrition .blue-bg {max-width: 1400px;}
.skin-nutrition .h2-white {color: #FFF;font-size: 45px;}*/



.main-top > div > div {margin-left: 0px;}
.main-top > div > div > div {padding-left: 0px}

.main-bottom > div > div {margin-left: 0px;}
.main-bottom > div > div > div {padding-left: 0px}
.main-bottom .uk-width-1-3\@m {position: relative;}

/*.behandelingen-aan-huis-slider .el-item {min-height: 700px;} */
.behandelingen-aan-huis-slider .el-item .uk-cover-container {overflow: visible;}
.behandelingen-aan-huis-slider .el-image {width: 100%;object-fit: cover;border-radius: 15px;height:378px}

.behandelingen-aan-huis-slider .el-item div.uk-cover-container div.uk-position-center {
    /*position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;*/

    top: 100% !important;
    left: 50%;
    transform: translate(-50%,0%) !important;
}

.behandelingen-aan-huis-slider .el-item div.uk-cover-container div.uk-position-center > div {
    padding-left: 0px;
    padding-right: 0px;
}

.behandelingen-aan-huis-slider .uk-slider-container + div {display: block !important;}

.behandelingen-aan-huis-slider .uk-slidenav-previous {
    content: '';
    background: url('/wp-content/uploads/2020/10/behandelingen-slider-arrow-left.png') no-repeat 50% 50%;
    width: 25px;
    height: 29px;
    visibility: visible !important;
    transform: translateY(-128px) translateY(-50%);
    -webkit-transform: translateY(-128px) translateY(-50%);
}
.behandelingen-aan-huis-slider .uk-slidenav-previous svg {display: none;}

.behandelingen-aan-huis-slider .uk-slidenav-next {
    content: '';
    background: url('/wp-content/uploads/2020/10/behandelingen-slider-arrow-right.png') no-repeat 50% 50%;
    width: 25px;
    height: 29px;
    visibility: visible !important;
    transform: translateY(-128px) translateY(-50%);
    -webkit-transform: translateY(-128px) translateY(-50%);
}
.behandelingen-aan-huis-slider .uk-slidenav-next svg {display: none;}

.behandelingen-aan-huis-slider .uk-link-text {
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: var(--lightbrown);
    letter-spacing: 3px;
    /*transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;*/
}

.behandelingen-aan-huis-slider .uk-link-text:hover,
.behandelingen-aan-huis-slider .uk-link-text:focus {
    text-decoration: none;

}

.behandelingen-aan-huis-slider .uk-link-text .readmoreicon {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    display: inline-block;
}

.behandelingen-aan-huis-slider .uk-link-text:hover .readmoreicon,
.behandelingen-aan-huis-slider .uk-link-text:focus .readmoreicon {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
} 

.behandelingen-aan-huis-section {padding-top: 0px;/*padding-bottom: 130px;*/padding-bottom: 90px;}
.behandelingen-aan-huis-section h3 {text-transform: uppercase;}
.homepagina .behandelingen-aan-huis-section {padding-top: 70px;padding-bottom: 14px;}
.behandelingen-aan-huis-section > div > div:nth-child(2) {padding-top: 30px;}
.behandelingen-aan-huis-title {text-align: center;}


.behandelingen-aan-huis-title {

}

input[type="text"], input[type="email"], textarea {-webkit-appearance: none;} 

.contactform input[type="text"], .contactform input[type="email"], .contactform .leadix-form textarea {
    border: 1px solid var(--lightblue) !important;
    border-radius: 0px !important;
}

.contactform input:focus, .contactform textarea:focus {
    box-shadow: none !important;
}




.contactform .privacy-notice-paragraph {
    font-size: 12px;line-height: 18px;
}
.contactform .privacy-notice-paragraph a {color: var(--darkblue);}
.contactform .privacy-notice-paragraph a:hover, .contactform .privacy-notice-paragraph a:focus {color: var(--lightblue);}

.contactform button {
    margin-top: 20px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    background-color: var(--lightblue);
    border: 1px solid var(--lightblue);
    font-family: yantramanav, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24.53px;
    color: #fff;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 15px;
}


.contactform button:hover, .contactform button:focus {
    background-color: var(--darkblue);
    border: 1px solid var(--darkblue);
}


.contactmap {padding-top: 40px;}
.contactdata ul {padding-left: 0px;}
.contactdata a {color: var(--lightbrown);}
.contactdata a:hover, .contactdata a:focus {color: var(--darkblue);text-decoration: none;}

.contact-main h2 {margin-bottom: 60px;}

.contactform .rendered-form .form-group {
    margin-left: 0px;
    margin-bottom: 25px;
}


.contactform input[type="text"], input[type="email"] {height: 40px !important;} 
.contactform input[type="text"], input[type="email"], .contactform textarea {

    font-family: yantramanav, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 19px !important;
    line-height: 29px !important;
    color: #000 !important;
    letter-spacing: 1px !important;

}
.contactform input:focus, .contactform textarea:focus {box-shadow: none !important;}

.contactdata .footer-left > li:nth-child(7) a {
    margin-right: 10px;
    font-size: 24px;
}


.tm-header .uk-navbar-dropdown {
    width: 270px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 10px;
    background: #fffef6;
}

.tm-header .uk-navbar-dropdown-grid {
    padding-bottom: 0;
}

.uk-navbar-dropdown-nav > li:first-child > a {
	margin-top: 20px;
}

.uk-navbar-dropdown-nav>li>a {
color: var(--darkblue);
font-family: yantramanav, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 17px;
line-height: 26px;
text-transform: none;
}

.uk-navbar-dropdown-nav>li.uk-active>a {
color: var(--darkblue);
}

.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
    color: var(--darkblue);
}

.uk-navbar-dropdown {top: 120px !important;}

#i-s-c, #s-n {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}

#i-s-c + h2, #s-n + h2 {margin-top: 0px !important;}

.hfl-solution-spray .uk-width-1-3\@m {
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

.hfl-solution-spray .uk-width-1-3\@m .el-image {position: relative;top: 15px;}

.richtprijzen {text-align: center;}
.richtprijzen * {
color: #02445b;
font-weight: 900;
}


@media (min-width: 960px) {

.home-reviews {padding-top: 110px;}

.home-header {/*padding-top: 35px;*/padding-top: 0px;padding-bottom: 30px;;}    

.home-header > div > div {margin-left: 0px;}
.home-header > div > div > div.uk-width-1-3\@m {width: 34.19%;padding-left: 0px;/*flex: 0 1 auto;*/position: relative;z-index: 1;}
.home-header > div > div > div.uk-width-2-3\@m {width: 65.81%;padding-left: 0px;/*flex: 0 1 auto;*/}
.home-header > div > div > div.uk-width-2-3\@m {position: relative;z-index: 0;}
.home-header > div > div > div.uk-width-2-3\@m .el-image {width: 100%;object-fit: cover;}
.home-header > div > div > div.uk-width-2-3\@m::after {
    content: '';
    background: url('/wp-content/uploads/2022/06/plus-icon-large1.png') no-repeat 100% 50%;
    position: absolute;
    z-index: 2;
    bottom: 35px;
    right:-287px;
    position: absolute;
/*top: 50%;
left: 50%;*/
-webkit-transform: translate(0%, 50%);
-moz-transform: translate(0%, 50%);
-ms-transform: translate(0%, 50%);
-o-transform: translate(0%, 50%);
transform: translate(0%, 50%);
width: 100%;
height: 100%;
}

.home-intro {padding-top: 30px;padding-bottom: 60px;}

.berger-behandelingen-aan-huis-home {padding-bottom: 0px;}

.berger-aanbod-producten-home {padding-top: 90px;}

.berger-aanbod-producten-slideshow-home {padding-top: 0px;}


.berger-gaat-een-stap-verder {padding-top: 85px;padding-bottom: 340px;}
/* .berger-gaat-een-stap-verder > div > div.uk-width-1-3\@m {width: 37.76vw;}
.berger-gaat-een-stap-verder > div > div.uk-width-2-3\@m {width: 62.24vw;} */


.producten-header > div {padding-top: 390px;padding-bottom: 205px;}

.main-top-content {
    padding: 160px 190px 0px 140px;
    box-sizing: border-box;
    max-width: 1040px;

}

.hfl-solution-spray .main-top-content {
    padding: 110px 190px 110px 140px;
    box-sizing: border-box;
    max-width: 1040px;

}

.plus-facials-section .main-top-content {
    padding: 160px 190px 160px 140px;
    box-sizing: border-box;
}


.main-bottom-content {
    padding: 160px 140px 200px 190px;
    box-sizing: border-box;
    max-width: 1410px;

}


.drbaumann .main-bottom-content {
    padding: 110px 140px 110px 190px;
    box-sizing: border-box;
    max-width: 1410px;

}


.de-juiste-producten2 .main-bottom-content {
    padding: 160px 190px 0px 140px;
    box-sizing: border-box;
    max-width: 1410px;

}




.main-bottom-content > * {max-width: 560px;}
.medische-camouflage-main-bottom .main-bottom-content > * {max-width: 580px;}

.prijzen-gespecialiseerde-behandelingen-main-bottom-content > * {max-width: 680px;}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content > p {max-width: 580px;}


.main-bottom-content::before {right: -26.56vw;}
.voedingssupplementen-main-bottom1  .main-bottom-content::before {left: -26.56vw;}
.chemical-peeling-section1 .main-top-content::before {right: -26.56vw;}
.voedingssupplementen-main-bottom1 > div > div > div.uk-width-1-3\@m.uk-first-column > div {position: relative;z-index: 1;}

.de-juiste-producten .main-top-content::before {left: -19.53vw;}
.de-juiste-producten2 .main-bottom-content::before {right: -19.53vw;}


.hfl-solution-spray .main-top-content::before {left: -17vw;}




.main-top .el-image, .main-bottom .el-image {min-height: 370px;object-fit: cover;}


.main-top {padding-top: 120px;padding-bottom: 90px;}
.acne-main, .elektrisch-ontharen-main-top, .medische-camouflage-main-top, .pedicure-main-top {padding-bottom: 100px;}
.een-gezonde-huid, .definitief-ontharen , .medische-camouflage-main-bottom, .pedicure-main-bottom {padding-top: 100px;}
.producten-main-bottom {padding-top: 140px;padding-bottom: 190px;}
.populaire-producten {padding-top: 90px;}
.producten-main-bottom2 {padding-bottom: 70px;}
/*
.main-top > div > div > .uk-width-1-3\@m {width: 37.76%;}
.main-top > div > div > .uk-width-2-3\@m {width: 62.24%;}*/

/*.skin-nutrition > div > div > div {padding: 160px 200px 190px 200px;}*/

.info-header > div {padding-top: 375px;padding-bottom: 225px;}

.main-top .uk-width-1-3\@m {width: 37.71% !important;}
.main-top .uk-width-2-3\@m {width: 62.29% !important;}

.main-bottom .uk-width-1-3\@m {width: 37.71% !important;}
.main-bottom .uk-width-2-3\@m {width: 62.29% !important;}

.main-bottom > div > div > div.uk-width-2-3\@m {
    margin-top: 80px;margin-left: 8.20vw;margin-right: -8.20vw;
}

.de-juiste-producten > div > div > div.uk-width-2-3\@m {
    margin-top: 80px;
}


.een-gezonde-huid, .definitief-ontharen, .medische-camouflage-main-bottom, .pedicure-main-bottom {padding-bottom: 150px;}
.huidverbeterende-gezichtsbehandelingen-title {padding-top: 90px;padding-bottom: 30px;}
.sk-intake-section {padding-bottom: 60px;}
.drbaumann {padding-bottom: 150px;}
.richtprijzen {padding-bottom: 180px;}
.de-juiste-producten {padding-top: 60px;padding-bottom: 50px;}
.chemical-peeling-section {padding-top: 100px;padding-bottom: 190px;}
.prijzen-gespecialiseerde-behandelingen-section {padding-top: 110px;padding-bottom: 90px;}
.plus-facials-section {padding-top: 120px;padding-bottom: 0;}
.wie-is-annelien-berger-section {padding-top: 120px;}

.contactform label {width: 30% !important;}
.contactform input[type="text"], input[type="email"], .contactform textarea {width: 66% !important;margin-left: 4%;}
.contactform .required-privacy-notice, .contactform button {margin-left: 34% !important;}
	
	[id='15a024e872c0bc87a536a2b697566f8a'] input[type="checkbox"]:checked:after, .form-15a024e872c0bc87a536a2b697566f8a input[type="checkbox"]:checked:after {
		color: var(--lightblue) !important;
	}

.contact-main {padding-bottom: 150px;}

.behandelingen-behandelingen-aan-huis-section {padding-top: 100px;}


    .section-slider-products .uk-slider .uk-slider-items .el-item > div img.el-image {
        width: 80%;
        height: 750px;
        object-fit: cover;
        margin-left: 20%;
        object-position: 50% 0%;
    }

    .section-slider-products .uk-slider .uk-slider-items .el-item > div > div {
        width: 50%;
        padding: 60px 40px;
        position: relative !important;
        left: 0;
        top: unset;
        --uk-position-translate-x: unset;
        --uk-position-translate-y: unset;
        margin-top: -170px;
    }

    .section-slider-products h3 {
        font-size: 35px;
    }
}

.home-header > div > div > div.uk-width-2-3\@m .el-image {
    border-radius: 15px;
}

.section-slider-products .uk-slider > div > div {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 180px;
    height: 90px;
    background: var(--lightblue);
}

.section-slider-products .uk-slider > div > div a {
    color: var(--white);
}

.section-slider-products .uk-slider .uk-slider-items .el-item > div > div {
    background: var(--beige);
    border-radius: 15px;
    text-align: left;
}

.section-slider-products > div > div > div > div:last-child h3 {
    color: var(--white);
    font-family: var(--secondary-font);
    text-transform: uppercase;
}

.section-slider-products .uk-slider .el-link {
    color: var(--white);
}

.section-slider-products .uk-slider > div > div svg {
    width: 20px;
}

.section-slider-products .uk-slider > div > div svg polyline {
    stroke-width: 3;
}

.section-reviews .uk-slider .uk-slider-items > li > .uk-panel {
    background-color: var(--lightbrown);
    padding: 80px 40px;
    border-radius: 15px;
}

.section-reviews .uk-slider .uk-slider-items > li > .uk-panel h3 {
    text-transform: uppercase;
    text-align: center;
    color: var(--white);
    margin-bottom: 40px !important;
}

.tm-toolbar > div {
    display: none;
}

.tm-header {
    margin-top: -20px
}

@media (min-width: 1200px) {
/*.main-top > div > div {margin-left: 0px;}
.main-top > div > div > div {padding-left: 0px}*/

.home-reviews li > div > div > div.uk-panel {padding: 95px 50px;}
.home-reviews .el-image {min-height: 460px;}

.populaire-producten-images {margin-left: -70px;}
.populaire-producten-images > div {padding-left: 70px;}

.behandelingen-aan-huis-slider .uk-slider-items {margin-left: -80px;}
.behandelingen-aan-huis-slider .uk-slider-items > * {padding-left: 80px;}

.contactform {padding-right: 80px;}
.contactdata {padding-left: 80px;}


.home-reviews ul.uk-slider-items {margin-left: -80px;}
.home-reviews ul.uk-slider-items li {padding-left: 80px;}


}


@media (max-width: 1440px) {
.home-reviews li > div > div > div.uk-panel {
    padding: 45px 20px;
}

.home-reviews .el-image {min-height: 440px;max-height: 460px;}

}

@media (min-width: 1920px) {
    .uk-container {max-width: 1600px;} 
    .berger-behandelingen-aan-huis-topics-home .uk-grid {margin-left: -80px;}
    .berger-behandelingen-aan-huis-topics-home .uk-grid>* {padding-left: 80px;}

    .berger-gaat-een-stap-verder > div {margin-left: -125px;}
    .berger-gaat-een-stap-verder > div > div {padding-left: 125px;}

}


@media (max-width: 1919px) {
    .uk-container {max-width: 1440px;}
}





@media (max-width: 1680px) {
    .main-top-content {
        padding: 80px 95px 0px 70px;
        box-sizing: border-box;
    }

    .plus-facials-section .main-top-content {
        padding: 80px 95px 80px 70px;
        box-sizing: border-box;
    }

    .de-juiste-producten2 .main-bottom-content {
        padding: 80px 95px 0px 70px;
    }

    .main-bottom-content {
        padding: 80px 70px 100px 95px;
        box-sizing: border-box;
    }


    .hfl-solution-spray .main-top-content {
        padding: 55px 95px 55px 70px;
    }

    .drbaumann .main-bottom-content {
        padding: 55px 70px 55px 95px;
    }
    

    .main-bottom > div > div > div.uk-width-2-3\@m {
        margin-top: 80px;margin-left: 0vw;margin-right: 0vw;
    }

    .home-header h1 {
        font-size: 100px;
        line-height: 75px;
    }

    .info-header h1, .info-header h1 span {
        font-size: 100px;
        line-height: 75px;
    }

    .uk-h2, h2 {font-size: 35px;letter-spacing: 2px;}
    .infopagina h2.h2-blue, .contactpagina h2, .general h2 {font-size: 35px;letter-spacing: 2px;}
    .huidverbeterende-gezichtsbehandelingen-title h2 {font-size: 35px;letter-spacing: 2px;}
    .uk-h3, h3 {font-size: 25px;letter-spacing: 2px;}
    .behandelingen-aan-huis-section h3 {font-size: 25px;}
.general h3 {font-size: 25px;letter-spacing: 2px;}
.berger-aanbod-producten-slideshow-home .el-overlay h3 {font-size: 25px;}
.infopagina h2.h2-white {font-size: 35px;letter-spacing: 2px;color: #FFF;}

.berger-aanbod-producten-slideshow-home .el-overlay {
    padding: 50px 65px 50px 75px;
}


}


@media (max-width: 1440px) {
    .uk-navbar-container>.uk-container .uk-navbar-right {margin-right: -15px;}
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {padding: 0 10px;}

    .home-header h1 {
        font-size: 80px;
        line-height: 60px;
        min-width: auto;
    }

    .info-header h1, .info-header h1 span {
        font-size: 80px;
        line-height: 60px;
    }
    .uk-h2, h2 {font-size: 35px;letter-spacing: 2px;}
    .infopagina h2.h2-blue, .contactpagina h2, .general h2 {font-size: 35px;letter-spacing: 2px;}
    .huidverbeterende-gezichtsbehandelingen-title h2 {font-size: 35px;letter-spacing: 2px;}
    .uk-h3, h3 {font-size: 20px;letter-spacing: 2px;}
    .behandelingen-aan-huis-section h3 {font-size: 24px;letter-spacing: 1px;}
    .general h3 {font-size: 20px;letter-spacing: 2px;}
    .berger-aanbod-producten-slideshow-home .el-overlay h3 {font-size: 20px;}
    .infopagina h2.h2-white {font-size: 35px;letter-spacing: 2px;color: #FFF;}

    .uk-navbar-nav>li>a {letter-spacing: 0;font-size: 18px;}

    .overonspagina .info-header > div {background-position: 66% 50%;}
    .contactpagina .info-header > div {background-position: 66% 50%;}
    .elektrischontharenpagina .info-header > div {background-position: 66% 50%;}
    .pedicurepagina .info-header > div {background-position: 66% 50%;}

}

@media (max-width: 1200px) {
    .uk-logo img {max-width: 150px;}
    .uk-navbar-nav>li>a {letter-spacing: 0px;}


    .berger-aanbod-producten-slideshow-home .el-overlay {
        padding: 25px 32px 25px 37px;
    }

    


}

@media (min-width: 960px) and (max-width: 1199px) {
.contactform {padding-right: 20px;}
.contactdata {padding-left: 20px;}
}

@media (max-width: 959px) {

    .home-aanbod-producten-slider {min-height: 640px !important;}
    .home-aanbod-producten-slider ul {min-height: 640px !important;}
    .home-aanbod-producten-slider ul li {min-height: 640px !important;}
    .home-aanbod-producten-slider ul li img {height: 100% !important;object-fit: cover;}

    .behandelingen-aan-huis-slider .el-item {min-height: 550px;}

    .berger-aanbod-producten-slideshow-home ul li:nth-child(1) img {left: 100% !important;}

    

    .info-header > div {
        padding-top: 187.50px;
        padding-bottom: 112.50px;
    }

    .plus-facials-section .main-top-content {
        padding: 40px 20px 0px 20px;
        box-sizing: border-box;
    }
    
    .main-top-content {
        padding: 40px 20px 0px 20px;
        box-sizing: border-box;
    }

    .main-bottom-content {
        padding: 40px 20px 40px 20px;
        box-sizing: border-box;
    }

    .hfl-solution-spray .main-top-content {
        padding: 40px 20px 40px 20px;
    }

    .drbaumann .main-bottom-content {
        padding: 40px 20px 40px 20px;
    }

    .de-juiste-producten2 .main-bottom-content {
        padding: 40px 20px 40px 20px;
    }

    .main-top .el-image {width: 100%;object-fit: cover;}
    .main-top .uk-width-2-3\@m {margin-top: 0px !important;}
    .main-top .uk-button {margin-top: 45px;}

    .main-bottom .el-image {width: 100%;object-fit: cover;}
    .main-bottom .uk-width-1-3\@m {order: 1;-webkit-order: 1;} 
    .main-bottom .uk-width-2-3\@m {margin-top: 0px !important;order: 2;-webkit-order: 2;}


    .contactform label {width: 100% !important;}
    .contactform input[type="text"], input[type="email"], .contactform textarea {width: 100% !important;}
    .contactdata {margin-top: 60px;}
    .contact-main h2 {
        margin-bottom: 20px;
    }


    .berger-gaat-een-stap-verder > div > div.uk-width-2-3\@m > * {
        max-width: none;
    }

    /*.overonspagina */ .berger-gaat-een-stap-verder  .een-stap-verder-content {padding-left: 20px;padding-right: 20px;top: 0px;padding-top: 20px;}
    /*.overonspagina */ .een-stap-verder-content::before {top: -40px;}


/*    .overonspagina .info-header > div {background-position: 66% 50%;}
    .contactpagina .info-header > div {background-position: 66% 50%;}*/
    .wie-is-annelien-berger-section {}
    .wie-is-annelien-berger-section > div > div:nth-child(1) {order: 2;-webkit-order: 2;margin-top: 40px;}
    .wie-is-annelien-berger-section > div > div:nth-child(2) {order: 1;-webkit-order: 1;padding-bottom: 40px;}

    .prijzenpagina .main-top > div > div > div.uk-width-2-3\@m > div,   .prijzenpagina .main-top > div > div > div.uk-width-2-3\@m > div > div {width: 100%;}
 
    .homepagina .home-header > div > div > div:nth-child(1) {order: 2;-webkit-order: 2;margin-top: 40px;}
    .homepagina .home-header > div > div > div:nth-child(2) {order: 1;-webkit-order: 1;}
    .berger-aanbod-producten-slideshow-home .el-overlay {margin-right: 172px;}
    .berger-aanbod-producten-slideshow-home .el-overlay {padding: 20px 20px 20px 20px;}

    .homepagina .behandelingen-aan-huis-section {padding-bottom: 0px;}

    .behandelingen-aan-huis-slider .el-image {max-height: 427px;}

    .behandelingen-aan-huis-slider .uk-slidenav-previous {
        transform: translateY(300px) translateY(-50%);
        -webkit-transform: translateY(300px) translateY(-50%);
    }
    
    
    .behandelingen-aan-huis-slider .uk-slidenav-next {
        transform: translateY(300px) translateY(-50%);
        -webkit-transform: translateY(300px) translateY(-50%);
    }

    .homepagina .berger-gaat-een-stap-verder {padding-bottom: 100px;}
    .infopagina .main-bottom {padding-bottom: 100px;}
    .producten-main-bottom2 {padding-bottom: 0px !important;}
    .hfl-solution-spray .uk-width-1-3\@m .el-image {top: 0px;}

    .infopagina .sk-intake-section {padding-bottom: 40px;}
    .infopagina .voedingssupplementen-main-bottom {padding-bottom: 40px;}
    .chemical-peeling-section {padding-bottom: 100px;}

    .berger-aanbod-producten-slideshow-home .el-overlay p {
        font-size: 15px;
        line-height: 25px;
    }
    .berger-aanbod-producten-slideshow-home .el-overlay .el-content + .uk-margin-top {
        margin-top: 20px !important;
    }

    .berger-gaat-een-stap-verder p {letter-spacing: 2px;text-align: left;}

    .main-top-content .uk-button span {padding: 10px 40px;}
    .home-header .uk-button span {padding: 10px 20px;}
    .de-juiste-producten .main-bottom-content .uk-button span {padding: 10px 20px;}
    .een-stap-verder-content  .uk-button span {padding: 10px 20px;}

    .behandelingen-behandelingen-aan-huis-section {padding-top: 70px;}  


/*    .footer-section > div > div > div:nth-child(1) {order:2;-webkit-order: 2;margin-top: 40px;}
    .footer-section > div > div > div:nth-child(2) {order:1;-webkit-order: 1;}
    .footer-section > div > div > div:nth-child(3) {order:3;-webkit-order: 3;}
    .footer-left {text-align: center;}
    .footer-right {text-align: center;}*/

    .contactdata h2, .contactdata h2 + ul {display: none !important;}

    .een-stap-verder-content .uk-button span {padding: 10px 25px;}
    .een-stap-verder-content .uk-button {font-size: 20px;}

    .de-juiste-producten .main-top-content::before {bottom: -40px;}
    /*.plus-facials-section {padding-bottom: 110px;}*/
    .de-juiste-producten2 {padding-bottom: 0px !important;}
    .de-juiste-producten2 .main-bottom-content::before {bottom: 85px;}
    .info-header h1 span {display: inline;}
    .info-header h1 span::after {
        content: '';
        position: absolute;
        background: url('/wp-content/uploads/2022/06/title-plus-icon1.png') no-repeat 100% 100%;
        bottom: -15px;
        right: -45px;
        width: 35px;
        height: 35px;
        display: inline-block;
        background-size: contain;
    }


    .footer-section .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001);
    }

    .footer-section > div > div > div,
    .footer-section > div > div > div:nth-child(2) {
        display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/*-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;*/
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
    }

    .section-slider-products .uk-slider .uk-slider-items .el-item > div > div {
        position: relative !important;
        top: unset;
        left: unset;
        --uk-position-translate-x: unset;
        --uk-position-translate-y: unset;
        transform: unset;
        width: unset;
        margin-top: -20px;
    }

    .section-slider-products .uk-slider > div > div {
        bottom: 0;
        width: 120px;
        height: 60px;
    }

    .section-slider-products .uk-slider > div > div svg {
        width: 15px;
    }

    .section-reviews .uk-slider .uk-slider-items > li > .uk-panel {
        padding: 40px 20px;
    }

    .section-slider-products .uk-slider .uk-slider-items img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
}




.berger-aanbod-producten-slideshow-home .uk-position-bottom-right {display: flex !important;}


@media (max-width: 767px) {

/*    .footer-section .uk-width-1-3\@m {width: 100%;}
    .footer-section > div > div > div:nth-child(1) {order:2;-webkit-order: 2;margin-top: 40px;}
    .footer-section > div > div > div:nth-child(2) {order:1;-webkit-order: 1;}
    .footer-section > div > div > div:nth-child(3) {order:3;-webkit-order: 3;}
    .footer-left {text-align: center;}
    .footer-right {text-align: center;}*/

    .home-header h1 {
        font-size: 60px;
        line-height: 45px;
    }

    .info-header h1, .info-header h1 span {
        font-size: 60px;
        line-height: 45px;
    }
    .uk-h2, h2 {font-size: 28px;letter-spacing: 2px;}
    .infopagina h2.h2-blue, .contactpagina h2, .general h2 {font-size: 28px;letter-spacing: 2px;}
    .huidverbeterende-gezichtsbehandelingen-title h2 {font-size: 28px;letter-spacing: 2px;}
    .uk-h3, h3 {font-size: 20px;letter-spacing: 2px;}
    .behandelingen-aan-huis-section h3 {font-size: 20px;}
    .general h3 {font-size: 20px;letter-spacing: 2px;}
    .infopagina h2.h2-white {font-size: 28px;letter-spacing: 2px;color: #FFF;}

    .home-intro .uk-width-2-3\@m p {
        padding-right: 0px;
    } 

    .homepagina .behandelingen-aan-huis-section {padding-top: 20px;}


    .gezichtsbehandelingenpagina .info-header h1, .gezichtsbehandelingenpagina .info-header h1 span {
        font-size: 35px;
        line-height: 20px;
    }
}


@media (max-width: 640px) {
.footer-section .uk-width-1-3\@m {width: 100%;}
.footer-section > div > div > div:nth-child(1) {order:2;-webkit-order: 2;margin-top: 40px;}
.footer-section > div > div > div:nth-child(2) {order:1;-webkit-order: 1;}
.footer-section > div > div > div:nth-child(3) {order:3;-webkit-order: 3;}
.footer-left {text-align: center;}
.footer-right {text-align: center;}
}

@media (max-width: 480px) {

    .uk-h2, h2 {font-size: 20px;letter-spacing: 1px;}
    .infopagina h2.h2-blue, .contactpagina h2, .general h2 {font-size: 20px;letter-spacing: 1px;}
    .huidverbeterende-gezichtsbehandelingen-title h2 {font-size: 20px;letter-spacing: 1px;}

    .behandelingen-aan-huis-slider .uk-slidenav-previous {
        transform: translateY(220px) translateY(-50%);
        -webkit-transform: translateY(220px) translateY(-50%);
    }
    
    
    .behandelingen-aan-huis-slider .uk-slidenav-next {
        transform: translateY(220px) translateY(-50%);
        -webkit-transform: translateY(220px) translateY(-50%);
    }

    .berger-aanbod-producten-slideshow-home .el-overlay p {
        font-size: 12px;
        line-height: 22px;
    }

    .gezichtsbehandelingenpagina .info-header h1, .gezichtsbehandelingenpagina .info-header h1 span {
        font-size: 32px;   
    }
}



.medisch-schoonheidsspecialist-dermatologie img {max-width: 200px;}
.home-header-h2 {font-size: 17.50px;line-height: 22px;color:var(--lightbrown);letter-spacing: 2px;margin-top: 30px !important;font-family:var(--secondary-font);}
.home-reviews h3 {font-size: 22px;line-height: 29px;text-align: center;}
.home-reviews .el-image {width: 100%;height: 100%;object-fit: cover;}
.home-reviews .el-content {margin-top: 30px !important;color: #034c64;}
.home-reviews .el-meta {
    font-family: yantramanav, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    line-height: 29px;
    color: #034c64;
    letter-spacing: 1px;
}


.home-reviews .el-nav {margin-top: 40px !important;display: flex !important;}
.behandelingen-aan-huis-section .el-nav {margin-top: 40px !important;}
.productname {min-width: 200px;display: inline-block;}
/*.productname-sp {min-width: 510px;display: inline-block;}*/
.productname-sp {min-width: 310px;display: inline-block;}
.productname-hb {min-width: 280px;display: inline-block;}
.productname-ah {min-width: 310px;max-width: 550px;display: inline-block;}
.productprice {margin-left: 25px;display: inline-block;}

/*
@media (max-width: 1288px) {
    .productname-sp {min-width: auto;display: block;}
    .prijzen-gespecialiseerde-behandelingen-section .productprice {margin-left: 0px;display: block;}
}*/

/*
@media (max-width: 1199px) {
.home-reviews .el-image {min-height: 460px;}
}
*/

@media (max-width: 1440px) {
.productname-ah {min-width: 310px;max-width: 550px;display: block;}
.prijzen-gespecialiseerde-behandelingen-section .productname-ah + .productprice {margin-left: 0px;display: block;}
}

@media (max-width: 959px) {
.home-reviews .el-nav {margin-top: 20px !important;}
.behandelingen-aan-huis-section .el-nav {margin-top: 20px !important;}
/*.home-reviews .el-image {min-height: auto;}*/
.plus-facials-section > div > div > div.uk-width-2-3\@m > div {width: 100%;}
.hfl-solution-spray > div > div > div.uk-width-2-3\@m > div {width: 100%;}
.prijzen-gespecialiseerde-behandelingen-section > div > div > div.uk-width-2-3\@m > div {width: 100%;}
.medische-camouflage-main-top > div > div > div.uk-width-1-3\@m.uk-first-column > div, .medische-camouflage-main-top > div > div > div.uk-width-1-3\@m.uk-first-column  .el-image {width: 100%;}

.infopagina .voedingssupplementen-main-bottom1 {padding-top: 0px !important;}
.chemical-peeling-section1 > div > div > div:nth-child(1) {order:2;-webkit-order: 2;}
.chemical-peeling-section1 > div > div > div:nth-child(2) {order:1;-webkit-order: 1;}
.uk-button {letter-spacing: 1px;}
.de-juiste-producten2 .de-juiste-producten-last-p a {font-size: 20px;letter-spacing: 1px;}
.de-juiste-producten2 .de-juiste-producten-last-p a {margin-top: 45px;}
}

@media (max-width: 480px) {
    .productname-sp {min-width: auto;display: block;}
    .productname-hb {min-width: auto;display: block;}
    .productname-ah {min-width: auto;display: block;}
    .prijzen-gespecialiseerde-behandelingen-section .productprice {margin-left: 0px;display: block;}
}

@media (max-width: 480px) {
    .productname {min-width: auto;display: block;}
.productprice {margin-left: 0px;display: block;}
body > div.tm-page > div.main-bottom.sk-intake-section.prijzen-gespecialiseerde-behandelingen-section.uk-section-default.uk-section > div > div > div.uk-width-2-3\@m.uk-grid-margin.uk-first-column > div > div > h2 {
    font-size: 20px;
}
.prijzen-gespecialiseerde-behandelingen-main-bottom-content .h3-white {font-size: 20px;line-height: 30px;}
}


.voedingssupplementen-main-bottom1 > div > div > div.uk-width-2-3\@m > div {
    background-color: #e9f0f2;
}

.medische-camouflage-main-top > div > div > div.uk-width-1-3\@m.uk-first-column  {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.medische-camouflage-main-top > div > div > div.uk-width-1-3\@m.uk-first-column  .el-image {
    object-fit: contain;
    min-height: auto;
}


@media (max-width: 359px) {   
.plus-facials-main-top-content .h3-white {font-size: 18px;line-height: 28px;}
}

.pum-theme-548 .pum-container, .pum-theme-lightbox .pum-container {
    border: none !important;
    box-shadow: none !important;
    background-color: #034c64 !important;
    color: #fff !important;
    font-family: yantramanav, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 19px !important;
    line-height: 29px !important;
    letter-spacing: 1px !important;
}

.pum-theme-547 .pum-container, .pum-theme-standaard-thema .pum-container {
    border: none !important;
    box-shadow: none !important;
    background-color: #034c64 !important;
    color: #fff !important;
    font-family: yantramanav, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 19px !important;
    line-height: 29px !important;
    letter-spacing: 1px !important;

}

.pum-content p {
    color: #fff !important;
    font-family: yantramanav, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 19px !important;
    line-height: 29px !important;
    letter-spacing: 1px !important;
}

.pum-theme-548 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    border: none !important;
    box-shadow: none !important;
    background-color: #05a6be !important;
}
@media (max-width:1236px){
	.uk-subnav>li>a{ font-size: 18px !important;}
	.uk-navbar-nav>li>a {
    font-size: 18px;
		padding: 0 12px;
}
}

.btn-onlineafspraak:hover, .btn-onlineafspraak:focus {
    background-color: var(--darkblue);
    border: 1px solid var(--darkblue);
}


@media(max-width:370px){
	.btn-onlineafspraak {
    font-size: 19.53px;
	}
}

.form-group input,
.form-group textarea {
    border-radius: 10px !important;
}

.uk-navbar-dropdown-nav .uk-nav-sub > li > a {
    color: var(--darkblue);
    font-family: var(--secondary-font);
    font-size: 17px;
    text-transform: none;
}

.uk-accordion-title {
    color: var(--white);
    font-family: var(--secondary-font);
}

.uk-accordion-title::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"13"%20height%3D"13"%20viewBox%3D"0%200%2013%2013"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<rect%20fill%3D"%23ffffff"%20width%3D"13"%20height%3D"1"%20x%3D"0"%20y%3D"6"%20%2F>%0A%20%20%20%20<rect%20fill%3D"%23ffffff"%20width%3D"1"%20height%3D"13"%20x%3D"6"%20y%3D"0"%20%2F>%0A<%2Fsvg>');
}

.uk-open>.uk-accordion-title::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E');
}

.uk-accordion-content .el-content {
    color: var(--white);
}

/* .gezichtsbehandelingenpagina .footer-section > div > div {
    flex-wrap: unset;
}

.gezichtsbehandelingenpagina .footer-section > div > div > div > div:first-child {
    margin-left: 40px;
}

.gezichtsbehandelingenpagina .footer-section > div > div > div > div:first-child {
    width: unset;
}

.gezichtsbehandelingenpagina .footer-section > div > div > div .el-image {
    min-height: unset;
    object-fit: unset;
} */

.section-slider-products .uk-slider .uk-slider-items .el-item > div img.el-image {
    border-radius: 15px;
}

.main-top .el-image, .main-bottom .el-image {
    border-radius: 15px;
}

.uk-section-default,
.uk-navbar-container:not(.uk-navbar-transparent) {
	background: #fffef6;
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
    color: var(--darkblue);
}

@media (pointer: fine) {
    .uk-navbar-dropdown-nav .uk-nav-sub > li > a:hover {
        color: var(--darkblue);
    }

    .uk-accordion-title:hover {
        color: var(--darkblue);
    }

    .behandelingen-aan-huis-slider .uk-link-text:hover {
        color: var(--darkblue);
    }
}

@media(max-width:1054px){
    .tm-header, .tm-toolbar{display: none}
    .tm-header-mobile{display: block !important;}
    .tm-header-mobile > div {padding: 15px;}
    .uk-navbar-toggle {color: var(--lightblue);}
    .uk-navbar-toggle svg {width: 30px;height: 30px;}
    .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color: var(--darkblue);}
    .uk-offcanvas-bar {background:var(--lightblue);}


    .uk-nav-default>li>a {
        font-family: yantramanav, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        line-height: 28px;
        /*color: #c6c6c6;*/
        color: var(--darkblue) !important;
    }

    .uk-nav-default>li.uk-active>a {
        color: var(--darkblue) !important;
    }

    .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover {
        color: var(--darkblue) !important;
    }

    .uk-offcanvas-bar .uk-close{
        color:var(--darkblue)
    }

    .uk-nav-default .uk-nav-sub li {margin-top: 10px;margin-bottom: 10px;}

    .uk-nav-default .uk-nav-sub a {
        color: var(--darkblue) !important;
        font-family: yantramanav, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 17px;
        line-height: 26px;
        text-transform: none;
    }

    .uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover {
        color: var(--darkblue) !important;
    }

    .uk-nav-default .uk-nav-sub li.uk-active>a {
        color: var(--darkblue) !important;
    }



.home-header {padding-top: 0px;}
}

.wie-is-annelien-berger-section,
.fix-section {
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 40px;
}

@media(min-width:960px) {
    .img-src {
        position: relative;
        top: -40px;
        left: 40px;
        z-index: 3;
    }
    .home .berger-gaat-een-stap-verder {
        padding-top: 70px;
    }
    .page-id-111 .een-gezonde-huid {
        padding-top: 110px;
        padding-bottom: 140px;
    }
    .page-id-115 .plus-facials-section {
        padding-top: 80px;
    }
    #meet-treat-section.sk-intake-section {
        padding-top: 110px
    }
    .fix-padding-btn {
        padding-bottom: 140px;
        margin-top: -10px;
    }
    .pedicure-main-bottom {
        padding-top:20px;
        padding-bottom: 140px;
    }
    .wie-is-annelien-berger-section{
        padding-bottom: 340px;
    }
}

@media(max-width: 959px){


    .wie-is-annelien-berger-section,
    .fix-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-reviews {
        padding: 0
    }
    .page-id-111 .een-gezonde-huid {
        padding-bottom: 40px;
    }
    .main-bottom-content::before,
    .de-juiste-producten .main-top-content::before,
    .main-top-content::before {
        top: -30px;
    }
    .fix-padding-btn {
        padding-bottom: 40px;
        margin-top: 0 !important;
    }
    .pedicure-main-bottom {
        padding-top:0;
        padding-bottom: 40px;
    }
    .main-top .el-image {
        z-index: 3;
        position: relative
    }
    .wie-is-annelien-berger-section>div>:first-child{margin-top:0 !important}
    .een-stap-verder-content::before {
        content: '';
        position: absolute;
        top: 0;
        left:0;
        right:0;
        bottom: 60px;
        background: var(--beige);
        z-index: -1;
        border-radius: 15px;
    }
    .wie-is-annelien-berger-section > div > :last-child > div {
        padding-right: unset !important;
    }
    .berger-gaat-een-stap-verder .een-stap-verder-content {
        padding: 30px;
    }
    .homepagina .berger-gaat-een-stap-verder {
        padding-bottom: 20px;
    }
    .section-slider-products > div > div > div > :last-child {
        margin-top: 40px !important
    }
}

@media(max-width:450px){
    .home .home-header {
        padding-bottom: 0;
    }
    .home-header .uk-button {
        font-size: 19px;
    }
}

.uk-offcanvas-overlay::before {
    background: rgb(155 203 235 / 40%);
}

.uk-sticky-fixed {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.tm-header > div.uk-sticky-fixed > div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tm-header-mobile > .uk-sticky.uk-sticky-fixed {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-accordion-title:hover{
    color:var(--white)
}

.leadix-form input,
.leadix-form textarea {
    background: #fffef6 !important;
}

.uk-open > .uk-offcanvas-bar::after {
	content: "";
	background-image: url(/wp-content/uploads/2022/06/plus-icon-large1.png);
	height: 125px;
	width: 125px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	filter: brightness(0) invert(1);
	background-size: contain;
}

.uk-open > .uk-offcanvas-bar ul.uk-nav li.menu-item {
	position: relative;
	z-index: 3;
}