/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/




body, html {
    background-color: var(--color-black);
	background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y

    text-rendering: auto;
    height: 100%;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-family: var(--font-sans);
	
}

html{
	overflow-x:hidden;
}

*,*::before,*::after { box-sizing: border-box; }

:root { 
   --items: min(30rem, 80vw);
   --color-base: #181213;
   scroll-timeline: --page block;  
   
   @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
   }
}



:host, :root {


    --color-emerald-500: oklch(.696 .17 162.48);
    --color-slate-500: oklch(.554 .046 257.417);
    --color-gray-50: #818285;
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-zinc-50: oklch(.985 0 0);
    --color-zinc-200: oklch(.92 .004 286.32);
    --color-zinc-500: oklch(.552 .016 285.938);
    --color-zinc-700: oklch(.37 .013 285.805);
    --color-zinc-800: oklch(.274 .006 286.033);
    --color-neutral-600: oklch(.439 0 0);
    --color-black: #101214;
    --color-white: #fff;
    --spacing: 8px;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: 16px;
    --text-sm--line-height: 140%;
    --text-base: 18px;
    --text-base--line-height: 140%;
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
--font-min: 16px;
    --font-max: 32px; 
    --font-preferred: 2vw; 

}


     header.shfb{
		 
	 }
	 
	 
	 
	 @property --scroll {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --scroll-delayed {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --scroll-direction {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}


@keyframes setScrollProps {
	to {
		--scroll: 1000;
		--scroll-delayed: 1000;
	}
}

:root {
	animation: setScrollProps linear both;
	animation-timeline: scroll(root);
   --header-effect-duration: .5s;
}
a:focus-visible, a:focus{
	 outline:3px hotpink!important;
 }
 button:focus-visible, button:focus {
  outline: 3px solid hotpink;
  outline-offset: 2px;
}
a:focus-visible, a:focus {
  outline: 3px solid hotpink;
  outline-offset: 2px;
}
 
 input:focus-visible {
  outline: 3px solid dodgerblue;
  outline-offset: 2px;
}
 
 
 
 
body {
   transition: --scroll-delayed calc(var(--header-effect-duration) + .5s);
   /* the transition of the header should last a 
    * bit less than this transition otherwise, for 
    * extremely small scroll movements, the header 
    * won't be fully revealed or hidden (that's 
    * the reason for a + .1 sec. here)
    */
  
 
   --scroll-velocity: calc(var(--scroll) - var(--scroll-delayed));
   --scroll-speed: max(var(--scroll-velocity), -1 * var(--scroll-velocity));
   --scroll-direction: calc(var(--scroll-velocity) / var(--scroll-speed));
   color:#243d53;
   font-weight:400!important;
  letter-spacing:0.088em!important;
		font-size: 24px;
		font-size: clamp(var(--font-min), var(--font-preferred), var(--font-max));
		font-size: clamp(16px, 4.5vw, 24px);
		line-height: 1.7;
		font-family: Proxima Nova Lt, "FS Industrie",  "neo_sans_stdlight", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
		 font-family: "Proxima", serif;
   
   
}

@font-face {
    font-family: 'neo_sans_stdlight';
    src: url('font/neo_sans_std_light-webfont.woff2') format('woff2'),
         url('font/neo_sans_std_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Euclid Circular A Trial';
    src: url('font/EuclidCircularATrial-Medium.woff2') format('woff2'),
        url('font/EuclidCircularATrial-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A Trial';
    src: url('font/EuclidCircularATrial-Regular.woff2') format('woff2'),
        url('font/EuclidCircularATrial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A Trial';
    src: url('font/EuclidCircularATrial-Semibold.woff2') format('woff2'),
        url('font/EuclidCircularATrial-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'FS Industrie';
    src: url('fonts/FSIndustrie-Regular.woff2') format('woff2'),
        url('fonts/FSIndustrie-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Industrie';
    src: url('fonts/FSIndustrie-Light.woff2') format('woff2'),
        url('fonts/FSIndustrie-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Industrie';
    src: url('fonts/FSIndustrie-Medium.woff2') format('woff2'),
        url('fonts/FSIndustrie-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Industrie Narrow';
    src: url('fonts/FSIndustrieNw-Medium.woff2') format('woff2'),
        url('fonts/FSIndustrieNw-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Industrie Narrow';
    src: url('fonts/FSIndustrieNw-Regular.woff2') format('woff2'),
        url('fonts/FSIndustrieNw-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Industrie Narrow';
    src: url('fonts/FSIndustrieNw-Medium.woff2') format('woff2'),
        url('fonts/FSIndustrieNw-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('fonts1/ProximaNova-Light.woff2') format('woff2'),
        url('fonts1/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts1/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts1/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('fonts1/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts1/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('fonts/ProximaNovaCond-Regular.eot');
    src: url('fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNovaCond-Regular.woff2') format('woff2'),
        url('fonts/ProximaNovaCond-Regular.woff') format('woff'),
        url('fonts/ProximaNovaCond-Regular.ttf') format('truetype'),
        url('fonts/ProximaNovaCond-Regular.svg#ProximaNovaCond-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1,h2,h3,h4{
	/*font-family: 'FS Industrie Narrow', Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
	 font-family: "Proxima", serif;
	 font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
	font-weight:600;
	font-size:clamp(2rem, calc( 7vw+), 5rem);
font-size: clamp(24px, 4vw, 48px);
letter-spacing:0.0144em!important;
}
h2{
	font-size: clamp(18px, 5vw, 36px);
	letter-spacing:0.0244em;
}
h3{
	font-size: clamp(14px, 4vw, 28px);
	letter-spacing:0.0244em;
}
h4{
	font-size: clamp(10px, 5vw, 20px);
}
.it{font-style:italic!important;
color:#800020!important;
font-family: 'dm_serif_displayregular', Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
}

header.shfb {
   position: fixed!important;
   margin-top:20px;
   z-index: 1;
   inset: 0 0 auto;
   will-change: transform;
   transition: transform var(--header-effect-duration) 0s;
   transform: translateY(var(--translate));
   z-index:999;
   @container style(--scroll-direction: 0) {
      /* Scroll is idle, so we keep the current header 
       * position by setting an extremely high 
       * transition delay. ~2 billion seconds should 
       * be enough even for the most patient user ;) 
       */
      transition-delay: calc(infinity * 1s);  
   }

   
   /*
   * Note: you could avoid the subsequent style 
   * queries if you set the --translate property 
   * like so:
   * 
   *   @container style(not (--scroll-direction: 0)) {
   *     --translate: calc((var(--scroll-direction) + 1) * -50%);
   *   }
   *
   * but it would only work for this specific use 
   * case and values, so I keep them for clarity.
   */

   @container style(--scroll-direction: -1) {
      /* Scrolling up, so we must reveal the header */
      --translate: 0;
   }

   @container style(--scroll-direction: 1) { 
      /* Scrolling down, so we must hide the header 
       *
       * Assign a lower value if you want to also hide
       * the box-shadow below the header
       * (e.g. --translate: calc(-100% - 15px))
       */
      --translate: calc( -100% - 20px);
	  transition-delay: 1.4s;
   }   
}

header.shfb .container-fluid{width:95%!important;

 background-color: #243d53; /* Black with transparency */
  padding: 12px 10px 12px 10px!important; /* Space around the content */
  border-radius: 100vw; /* Ensures a pill shape */
  
transition: all .5s ease-in-out;
height:auto!important;
height:80px!important

}
@media only screen and (max-width: 1479px) {
header.shfb .container-fluid{
	 padding: 6px 10px 3px 10px!important;
}
}
@media only screen and (max-width: 1379px) {
	header.shfb .container-fluid{
	 padding: 6px 10px 6px 10px!important;
}
	
}

@media only screen and (max-width: 1279px) {
	header.shfb .container-fluid{
	 padding: 6px 10px 11px 10px!important;
}
	
}

@media only screen and (max-width: 1179px) {
	header.shfb .container-fluid{
	min-height:60px;
}
	
}




header.shfb.sticky .container-fluid{
	width:70%!important;
	position:relative;
	box-shadow:
      1px 2px 14px hsl(200deg 4% 60% / 0.25);
		

	background:#fff;
	
}



header.shfb .shfb-component-logo .site-branding h1.site-title a, header.shfb .shfb-component-logo .site-branding p.site-title a {
	
   top:15px;
	background:url(images/logowit.svg) no-repeat;
	left:78px;
	padding:85px;
	display:inline-block;
	height:60px;
	position:absolute;
}
header.shfb.sticky .shfb-component-logo .site-branding h1.site-title a, header.shfb.sticky .shfb-component-logo .site-branding p.site-title a{
	background:url(images/logo.svg) no-repeat;
	left:28px;
}

@media only screen and (max-width: 1024px) {
	header.shfb.sticky .shfb-component-logo .site-branding h1.site-title a, header.shfb.sticky .shfb-component-logo .site-branding p.site-title a{
	background:url(images/logo.svg) no-repeat;
	left:63px;
}

	header.shfb .container-fluid{
	max-height:60px!important;
}
header.shfb .shfb-component-logo .site-branding h1.site-title a, header.shfb .shfb-component-logo .site-branding p.site-title a{
	height:40px!important;
	padding:65px;
	top:12px;
}
}



@media only screen and (max-width: 1679px) {
header.shfb.sticky .container-fluid{
	width:90%!important;
}
}
@media only screen and (max-width: 1020px) {
.site-logo, .shfb-component-logo .site-logo{
	margin-top:5px!important;
}
}

@media only screen and (max-width: 992px) {
.site-logo, .shfb-component-logo .site-logo

 {
        height: 40px;
		
    }

}
.shfb-component-mobile_hamburger{
	z-index:9999!important;
	width:30px!important;
	margin-top:2px!important;
	position:absolute;
	left:20px;
	top:8px;
}
header.shfb.sticky .shfb-component-mobile_hamburger{left:0px}



.shfb-component-mobile_hamburger a i.sydney-svg-icon svg{
	width:29px!important;
	height:29px!important;
   fill: white!important;
}
header.shfb.sticky .shfb-component-mobile_hamburger a i.sydney-svg-icon svg{
	fill: #243d53!important;
	
}


.sydney-offcanvas-menu a.mobile-menu-close i{
	display:none
}


.sydney-offcanvas-menu a.mobile-menu-close{
	height:38px;width:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	float:right;
	color:transparent;
	font-weight:700;
	cursor:pointer;
	box-sizing:border-box;
	padding-top:4px;
	font-size:1.2em;
	position:relative;
	transition: all .4s ease-in-out;
	margin-top:-32px!important;
}
.sydney-offcanvas-menu a.mobile-menu-close::after,
  .sydney-offcanvas-menu a.mobile-menu-close::before {
        position: absolute;
        content: '';
        height: 22px;
        width: 1px;
        background: #fff;
        right:16px;
        top: 50%;
        transition: transform 0.4s ease;
        transform: translate(-50%, -50%) rotate(45deg);
		
    }
	
	 .sydney-offcanvas-menu a.mobile-menu-close:hover::before {
        transition: transform 0.2s ease;
		
    }

 .sydney-offcanvas-menu a.mobile-menu-close::before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }



 .sydney-offcanvas-menu a.mobile-menu-close:hover::after
     {
        transform: translate(-50%, -50%) rotate(-450deg);
    }

 
 .sydney-offcanvas-menu a.mobile-menu-close:hover::before {
        transform: translate(-50%, -50%) rotate(90deg);
    }
	
	






header.shfb .container-fluid .main-navigation ul li a{
	color:var(--color-white)!important;
	font-size:1.1rem;
}
header.shfb.sticky .container-fluid .main-navigation ul li a{
	color:#243d53!important;
	font-size:1.1rem;
}
    .shfb-main_header_row {
       min-height: 50px;
    }
	
	.shfb-header .shfb-main_header_row .shfb-column-1{
		max-width:200px;
	}
	
	.shfb-header .shfb-main_header_row .shfb-column-2{
		width:100%;
		display:flex;
		justify-content:center!important;
		 align-items:center!important;
	}
	
	.menu-hoofdmenu-container ul{
		align-items: center;
   justify-content: center;
	}
	
	
	
	
	header.shfb .container-fluid .main-navigation ul{margin-top:8px; width:100%; transition:all .5s}
	
	header.shfb .container-fluid .main-navigation ul li.menu-item-19{
		position:absolute;
		background:#fff;
		color:#000!important;
		display:inline-block;
		right:65px;
		min-width:150px;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:30px;
		transition: all .3s ease;
		height:57px;
		overflow:hidden;
		border:none!important;
	}
	
	@media only screen and (max-width: 1679px) {
		header.shfb .container-fluid .main-navigation ul li.menu-item-19{
			right:55px;
		}
		
	}
	@media only screen and (max-width: 1479px) {
		
	header.shfb .container-fluid .main-navigation ul li.menu-item-19{
		top:6px;
	}
	}
	
	
	@media only screen and (max-width: 1379px) {
		
	header.shfb .container-fluid .main-navigation ul li.menu-item-19{
		right:48px;
	}
	}
	
	
	
	header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19{
		background:#c9983c;
		color:#fff!important;
		right:16px!important;
			border:none!important
	}
	
	header.shfb .container-fluid .main-navigation ul li.menu-item-19 a, header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19 a{
		color:#243d53!important;
		position:relative;
		display:block;
		z-index:6;
		width:100%;
		padding-left:36px;
	}
	header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19 a{
		color:#fff!important
		
	}
	header.shfb .container-fluid .main-navigation ul li.menu-item-19 a:hover {
		color:#fff!important;
		position:relative;
		display:block;
		z-index:6;
	}
	
	
	
	
	 header.shfb .container-fluid .main-navigation ul li.menu-item-19:after, header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19:after{
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #c9983c;
	 border-radius: 10rem;
	 z-index: -2;
	 transition:all .3s ease-in-out;
	 border:none!important;
}

header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19:after{
	background-color: #243d53;
}



 header.shfb .container-fluid .main-navigation ul li.menu-item-19:before, header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19:before{
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color: #c9983c;
	border:none!important;
	 border-radius: 10rem;
	 z-index:0;
	 transition:all .3s ease-in-out;
}

header.shfb.sticky .container-fluid .main-navigation ul li.menu-item-19:before{
	background-color: #243d53;
}



 header.shfb .container-fluid .main-navigation ul li.menu-item-19:hover {
	 color: #fff;
	  border:0px solid #fff!important;
}
 header.shfb .container-fluid .main-navigation ul li.menu-item-19:hover:before {
	 width: 100%;
}

header.shfb .container-fluid .main-navigation ul li a{
font-family: "Proxima", serif;
transition:all .4s ease;
font-size:1.4em!important
	}	
	
	
	
	header.shfb .container-fluid .main-navigation ul li:not(.menu-item-19) a:hover, header.shfb .container-fluid .main-navigation ul li:not(.menu-item-19).current_page_item a{
		color:#c9983c!important
	}
	

/*






header.shfb .container-fluid .main-navigation ul li a::after{
      content: '';
      position: absolute;
      left: 50%;
      bottom: -2px;
	  background-position: center bottom;
      width: 0%;
      height: 2px;
      background-color: #fff;

	  transition: all 0.4s;
  }
	

	header.shfb .container-fluid .main-navigation ul li a:hover::after {
      width: 100%;
	 left:0;
  }

	header.shfb .container-fluid .main-navigation ul li.current_page_item a::after{
		content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 2px;
      background-color: #fff;
	}
	*/
	.shfb-header .shfb-main_header_row .shfb-column-2 {
		position:absolute;
        left: 50%;
    transform: translate(-50%, 0);
	
    }
	
	
	
	
	body.home .entry-header{display:none!important}
	.content-area{margin-top:10px!important}
	
	.shfb-component-search{display:none!important}
	
	.hentry .wp-block-quote.is-style-large, .hentry blockquote {
    
background: var(--color-black);

}

.svglogo{
	width:20%;
	position:absolute;
        left: 40%;
    transform: translate(-40%, 0);
	animation:fade-out-svg linear;
	animation-timeline:view();
	animation-range: exit -120px;
	
}
.contact-form-wrap, .content-area .post-wrap {
    padding-right: 0px;
}

.blok.gradient{margin-top:-150px;
	padding-top:8%;
	text-align:center;
	padding-bottom:10%;
	position:relative;
	z-index:2;
	
}

@media only screen and (max-width: 1069px) {
	.post-14 .blok.gradient .container.groot h1, .post-16 .blok.gradient .container.groot h1{margin-top:80px!important;
	
	
}
	.post-14 .blok.gradient, .post-16 .blok.gradient{padding-bottom:150px}
}

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

.blok.gradient{margin-top:-140px!important;
	
	
}
 }
 
 @media only screen and (max-width: 670px) {
 .blok.gradient.home, .blok.gradient.diensten{
	 padding-bottom:80px!important
 }
 }
 
body.home .container.groot h1, body.page-id-12 .container.groot h1{margin-top:100px!important}

 }

 .container.groot h1{
	color:#fff!important;
	font-size: clamp(20px, 5vw, 60px) !important;
	margin-top:2%
}

.blok h1 span.oranje{color:#c9983c!important}

 .blok.over{
	font-size:clamp(20px, 7vw, 60px) !important;
	font-weight:700;
	
}
.container.groot{
	font-size:clamp(10px, 3.5vw, 30px) !important;
	font-weight:700;
}
.blok.gradient .container.groot p{color:#fff!important}
/* .buttondiv, .buttondiv:hover{
		position:absolute;
		clear:both;
		display:block;
		max-width:350px;
		font-size:.9em!important;
		overflow:hidden!important;
		background:#fff;
		color:#000!important;
		display:inline-block;
		border:1px solid #fff;
		min-width:150px;
		
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:30px;
		transition: all .5s ease;
		padding:7px 22px;
		overflow:hidden!important;
	 left: 50%;
    transform: translate(-50%, 0);
		
	}*/
.blok.gradient a.buttons, a.button-normal{font-size:.9em!important; 
	background:#fff!important;
color:#000!important;
		font-weight:500;
	display:inline-block;
	z-index:1;
	transition:all .5s ease;
	display:inline-block;
	border-radius:35px;
	padding:8px 28px!important;
	position:relative;
	
	}
	a.button-normal{background:#c9983c!important; color:#fff!important}
	a.button-normal:hover{background:#243d53!important;
	
	 transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	
	
	}
	
	a.button-normal:active, a.buttons:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
	
	.buttonholder a.button-normal{height:60px; max-width:250px; display:flex;
	align-items:center; justify-content:center;}
	
	
	.buttonholder1 a.button-normal{height:60px; width:400px; display:flex;
	align-items:center; justify-content:center; margin-top:30px}
	
	
.ser_list, .ser_block .div1{position:relative}
.buttonholder a.button-normal::after, .buttonholder1 a.button-normal::after {
    content: "";
    display:inline-block;
	background:#c9983c;
    height: 60px;
    width: 250px;
    border-radius: 100px;
    position: absolute;
    
    z-index: -2;
    transition: all .4s;
	
}
.buttonholder1 a.button-normal::after {
	background:#fff;
}


.blok.gradient a.buttons:hover{
	background:#c9983c!important;
	display:inline-block;
	color:#fff!important;
	
	 transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	
	
}




.buttonholder1 a.button-normal::after{
	 width: 400px;
}
@media only screen and (min-width: 967px) and (max-width: 1129px) {
	.buttonholder1 a.button-normal, .buttonholder1 a.button-normal::after{
	 width: 360px;
	 font-size:.8em!important
}
.buttonholder1 a.button-normal{margin-left:-20px;

}
	
}


@media only screen and (max-width: 479px) {
.buttonholder1 a.button-normal, .buttonholder1 a.button-normal::after{
	 width: 300px;
}
.buttonholder1 a.button-normal{margin-left:-10px;

}
}

.buttonholder a.button-normal:hover::after{
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}
.buttonholder1 a.button-normal:hover::after {
	transform: scaleX(1.1) scaleY(1.2);
    opacity: 0;
	
}
	
	.container-fluid .dienst .column a.button-normal{
		border:1px solid #c9983c!important;
	}
	
	.container-fluid .dienst .column a.button-normal:hover{
		border:1px solid #fff!important;
	}
	

.desc .desc_inn a.button-normal{
	background:#fff!important;
	color:#000!important;
	transition:all .4s ease;
}


.desc .desc_inn a.button-normal:hover{
	background:#243d53!important;
	color:#fff!important;
}

.container.groot .buttondiv a.buttons:hover{color:#fff!important;

}


 
 .container.groot .buttondiv:hover {
	 color: #fff;
	  border:1px solid #fff!important;
	  background:#000!important
}
 
 
 .buttondiv1{
	 position:relative;
	 width:100%;
	 text-align:center;
	 clear:both;
	
 }
 .buttondiv1 a.bbb{
	 position:relative;
	 display:inline-block;
	 border:1px solid #fff;
	 border-radius:10em;
	 max-width:360px;
	 padding:0px 22px;
	 color:#000;
	 font-size:.5em!important; 
	font-family: FS Industrie,  "neo_sans_stdlight", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color:#000!important;
		font-weight:400;
		overflow:hidden;
		clear:both;
	 background:#fff!important;
	 margin-top:20px;
 }

.buttondiv1 a.bbb:after{
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #000;
	 border-radius: 10rem;
	 z-index: -2;
}

.buttondiv1 a.bbb:before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color: #000;
	 transition: all 0.3s;
	 border-radius: 10rem;
	 z-index:0;
}
.buttondiv1 a.bbb:hover {
	 color: transparent!important;
	  border:1px solid #fff!important;
	  display:inline-block;
	  
	  
}
 .buttondiv1 a.bbb:hover:before {
	 content:"Bekijk portfolio";
	 color:#fff;
	 width: 100%;
}


@media only screen and (max-width: 1779px) {
	.container.groot .buttondiv{
		
	 left: 40%;
    transform: translate(-40%, 0);
		
	}
}


.fading{
	animation:fade-out linear;
	animation-timeline:view();
	animation-range: exit -220px;
}
.blok.gradient {
	animation-name: appear_from_bottom;
	animation-timeline: scroll(root);
	animation-range: 0 100vh;;
}
.blok.over h2{
	color:#fff!important;
	text-align:center!important;
}
.blok.over{
	margin-top:-48px;
	background:var( --color-black );
	position:relative;
	z-index:39!important;
	line-height:4.5rem;
	padding-top:3%;
	padding-bottom:3%;
	margin-bottom:0px;
}
.blok.diensten.hoe{
	background:#fff!important;
	position:relative;
	z-index:39!important;
	padding-top:3%;
	padding-bottom:3%;
	color:#000!important;
	text-align:center;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
/*

 
@keyframes scroll-reveal{
	to{
		background-size:100% 100%;
		opacity:1
	}
}


 .container-fluid.centers span{
display: inline;
  color: hsl(0deg 0% 100% / 58%);
  opacity: 0.8;
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: linear-gradient(90deg, #fff, #fff);
  animation: scroll-reveal 3.5s linear forwards;
  animation-timeline: view(y);
  animation-range-start: cover 10.5vh;
  animation-range-end: cover 94.5vh;
  transition: background-size 0.8s ease, opacity 0.2s ease;

}

.container-fluid.centers h2 span{
	
	animation-range-start: cover 20vh;
	animation-range-end: cover 30vh;
	
}

*/




.container-fluid.centers span {
  color: hsl(0 0% 100% / 0.4);
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: linear-gradient(90deg, white, white);
  animation: scroll-reveal linear forwards;
  transition: background-size 0.4s ease-in-out, opacity 0.5s ease-in-out;
  animation-timeline: view(y);
 
}

.container-fluid.centers h2 span {
  animation-range-start: cover 20vh;
  animation-range-end: cover 30vh;
}

.container-fluid.centers p span {
  animation-range-start: cover 10.5vh;
  animation-range-end: cover 74.5vh;
}

@keyframes scroll-reveal {
  to {
    background-size: 100% 100%;
	opacity:1;
  }
}
















@media only screen and (max-width: 1479px) {
	.blok.over{
	margin-top:-40px;
		
	}
	
	
	
	
}

@media only screen and (max-width: 1079px) {
	.blok.over{
	margin-top:-40px;
		
	}
}


.container-fluid.centers{
	width:80%!important;
	text-align:center!important
}
.gradient {
  background:url(images/home1.webp)no-repeat, linear-gradient(90deg, rgba(36, 61, 83, 1) 0%, rgba(42, 94, 140, 1) 100%);
  /*background-position: bottom 0px center;
background-blend-mode: overlay;*/
 background-size:cover;
}
.gradient.diensten{
	background:url(images/diensten.webp)no-repeat, linear-gradient(90deg, rgba(36, 61, 83, 1) 0%, rgba(42, 94, 140, 1) 100%);
  /*background-position: bottom 0px center;
background-blend-mode: overlay;*/
 background-size:cover;
}
.gradient.contact{
	background:url(images/contact.webp)no-repeat, linear-gradient(90deg, rgba(36, 61, 83, 1) 0%, rgba(42, 94, 140, 1) 100%);
  /*background-position: bottom 0px center;
background-blend-mode: overlay;*/
 background-size:cover;
}

.gradient.mij{
	background:url(images/mij.webp)no-repeat, linear-gradient(90deg, rgba(36, 61, 83, 1) 0%, rgba(42, 94, 140, 1) 100%);
  /*background-position: bottom 0px center;
background-blend-mode: overlay;*/
 background-size:cover;
}


.blok.gradient::after, .blok.gradient.diensten::after{
	height:112px;
  background:#fff;
  position:absolute;
  width:101%;

  content:' ';
 /*margin-top:-43px;*/
 bottom:-55px;
 left:-2px;
transform: rotate(3deg);
	
}
.blok.gradient.diensten::after{
	transform: rotate(-3deg);
}


.content-area.no-sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

@keyframes fade-out{
	to { opacity:0;}
}

.ser_list{margin:0;padding:0;
}

.ser_block {
    margin: 0 0 80px 0;
    padding: 0;
    display: flex;
	flex-direction:row;
	flex-wrap:wrap;
    align-items:center;

    position: relative;
    z-index: 2;
}

.ser_block .div1{margin:0;padding:0;
width:54%;
padding-left:9%;
padding-right:4%;
}

.ser_block .desc{margin:0; padding:0; width:44%;
margin-right:18px;
}

@media only screen and (max-width: 969px) {
.ser_block .div1, .ser_block .desc{
	width:100%!important;
	
}
.ser_block .desc .desc_inn{
	margin-top:60px!important;
	padding-bottom:60px;
	
}
}

.ser_block .desc .desc_inn {
    margin: -350px 0 0 0;
    padding: 48px 60px;
    background: #c9983c;
color:#fff!important;

    position: relative;
    z-index: 2;
   border-radius:150px 0 150px 0;
}

.post-16 .ser_block .desc .desc_inn {
	margin:-545px 0 0 0;
	padding-bottom:155px;
}

.post-14 .ser_block .desc .desc_inn{
	margin:-745px 0 0 0;
	padding-bottom:155px;
	
	

	
	
}






 @media only screen and (max-width: 1529px) {
	 .post-14 .ser_block .desc .desc_inn{
	margin:-845px 0 0 0;
	padding-bottom:155px;
}
	 
 }

@media only screen and (max-width: 1379px) {
	 .post-14 .ser_block .desc .desc_inn{
	margin:-955px 0 0 0;
	padding-bottom:155px;
}
	 
 }
 
 @media only screen and (max-width: 1239px) {
	body.home .ser_block .desc .desc_inn{
	margin:-400px 0 0 0;
	padding-bottom:155px;
}
	 
 }
 
 
 
 
 
@media only screen and (max-width: 1179px) {
	 .post-14 .ser_block .desc .desc_inn{
	margin:-975px 0 0 0;
	padding-bottom:155px;
}
	 
 }
 
 @media only screen and (max-width: 1279px) {
  .post-16 .ser_block .desc .desc_inn{
	margin:-345px 0 0 0;
	padding-bottom:155px;
}
 }
 
 @media only screen and (max-width: 900px) {
	 .div1 img{
	width:20%!important;
	
	top:-150px!important;
	left:50px;
	
}
	 
 }
 
 @media only screen and (max-width: 579px) {
	 .div1 img{
	width:20%!important;
	
	top:-100px!important;
	left:5px!important;
}
	 
 }
.ser_block .desc .desc_inn h2{
	
	color:#fff;
}
.ser_block .desc .desc_inn p.list{
	display:block;
	margin-bottom:-50px;
	background:url(images/tick.svg) no-repeat left;
	background-size:24px 24px;
	padding:35px;
}

.ser_block .desc .desc_inn p.email, .ser_block .desc .desc_inn p.telefoon, .ser_block .desc .desc_inn p.Adres{
	display:block;
	margin-bottom:-100px;
	background:url(images/email.svg) no-repeat left;
	background-size:44px 44px;
	padding:65px;
	
}
.ser_block .desc .desc_inn p.telefoon{
	background:url(images/location.svg) no-repeat left;
	
	background-size:44px 44px;
	padding:65px;
}

.ser_block .desc .desc_inn p.Adres{
	background:url(images/phone.svg) no-repeat left;
	
	background-size:44px 44px;
	padding:65px;
}


.ser_block .desc .desc_inn p a.button-normal{
	margin-top:50px;
}

.ser_block .div1{
	position:relative;
}

.ser_block .div1 img{
	position:absolute;
	width:30%;
	height:auto;
	border:5px solid #fff;
	top:-350px;
	left:50px;
	border-radius:20% 0 20% 0
}


 @media only screen and (max-width: 1529px) {
	.post-14 .div1 img{
	
	
	top:-250px!important;
	left:50px;
}
	 
 }


.post-16 .ser_block .div1 img{
	width:20%;
	left:30px;
	top:-200px;
}
 @media only screen and (max-width: 1495px) {
	 
	.post-16 .ser_block .div1 img{
		top:-150px!important;
	width:20%;
	left:30px;
} 
	 
 }

.div1 .wpforms-container{
	background:#e9eef2!important
}
.post-16 .div1{background:#e9eef2!important}

.div1 .wpforms-container label{
font-size:1.0em!important; letter-spacing:0.01em!important;
font-weight:300!important	
}
.div1 .wpforms-container fieldset label{display:none!important}
.div1 .wpforms-container fieldset .wpforms-field-description{ margin-left:32px; margin-top:-18px; font-size:.9em}
 button.wpforms-submit{
	all:unset!important;
border-radius:35px!important;
cursor:pointer!important;
	background:#c9983c!important; color:#fff!important; font-size:.9em!important; font-weight:400; padding:6px 42px!important;
	
	transition:all .5s ease!important;
	
	}
	
	
	button.wpforms-submit:hover{background:#243d53!important;
	}
	
	.dienst .column{z-index:499!important}
	
.blauw-blok{
	margin-top:120px!important;
	width:100%;
	display:column;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:#243d53;
	padding-top:85px;
	padding-bottom:75px;
	position:relative;
	z-index:105;
}

.blauw-blok::after{
	height:112px;
  background:#243d53;
  position:absolute;
  width:101%;
z-index:1;
  content:' ';
 /*margin-top:-43px;*/
 bottom:-57px;
 left:-2px;
transform: rotate(3deg);
}
.blauw-blok::before{
	height:112px;
  background:#fff;
  position:absolute;
  width:101%;
z-index:1;
  content:' ';
 /*margin-top:-43px;*/
 top:-55px;
 left:-4px;
transform: rotate(3deg);
}



.blauw-blok .buttons{width:100%; display:block; text-align:center; margin-top:30px; z-index:999!important; position:relative;}

.blauw-blok h3{color:#fff!important; display:block; width:100%; text-align:center;}
.blauw-blok a.button-normal{font-size:.9em!important; background:#fff!important;
color:#000!important;
transition:all .4s;
border:1px solid #fff;
padding-left:50px!important;
position:relative;
z-index:99!important
}
.blauw-blok a.button-normal:hover{
	background:#243d53!important;
	color:#fff!important;
	border:1px solid #fff!important
}

.blauw-blok a.button-normal.tel{
	
	animation: slideInLeft linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
	
	
}

.blauw-blok .button-normal.tel::before, .blauw-blok .button-normal.tel:hover::before{
	position:absolute!important;
	content:"";
	display:inline-block;
	padding:16px!important;
	background:url(images/phone1.svg) no-repeat left!important;
	left:16px;
	bottom:9px;
	background-size:24px 24px!important;
	transition:all .3s ease;
	
	
	
}
.blauw-blok .button-normal.tel:hover::before{
	background:url(images/phone1h.svg) no-repeat left!important;
	background-size:24px 24px!important;
}



.blauw-blok .button-normal.mail::before, .blauw-blok .button-normal.mail:hover::before{
	position:absolute!important;
	content:"";
	display:inline-block;
	padding:16px!important;
	background:url(images/email1.svg) no-repeat left!important;
	left:16px;
	bottom:9px;
	background-size:24px 24px!important;
	transition:all .3s ease;
	
	
}
.blauw-blok .button-normal.mail:hover::before{
	background:url(images/email1h.svg) no-repeat left!important;
	background-size:24px 24px!important;
}



.blauw-blok h3{
	animation: slideInTop linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
	
}
.blauw-blok a.button-normal.mail{
	
	animation: slideInRight linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
	
}


@keyframes slideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scaleIn{
	from{
		transform:scale(.5); opacity:.5;
	}
	to{
		transform:scale(1); opacity:1;
	}
}




.col-full.dienst{
	display:flex;
	flex-wrap:wrap;
	align-items:center!important;
	justify-content:center!important;
}

.col-full.dienst .column-dienst{
	width:48%;
text-align:left!important;
position:relative;
margin-right:2%!important;
margin-top:80px;


height:auto;
display: inline-block;
  align-self: stretch;



}
.container.fluid.diensten{position:relative!important}
.container-fluid.diensten img.dienst{
	position:absolute;
	width:16%;
	height:auto;
	border:5px solid #fff;
	top:350px;
	left:250px;
	z-index:9!important;
	border-radius:80px 0 80px 0;
}



 @media only screen and (max-width: 1679px) {
	 .container-fluid.diensten img.dienst{
		 left:150px;
		 top:200px;
	 }
	 
 }
 @media only screen and (max-width: 1079px) {
	 
	 .container-fluid.diensten img.dienst{
		 left:150px;
		 top:240px;
	 }
	 
 }
 
 
 @media only screen and (max-width: 800px) {
	 
	 .container-fluid.diensten img.dienst{
		display:none;
	 }
	 .col-full.dienst .column-dienst{
	width:100%;
	 }
 }
 
 
 

.col-full.dienst .column-dienst:nth-child(1), .col-full.dienst .column-dienst:nth-child(3){
	animation: slideInLeft linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
	
}


.col-full.dienst .column-dienst:nth-child(2), .col-full.dienst .column-dienst:nth-child(4){
	animation: slideInRight linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
  margin-right:0!important;
	
}


.teksthorizontal, .teksthorizontal-rechts{
	font-family: "Open Sans", sans-serif;
	font-size:clamp(20px, 7vw, 60px) !important;
	padding-left:100px;
	color:#c9983c;
	font-weight:700;
	
	animation: moveRight forwards;
  animation-timeline: view();
  /* Animates only when entering viewport */
   animation-range: entry10% cover 30%;
}
.teksthorizontal-rechts{
	animation: moveLeft forwards;
	 animation-timeline: view();
  /* Animates only when entering viewport */
   animation-range: entry110% cover 100%;
	
}

@keyframes moveRight {
  from {  transform: translateX(-20%); opacity:.2; }  
  to {  transform: translateX(30%); opacity:.6; }  
}
@keyframes moveLeft {
  from {  transform: translateX(20%); opacity:.2; }  
  to {  transform: translateX(-20%); opacity:.6; }  
}

@keyframes upHeight {
  from {   transform: translateY(20%); opacity:.6;}  
  to {   transform: translateY(0); opacity:1;} 
}

.dienst{
	display:flex;
	
	
	flex-wrap:wrap;
	align-items:center!important;
	justify-content:center!important;
	
}

.dienst .column{
	width:23%;
text-align:center!important;
position:relative;
margin-right:2%!important;
margin-top:20px;
background:#fff;
color:#000!important;
padding:18px 18px 26px 18px;
box-shadow: 5px 8px 18px hsl(200deg 4% 60% / 0.25);

  filter: drop-shadow(
    1px 2px 9px hsl(200deg 25% 25% / 0.1)
  );

 
animation: upHeight forwards;
  animation-timeline: view();
  /* Animates only when entering viewport */
   animation-range: entry10% cover 30%;
transition:all .4s ease-in-out;
/*max-height:400px;*/
height:auto;
display: inline-block;
  align-self: stretch;
}
.dienst .column .icon-box, .column-dienst .icon-box{
	padding-top:18px;
}

.column-dienst .icon-box{
	display:flex;
	justify-content:center;
}

 @media only screen and (max-width: 1469px) {
	 .dienst .column{
	width:49%;
 }
 .dienst .column:nth-child(2), .dienst .column:nth-child(4){
 margin-right:0%!important;
 }
 }
 
 
 @media only screen and (max-width: 669px) {
	 .dienst .column{
	width:100%;
 }
 }

.dienst .column .icon-box .icon svg, .column-dienst .icon-box .icon svg{
	height:75px;
	width:auto;
	fill:none;
	stroke:#243d53!important;
	stroke-miterlimit:10;
	stroke-width:3px;
	animation: scaleIn linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
	transition:all .4s ease-in-out;
}
.dienst .column:nth-child(1) .icon-box .icon svg{animation-range: entry 0% cover 30%;}
.dienst .column:nth-child(2) .icon-box .icon svg{animation-range: entry 0% cover 40%;}
.dienst .column:nth-child(3) .icon-box .icon svg{animation-range: entry 0% cover 50%;}
.dienst .column:nth-child(4) .icon-box .icon svg{animation-range: entry 0% cover 60%;}

.dienst .column .button-normal{
	animation: slideOutBottom linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

.col-full.dienst .column-dienst .icon-box .icon svg.jaarrekening, .col-full.dienst .column-dienst .icon-box .icon svg.startersadvies{
	stroke-width:5px;
}




.dienst .column:hover{
	background:#243d53;
	color:#fff!important
}
.dienst .column:hover .icon-box .icon svg{
	stroke:#fff!important;
}



.dienst .column .icon-box .icon svg.finance{}

.dienst .column .icon-box .icon svg.belasting{}
.dienst .column .icon-box .icon svg.jaarrekening{height:80px; stroke-width:4px;}
.dienst .column .icon-box .icon svg.startersadvies{height:88px; stroke-width:5px;}

.dienst .column:nth-child(4n){
	
	margin-right:0;
}
.dienst .column h3{
	color:#000!important
}

.dienst .column:hover h3{
	color:#fff!important
}
.container-fluid{width:88%!important}

 @media only screen and (max-width: 1369px) {
.container-fluid{width:90%!important}
 }
 
 }
@media (max-width: 1824px) {
	.blok h1{
	
	margin-top:20%
}
	
}



.geschiedenis .left-block.in-view .cijfers svg{
fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:4px
}

.foots{background:#e9eef2;
position:relative;

padding-top:75px;}
.foots::before{
	height:112px;
  background:#fff;
  position:absolute;
  width:101%;
z-index:99;
  content:' ';
 /*margin-top:-43px;*/
 top:-55px;
 left:-4px;
transform: rotate(3deg);
}


.container-fluid.footer,  .shfb-footer{
	width:100%; background:#e9eef2;
}
.container-fluid.footer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
	padding-top:70px;
}
 img.footerlogo{
	width:250px!important;
	height:auto;
}
.footerimg{width:100%; text-align:center; align-items:center; justify-content:center; flex:1;

animation: slideInTop linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;

}
.footernav{width:90%!important; text-align:center; 

animation: slideOutBottom linear;
  animation-timeline: view();
  animation-range: entry 0% cover 10%;


}
.footernav ul{ display:flex;
justify-content:center;
}
@media only screen and (max-width: 469px) {
	
	.footernav ul{ width:80%!important
}
.footernav ul li{margin-right:12px!important
}
}

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


.sydney-credits{font-size:.7em!important}


.footernav ul li{float:left; display:inline-block;

margin-right:28px;

}

.footernav ul li a{color:#243d53!important;

transition:all .3s ease-in-out;
}
.footernav ul li a:hover{ color:#c9983c!important}

/*animation logo*/




@keyframes move-eerste {
	0%{
		stroke-dashoffset 100;
	}
	75%{
		fill:transparent;
	}
    100% {
		fill:#fff;
        stroke-dashoffset: 0;
    }
}

@keyframes move-tweede {
	0%{
		stroke-dashoffset: 359;
	}
	75% {
		fill:transparent;
	}
    100% {
		fill:#fff;
        stroke-dashoffset: 0;
    }
}




.svglogo svg.logodraw .eerste{
	fill:transparent;
	animation: move-eerste 1.5s ease-in-out 1 forwards;
        animation-delay: 1s;
       stroke-dasharray: 100px;
    stroke-dashoffset: 100px;
	
}

.svglogo svg.logodraw .tweede{
	fill:transparent;
	animation: move-tweede 3s ease-in-out 1 forwards;
        animation-delay: 3s;
       stroke-dasharray: 359px;
    stroke-dashoffset: 359px;
	
}