.elementor-13 .elementor-element.elementor-element-58d1afd{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-96a1f5d{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-96a1f5d.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-d0d5183 img{width:40%;}.elementor-13 .elementor-element.elementor-element-8df8d59 img{width:50%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-5c88800{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-5c88800 .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-541c527 );}.elementor-13 .elementor-element.elementor-element-13c9db8{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-13c9db8 .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-541c527 );}.elementor-13 .elementor-element.elementor-element-79c40a6{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-79c40a6.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-d35a097 img{width:52%;}.elementor-13 .elementor-element.elementor-element-621d159 img{width:50%;}.elementor-13 .elementor-element.elementor-element-ee125eb{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-ee125eb .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-53dd687 );}.elementor-13 .elementor-element.elementor-element-125b5b3{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-125b5b3 .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-53dd687 );}.elementor-13 .elementor-element.elementor-element-bf34f48{--display:flex;--min-height:100vh;--justify-content:center;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-bf34f48.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-bd98f62 img{width:50%;}.elementor-13 .elementor-element.elementor-element-527eaaa img{width:50%;}.elementor-13 .elementor-element.elementor-element-301b81b{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-301b81b .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-53dd687 );}.elementor-13 .elementor-element.elementor-element-000f28e{padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-000f28e .elementor-heading-title{font-family:"Charter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;line-height:44px;color:var( --e-global-color-53dd687 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-58d1afd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-96a1f5d{--min-height:33vh;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-d0d5183 img{width:20%;}.elementor-13 .elementor-element.elementor-element-8df8d59 img{width:25%;}.elementor-13 .elementor-element.elementor-element-5c88800{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-5c88800 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-13 .elementor-element.elementor-element-13c9db8{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-13c9db8 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-13 .elementor-element.elementor-element-79c40a6{--min-height:33vh;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-d35a097 img{width:20%;}.elementor-13 .elementor-element.elementor-element-621d159 img{width:25%;}.elementor-13 .elementor-element.elementor-element-ee125eb{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-ee125eb .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-13 .elementor-element.elementor-element-125b5b3{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-125b5b3 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-13 .elementor-element.elementor-element-bf34f48{--min-height:33vh;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-bd98f62 img{width:20%;}.elementor-13 .elementor-element.elementor-element-527eaaa img{width:25%;}.elementor-13 .elementor-element.elementor-element-301b81b{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-301b81b .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-13 .elementor-element.elementor-element-000f28e{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-000f28e .elementor-heading-title{font-size:18px;line-height:24px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-58d1afd{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-96a1f5d{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-d0d5183 img{width:29%;}.elementor-13 .elementor-element.elementor-element-5c88800 .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-13 .elementor-element.elementor-element-13c9db8 .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-13 .elementor-element.elementor-element-79c40a6{--min-height:33vh;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-d35a097 img{width:36%;}.elementor-13 .elementor-element.elementor-element-ee125eb .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-13 .elementor-element.elementor-element-125b5b3 .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-13 .elementor-element.elementor-element-bf34f48{--min-height:34vh;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-bd98f62 img{width:38%;}.elementor-13 .elementor-element.elementor-element-301b81b .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-13 .elementor-element.elementor-element-000f28e .elementor-heading-title{font-size:20px;line-height:22px;}}/* Start custom CSS for container, class: .elementor-element-58d1afd *//* Basis gedrag */
.hover-gradient {
  position: relative;
  overflow: hidden;
}

/* Transition op de basisstaat */
.col1.hover-gradient h2,
.col1.hover-gradient .elementor-heading-title,
.col1.hover-gradient .elementor-heading-title a,
.col2.hover-gradient h2,
.col2.hover-gradient .elementor-heading-title,
.col2.hover-gradient .elementor-heading-title a,
.col3.hover-gradient h2,
.col3.hover-gradient .elementor-heading-title,
.col3.hover-gradient .elementor-heading-title a {
  transition: color 0.5s ease;
}

/* Kleur naar wit bij hover, met hogere specificiteit en important */
.col1.hover-gradient:hover h2,
.col1.hover-gradient:hover .elementor-heading-title,
.col1.hover-gradient:hover .elementor-heading-title a,
.col2.hover-gradient:hover h2,
.col2.hover-gradient:hover .elementor-heading-title,
.col2.hover-gradient:hover .elementor-heading-title a,
.col3.hover-gradient:hover h2,
.col3.hover-gradient:hover .elementor-heading-title,
.col3.hover-gradient:hover .elementor-heading-title a {
  color: #fff !important;
}

.col1.hover-gradient:hover img,
.col2.hover-gradient:hover img,
.col3.hover-gradient:hover img {
  filter: brightness(0) invert(1); /* maakt zwart → wit */
  transition: filter 0.5s ease;
}

.hover-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;                     /* onzichtbaar tot hover */
  transition: opacity 0.9s ease;  /* zacht in en uit */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}

.hover-gradient:hover::before {
  opacity: 1;
}

/* Inhoud boven de overlay */
.hover-gradient > * {
  position: relative;
  z-index: 1;
}

/* KOLOM 1
   vaste achtergrondkleur + eigen foto en gradientkleur op hover */
.col1.hover-gradient {
  background-color: #392D2F; /* vaste kleur kolom 1 */
}
.col1.hover-gradient::before {
  background-image:
    linear-gradient(
      to bottom,
      rgba(57, 45, 47 ) 0%,
      rgba(255, 86, 0, 0) 42%,
      rgba(255, 86, 0, 0) 58%,
      rgba(57, 45, 47 ) 100%
    ),
    url("https://dev.giulianos.nl/wp-content/uploads/2025/08/Middel-4.png");
}

/* KOLOM 2 */
.col2.hover-gradient {
  background-color: #FFFFFF; /* vaste kleur kolom 2 */
}
.col2.hover-gradient::before {
  background-image:
    linear-gradient(
      to bottom,
      rgba(57, 45, 47) 0%,
      rgba(0, 123, 255, 0) 42%,
      rgba(0, 123, 255, 0) 58%,
      rgba(57, 45, 47) 100%
    ),
    url("https://dev.giulianos.nl/wp-content/uploads/2025/08/Middel-9-1.png");
}

/* KOLOM 3 */
.col3.hover-gradient {
  background-color: #F4E2CE; /* vaste kleur kolom 3 */
}
.col3.hover-gradient::before {
  background-image:
    linear-gradient(
      to bottom,
      rgba(57, 45, 47) 0%,
      rgba(0, 200, 100, 0) 42%,
      rgba(0, 200, 100, 0) 58%,
      rgba(57, 45, 47) 100%
    ),
    url("https://dev.giulianos.nl/wp-content/uploads/2026/05/Pasta-eten-in-den-haag.jpg");
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Charter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dev.giulianos.nl/wp-content/uploads/2025/08/Charter-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Charter';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://dev.giulianos.nl/wp-content/uploads/2025/08/Charter-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Charter';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.giulianos.nl/wp-content/uploads/2025/08/Charter-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Charter';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.giulianos.nl/wp-content/uploads/2025/08/Charter-Bold-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */