@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

  body {
  font-family: 'Raleway', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  }

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: var(--text-200);
  }

  h1, h2, h3, h4, h5, h6 {
  color: var(--text-200) !important;
  }

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: var(--primary-100) !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: var(--primary-100) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: var(--primary-100) !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: var(--primary-100) !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: var(--primary-200) !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: var(--primary-100) !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: var(--primary-100) !important;
  }

  div.phone a.phone, div.email a.email {
  background: var(--primary-200) !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: var(--primary-100) !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: var(--primary-200);
  border-color: var(--primary-200);
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: var(--primary-200) !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--primary-200) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  }

  .img-responsive {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }



  header div.header {
  background-color: rgba(10, 0, 11, 1) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(10, 0, 11) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }





  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 304px;
  }
  header > div.wrapper.above {
  min-height: 454px;
  }

  header div.header div.holder {
  height: 204px;
  }
  }





  nav.navbar-default, div.navbar-collapse {
  background-color: var(bg-300); !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(10, 0, 11, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(10, 0, 11, 1) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: var(--primary-200) !important;
  }
  }


  section.featured div.wrapper {
  margin-top: 60px;
  }





  header div.header {
  text-align: center;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid var(--primary-100);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: var(--primary-100) !important;
  }
  }


  header div.header div.contact i {
  color: var(--primary-100);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: right;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: var(--text-200) !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

  section.partners {
  background: var(--primary-100) !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: var(--primary-200) !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid var(--primary-100);
  }

  footer div.socket,
  .footer-sticky {
  background: var(--primary-100) !important;
  }


  .img-circle {
  border-radius: 0 !important;
  }

  section.treatments div.button-wrap {
  background: #9c7694;
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: var(--text-200) !important;
  }

  section.prices table tr td a {
  color: var(--text-200) !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: var(--text-200) !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: var(--primary-200);
  }

  :root {
    --primary-100:#FFC300;
    --primary-200:#dda600;
    --primary-300:#916600;
    --accent-100:#FFC200;
    --accent-200:#916500;
    --text-100:#FFFFFF;
    --text-200:#e0e0e0;
    --bg-100:#1D1F21;
    --bg-200:#2c2e30;
    --bg-300:#444648;
	--fontSizes-h0: 56px;
	--fontSizes-h1: 48px;
	--fontSizes-h2: 40px;
	--fontSizes-h3: 32px;
	--fontSizes-h4: 20px;
	--fontSizes-p1: 18px;
	--fontSizes-p2: 16px;
	--fontSizes-p3: 14px;
	--fontSizes-p4: 12px;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

main img {
    animation: fadeUp 0.4s ease-out;
}

body.home main img {
    animation: none;
}



.highlight-light {
	background-color: var(--primary-100);
	padding: 8px 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 1;
	color: var(--primary-300);
}

section.contact div.holder div.wrap {
  background: var(--bg-200);
}



hundefined {
  display: none;
}

.cta-onderkant .row.vertical-align .btn:hover {
  opacity: 0.7;
}

main a:hover {
  opacity: 0.8;
}

section:not(.home section) {
  padding: 60px 0 120px 0;
}

section.contact div.page-header h1
{
  border-bottom: 0px solid #e6e6e6;
}

aside p {
  color: var(--text-100);
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
  padding: 30px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid var(--bg-300);
}



.header-grid-block.header-grid-block-appointment.sidebar
{
  position: relative;
  left: auto;
  top: auto;
  width: 100% !important;
  max-width: none;
  color: var(--bg-200);
}


.table-hover > tbody > tr:hover
{
  background-color: var(--bg-200);
}

.header.full-width:not(.home .header.full-width) {
	background: var(--bg-200) !important;
  border-bottom: 1px solid var(--accent-200);
}

.footer-cta-above .column * {
	color: var(--text-200) !important;
}

.footer-cta-above .column a {
	color: var(--primary-100) !important;
}

.footer-cta-above .column a:hover {
	color: var(--primary-200) !important;
}

* div.page-header h1 {
	border-bottom: 0;
}

.btn.btn-bg {
  background: var(--primary-300) !important;
  color: var(--text-100) !important;
}

.home-diensten .col-sm-16:nth-child(2) img,
.home-diensten .col-sm-16:nth-child(3) img {
	order: -1;
	width: 100% !important;
	object-fit: cover !important;
}

.home-diensten .col-sm-16:nth-child(2) .item.item-card
.home-diensten .col-sm-16:nth-child(3) .item.item-card {
	display: flex;
	flex-direction: column;
}


footer div.column > h4 {
  text-transform: none;
  font-weight: normal;
}

h0, h1,h2,h3,h4,h5 {
	color: var(--text-100) !important;
	letter-spacing: -0.011em;
	font-weight: 500;
  	margin-top: 4rem;
	line-height: 0.9;
	margin-bottom: 2rem;
}

section.bg-200 {
	background: var(--bg-200);
  border-bottom: 2px solid var(--bg-300);
	margin: 0 3rem;
}

section.featured a div.item {
	background: var(--bg-200);
}

.home section.intro:last-child {
	margin-bottom: 120px;
}

.home-diensten .col-sm-16:nth-child(1) {
	width: 100%;
	margin-bottom: 15px;
}

.home-diensten .col-sm-16:nth-child(1) .item.item-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 15px 50px;
}

.home-diensten .col-sm-16:nth-child(1) a div.item h3 {
	font-size: var(--fontSizes-h3);
	margin-bottom: 0;
	align-self: end;
}

.header-grid-block.header-grid-block h3 {
  margin-top: 0;
  color: var(--accent-200) !important;
}

.header-grid-block.header-grid-block  .opening_hours {
  color: var(--accent-200) !important;
}


.pd-big {
	padding-bottom: 240px;
}

.footer-cta.text-center.above {
	background: var(--bg-200);
	border-bottom: 1px solid var(--bg-300);
}

.footer-cta.text-center.above {
	padding: 60px 0;
}

.cta-onderkant {
	text-align: left;
}

.square-image {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.home-diensten .col-sm-16:nth-child(1) .item.item-card img {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	max-height: 100% !important;
	object-fit: cover;
	top: 60px !important;
	position: relative;
}



.container-text-small {
	max-width: 50em;
	margin: 0 auto 5rem auto;
	display: block;
}

section.header-blok {
	border-bottom: 1px solid var(--bg-300);
}

.gallery-intro img {
	width: 100%;
	height: 390px;
	object-fit: cover;
}

h0 {
	font-size: var(--fontSizes-h0);
	font-weight: 600;
}

h1 {
	font-size: var(--fontSizes-h1);
}

h2 {
	font-size: var(--fontSizes-h2);
}

h3 {
	font-size: var(--fontSizes-h3);
}

h4 {
	font-size: var(--fontSizes-h4);
}

h5 {
	font-size: var(--fontSizes-h5);
}


[type="submit"], .nf-form-content input[type="submit"] {
  background: var(--primary-100) !important;
  color: var(--text-100) !important;
  padding: 1.6rem 4rem;
  color: var(--text-100) !important;
  background: linear-gradient(90deg, var(--primary-100) 0%, var(--primary-200) 100%) !important;
  font-weight: 600;
  margin-top: 2rem;
  padding: 1.1rem 4rem !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.btn {
	padding: 1.6rem 4rem;
  color: var(--text-100) !important;
	background: linear-gradient(90deg, var(--primary-100) 0%, var(--primary-200) 100%) !important;
	font-weight: 600;
	margin-top: 2rem;
}

.cls-1 {
	fill: var(--bg-100);
}

section.intro {
	padding-top: 120px;
	padding-bottom: 120px;
}

section.featured a div.item {
	box-shadow: none;
}

footer .fab.fa-facebook-f {
	color: var(--primary-300 ) !important;
}

footer div.column > h4 {
	border-bottom: 0px solid var(--primary-100);
	font-size: var(--fontSizes-p1);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.header-grid-block.header-grid-block-appointment {
	position: absolute;
	left: -30px;
	top: 50%;
	max-width: 30rem;
	background: var(--primary-100);
	z-index: 2;
	padding: 35px;
  color: var(--accent-200) !important;
	box-shadow: 5px 5px 20px var(--bg-300);
}

footer, section.partners {
	background: var(--bg-200) !important;
}

.title {
	color: var(--text-100);
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: -10px;
	font-weight: bold;
	background: var(--accent-200);
	text-align: center;
}

.container-text-small.align-start {
	margin-left: 0;
}

body {
	background: var(--bg-100);
  letter-spacing: 0.050em;
}

.container {
	max-width: 1340px;
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
}

.header-grid-block {
	position: relative;
}

.background-side {
	background: var(--bg-200);
	height: 500px;
	width: 500px;
	position: absolute;
	z-index: -1;
	right: 0;
}


p {
	margin: 0 0 16px;
}

section.header-blok {
	height: 85%;
	border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
	z-index: 0;
	padding-top: 240px;
	top: -210px;
	margin-bottom: -210px !important;
}

header div.header {
	background-color: rgba(10, 0, 11, 0) !important;
}

.header-grid-block-foto img {
	min-height: 800px;
	width: 100%;
	object-fit: cover;
}

.header-blok {
	position: relative;
}




.header-background {
	height: 72%;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--bg-200);
	z-index: -1;
}

@media only screen and (min-width: 992px) {
	:root {
		--fontSizes-h0: 120px;
		--fontSizes-h1: 72px;
		--fontSizes-h2: 56px;
		--fontSizes-h3: 36px;
		--fontSizes-h4: 24px;
		--fontSizes-p1: 18px;
		--fontSizes-p2: 16px;
		--fontSizes-p3: 14px;
		--fontSizes-p4: 12px;
	}

.home figure.gallery-item:nth-child(2) {
  margin-top: 4rem;
}

.pdr-md-xs-12 {
padding-right: 12rem;
}

	.cta-onderkant {
		min-height: 150px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.cta-onderkant .row.vertical-align .btn {
		text-align: right;
		float: right;
		margin: 0;
	}

	footer div.socket, .footer-sticky {
		background: var(--bg-200) !important;
		color: var(--text-100);
	}

	.title {
		color: var(--bg-100);
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-top: -5px;
		font-weight: bold;
		background: var(--accent-200);
		text-align: center;
	}

.col-md-14.col-md-offset-2 {
  position: sticky;
  top: 50px;
}

	.cta-onderkant h2 {
		margin: 0 0 !important;
	}

	.row.ons-team img {
		aspect-ratio: 1/1;
		object-fit: cover;
		border-radius: 100%;
	}

	.home-diensten .col-sm-16:nth-child(2), .home-diensten .col-sm-16:nth-child(3) {
		width: 50%;
	}

	.row.ons-team .col-md-12 {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}

	.row.ons-team img {
		object-fit: cover;
		border-radius: 100%;
		aspect-ratio: 1/1;
		max-width: 125px;
		height: auto;
	}

	header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a {
		color: var(--text-100) !important;
		font-weight: bold;
	}

	body.home header > div.wrapper {
		min-height: auto;
	}

	body.home header > div.wrapper {
		position: relative;
	}
}

.header-grid-block.header-grid-block-text {
	padding-right: 85px;
}

.header-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
	align-items: center;
}

@media only screen and (max-width: 992px) {


header .type-fullsize .navbar-collapse {
  background: HSLA(210, 6.5%, 12.2%, 0.6);
}

footer div.socket, .footer-sticky {
  background: var(--bg-200) !important;
}


   .header-grid-block.header-grid-block-appointment.sidebar {
 	display: none;
	}

	.gallery-intro img {
		height: 125px;
	}

	.row.ons-team img {
		aspect-ratio: 1/1;
		border-radius: 100%;
		object-fit: cover;
	}

	h0, h1, h2, h3, h4, h5 {
		line-height: 1;
	}

	.home-diensten .col-sm-16:nth-child(2) a div.item h3, .home-diensten .col-sm-16:nth-child(3) a div.item h3 {
		font-size: var(--fontSizes-h4);
	}

	.home-diensten .col-sm-16:nth-child(2), .home-diensten .col-sm-16:nth-child(3) {
		width: 50%;
		float: left;
		margin: 0;
		padding: 3px;
	}

	.home-diensten .col-sm-16 a div.item {
		padding: 14px;
	}

	.home-diensten .col-sm-16:nth-child(1) {
		padding: 0;
	}

	.home-diensten .col-sm-16:nth-child(1) .item.item-card {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
	}

	.home-diensten .col-sm-16:nth-child(1) .item.item-card img {
		grid-column: 1;
		grid-row: 3;
		right: -60px;
		top: 41px !important;
	}

	section.bg-200 {
		margin: 0 1rem;
	}

	section.intro {
		padding-top: 120px;
		padding-bottom: 120px;
	}


	section.header-blok {
		padding-top: 240px;
		padding-bottom: 120px;
	}

	.header-grid {
		grid-template-columns: 1fr;
	}

	.header-grid-block-foto img {
		width: 90%;
		height: auto;
		object-fit: cover;
		min-height: 320px;
		float: right;
	}

	.header-grid-block.header-grid-block-text {
		padding-right: 0;
		padding-bottom: 35px;
	}

	.header-grid-block.header-grid-block-appointment {
		position: absolute;
		left: -2px;
		top: 45%;
		max-width: 24rem;
		background: var(--primary-100);
		z-index: 2;
		padding: 15px;
		box-shadow: 5px 5px 20px var(--bg-300);
		font-size: 80%;
		text-align: center;
	}
}


h0, h1, h2, h3, h4, h5 {
  font-family: "Cormorant SC", serif;
  font-weight: 300;
  line-height: 1;
  font-style: normal;
}

body {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}