.elementor-kit-9{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF7400;--e-global-color-b78206d:#FFFFFF;--e-global-color-a9dc512:#6EA0B9;--e-global-color-27b932c:#0C0017;--e-global-color-c827026:#83ADC2;--e-global-color-b740e27:#FFFCFD;--e-global-color-de2a158:#194E68;--e-global-color-3714fb4:#EEF9FF;--e-global-color-b9279a2:#FF9F4F;--e-global-typography-primary-font-family:"Gilroy";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gilroy";--e-global-typography-secondary-font-size:clamp(0.9375rem, 0.8715rem + 0.2113vw, 1.125rem);--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Gilroy";--e-global-typography-text-font-size:clamp(0.9375rem, 0.8715rem + 0.2113vw, 1.125rem);--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:2rem;--e-global-typography-accent-font-family:"Gilroy";--e-global-typography-accent-font-size:clamp(0.9375rem, 0.8715rem + 0.2113vw, 1.125rem);--e-global-typography-accent-font-weight:500;--e-global-typography-4078aeb-font-family:"Gilroy";--e-global-typography-4078aeb-font-size:clamp(2.6875rem, 2.1373rem + 1.7606vw, 4.25rem);--e-global-typography-4078aeb-font-weight:700;--e-global-typography-4078aeb-line-height:clamp(2.6875rem, 2.1373rem + 1.7606vw, 4.25rem);--e-global-typography-6493b15-font-family:"Gilroy";--e-global-typography-6493b15-font-size:clamp(2.0625rem, 1.7104rem + 1.1268vw, 3.0625rem);--e-global-typography-6493b15-font-weight:700;--e-global-typography-6493b15-line-height:clamp(2.0625rem, 1.7104rem + 1.1268vw, 3.0625rem);--e-global-typography-a83d651-font-family:"Gilroy";--e-global-typography-a83d651-font-size:clamp(1.875rem, 1.6329rem + 0.7746vw, 2.5625rem);--e-global-typography-a83d651-font-weight:700;--e-global-typography-a83d651-line-height:clamp(1.875rem, 1.6329rem + 0.7746vw, 2.5625rem);--e-global-typography-8380489-font-family:"Gilroy";--e-global-typography-8380489-font-size:clamp(1.375rem, 1.221rem + 0.493vw, 1.8125rem);--e-global-typography-8380489-font-weight:700;--e-global-typography-8380489-line-height:clamp(1.375rem, 1.221rem + 0.493vw, 1.8125rem);--e-global-typography-b77efd3-font-family:"Gilroy";--e-global-typography-b77efd3-font-size:clamp(0.9375rem, 0.8715rem + 0.2113vw, 1.125rem);--e-global-typography-b77efd3-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );border-style:none;border-radius:5em 5em 5em 5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Basis stijl van de knop */
.knop-standaard {
    position: relative;
    overflow: hidden;
     border-radius: 5rem; /* Voeg hier jouw gewenste border-radius toe */
    transition: color 0.4s ease;
    background-color: #FFD256;
}

/* Pseudo-element voor de hover achtergrondkleur */
.knop-standaard::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #f76701; /* De kleur die verschijnt bij hover */
    transition: left 0.4s ease;
    z-index: 0;
    border-radius: inherit; /* Neemt de border-radius van het hoofd-element over */
}

/* Hover effect */
.knop-standaard:hover::before {
    left: 0; /* Het pseudo-element schuift van links naar rechts */
}

/* Zorg ervoor dat de tekst van de knop zichtbaar blijft boven de achtergrondkleur */
.knop-standaard:hover {
    color: #fff; /* Tekstkleur bij hover */
}

.knop-standaard span {
    position: relative;
    z-index: 1; /* Tekst boven het pseudo-element */
}
/* Basis stijl van de transparante knop */
.knop-sec {
    position: relative;
    background-color: transparent;
    color: #333; /* Standaard tekstkleur */
    border: none; /* Geen rand */
    text-decoration: none; /* Verwijder standaard onderstreping */
    display: inline-block; /* Zorgt ervoor dat de breedte de breedte van de tekst volgt */
}

/* Stijl voor de tekst (span) binnen de knop */
.knop-sec span {
    position: relative;
    display: inline-block; /* De streep volgt de breedte van de tekst */
}

/* De standaard streep onder de tekst, gebaseerd op de breedte van de tekst */
.knop-sec span::before {
    content: '';
    position: absolute;
    bottom: -2px; /* Zorg dat de lijn onder de tekst blijft */
    left: 0;
    right: 0;
    margin: auto;
    width: 100%; /* Breedte van de tekst */
    height: 2px; /* Dikte van de lijn */
    background-color: #fff; /* Standaard lijnkleur */
    z-index: 0;
}

/* Pseudo-element voor de hover animatie */
.knop-sec span::after {
    content: '';
    position: absolute;
    bottom: -2px; /* Zorg dat de hover-lijn op dezelfde hoogte zit */
    left: 0;
    width: 0%; /* Begin met 0% breedte voor het hover-effect */
    height: 2px; /* Dikte van de lijn */
    background-color: #f76701; /* Kleur van de lijn bij hover */
    transition: width 0.4s ease; /* Zorg voor een soepele animatie */
    z-index: 1; /* Deze lijn komt boven de standaard lijn */
}

/* Hover effect voor de onderstreeping */
.knop-sec:hover span::after {
    width: 100%; /* De lijn vult nu van links naar rechts bij hover */
}
.elementor-button {
    width: 100% !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Semibold.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Extrabold.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Extrabold.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-UltraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://gtkadvocaten.nl/wp-content/uploads/2024/10/Gilroy-Thin.woff2') format('woff2');
}
/* End Custom Fonts CSS */