.elementor-kit-6{--e-global-color-primary:#0D2C29;--e-global-color-secondary:#D7D0C7;--e-global-color-text:#0D2C29;--e-global-color-accent:#8CD0C7;--e-global-color-09217ee:#27746A;--e-global-color-b02132e:#B2D9D4;--e-global-color-3a3c00c:#113A37;--e-global-color-1872ff8:#F4F2EF;--e-global-color-397bb11:#FFFFFF;--e-global-color-e90689f:#14413C;--e-global-typography-primary-font-family:"ivypresto-display";--e-global-typography-primary-font-size:4.3rem;--e-global-typography-primary-font-weight:100;--e-global-typography-primary-line-height:5rem;--e-global-typography-primary-letter-spacing:0.1325rem;--e-global-typography-secondary-font-family:"Ambitious";--e-global-typography-secondary-font-size:5.6rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:4rem;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"neue-haas-grotesk-display";--e-global-typography-text-font-size:1.3rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75rem;--e-global-typography-text-letter-spacing:0.05rem;--e-global-typography-accent-font-family:"neue-haas-grotesk-display";--e-global-typography-accent-font-size:1.3rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.75rem;--e-global-typography-accent-letter-spacing:0.0125rem;--e-global-typography-5fb3eb4-font-family:"neue-haas-grotesk-display";--e-global-typography-5fb3eb4-font-size:2.8rem;--e-global-typography-5fb3eb4-font-weight:200;--e-global-typography-5fb3eb4-line-height:2.8rem;--e-global-typography-5fb3eb4-letter-spacing:0.12px;--e-global-typography-0671103-font-family:"neue-haas-grotesk-display";--e-global-typography-0671103-font-size:1.1rem;--e-global-typography-0671103-font-weight:400;--e-global-typography-0671103-text-transform:lowercase;--e-global-typography-0671103-line-height:1.2rem;--e-global-typography-0671103-letter-spacing:0.5px;--e-global-typography-b26d7cc-font-family:"ivypresto-display";--e-global-typography-b26d7cc-font-size:5rem;--e-global-typography-b26d7cc-line-height:5rem;--e-global-typography-b26d7cc-letter-spacing:0.12rem;--e-global-typography-e5a8a3c-font-family:"neue-haas-grotesk-display";--e-global-typography-e5a8a3c-font-size:1.5rem;--e-global-typography-e5a8a3c-font-weight:400;--e-global-typography-e5a8a3c-line-height:2rem;--e-global-typography-e5a8a3c-letter-spacing:0.0125rem;--e-global-typography-1bf1f2b-font-family:"neue-haas-grotesk-display";--e-global-typography-1bf1f2b-font-size:0.7rem;--e-global-typography-1bf1f2b-font-weight:400;--e-global-typography-1bf1f2b-text-transform:uppercase;--e-global-typography-1bf1f2b-line-height:1.15rem;--e-global-typography-1bf1f2b-letter-spacing:0.08rem;--e-global-typography-03ed6a5-font-family:"ivypresto-display";--e-global-typography-03ed6a5-font-size:2.5rem;--e-global-typography-03ed6a5-font-weight:200;--e-global-typography-03ed6a5-line-height:5rem;--e-global-typography-03ed6a5-letter-spacing:0.1325rem;--e-global-typography-35abaa7-font-family:"Ambitious";--e-global-typography-35abaa7-font-size:5.6rem;--e-global-typography-35abaa7-font-weight:400;--e-global-typography-35abaa7-line-height:4rem;--e-global-typography-35abaa7-letter-spacing:0px;--e-global-typography-21fe218-font-family:"neue-haas-grotesk-display";--e-global-typography-21fe218-font-size:1.5rem;--e-global-typography-21fe218-font-weight:400;--e-global-typography-21fe218-line-height:2rem;--e-global-typography-21fe218-letter-spacing:0.0125rem;--e-global-typography-77d8407-font-family:"neue-haas-grotesk-display";--e-global-typography-77d8407-font-size:14rem;--e-global-typography-77d8407-font-weight:400;--e-global-typography-77d8407-line-height:0.7em;--e-global-typography-c4924e1-font-family:"neue-haas-grotesk-display";--e-global-typography-c4924e1-font-size:1.9rem;--e-global-typography-c4924e1-font-weight:300;--e-global-typography-c4924e1-line-height:3rem;--e-global-typography-c4924e1-letter-spacing:0.12px;font-family:"neue-haas-grotesk-display", Sans-serif;font-size:16px;font-weight:400;line-height:1.75rem;letter-spacing:0.0125rem;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-family:var( --e-global-typography-5fb3eb4-font-family ), Sans-serif;font-size:var( --e-global-typography-5fb3eb4-font-size );font-weight:var( --e-global-typography-5fb3eb4-font-weight );line-height:var( --e-global-typography-5fb3eb4-line-height );letter-spacing:var( --e-global-typography-5fb3eb4-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#0D2C29E8;--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:20px;}.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-6{--e-global-typography-primary-font-size:3.5rem;--e-global-typography-primary-line-height:3.5rem;--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-line-height:1.6rem;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-5fb3eb4-font-size:2.3rem;--e-global-typography-5fb3eb4-line-height:2.5rem;--e-global-typography-b26d7cc-font-size:4rem;--e-global-typography-21fe218-font-size:1.2rem;--e-global-typography-21fe218-line-height:1.5rem;--e-global-typography-77d8407-font-size:8rem;--e-global-typography-77d8407-line-height:6rem;--e-global-typography-c4924e1-font-size:1.8rem;--e-global-typography-c4924e1-line-height:2.5rem;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-5fb3eb4-font-size );line-height:var( --e-global-typography-5fb3eb4-line-height );letter-spacing:var( --e-global-typography-5fb3eb4-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-line-height:2.8rem;--e-global-typography-secondary-font-size:4rem;--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-line-height:1.4rem;--e-global-typography-5fb3eb4-font-size:2rem;--e-global-typography-5fb3eb4-line-height:2rem;--e-global-typography-b26d7cc-font-size:1.9rem;--e-global-typography-b26d7cc-line-height:2.5rem;--e-global-typography-e5a8a3c-font-size:1.1rem;--e-global-typography-e5a8a3c-line-height:1.5rem;--e-global-typography-35abaa7-font-size:4rem;--e-global-typography-21fe218-font-size:1.3rem;--e-global-typography-21fe218-line-height:1.6rem;--e-global-typography-77d8407-font-size:4rem;--e-global-typography-77d8407-line-height:3rem;--e-global-typography-c4924e1-font-size:1.5rem;--e-global-typography-c4924e1-line-height:1.7rem;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-5fb3eb4-font-size );line-height:var( --e-global-typography-5fb3eb4-line-height );letter-spacing:var( --e-global-typography-5fb3eb4-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.grecaptcha-badge { 
    visibility: hidden !important;
}

/*/// body ///*/
.menu .elementor-nav-menu--main .elementor-item:focus,
.menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #FFFFFF90;
  fill: #FFFFFF90;
  font-weight: 500 !important;
}

.footer-verbergen {
    display: block;
}

.footer-tonen {
    display: none !important;
}

/* REALISATIES: overzicht + detailpagina's */
body.page-id-31 .footer-verbergen,
body.single-realisatie .footer-verbergen {
    display: none !important;
}

body.page-id-31 .footer-tonen,
body.single-realisatie .footer-tonen {
    display: flex !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* STANDAARD: DESKTOP */
.mob-br,
.tablet-br {
    display: none;
}

/* TABLET: 768px t.e.m. 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-br {
        display: initial;
    }

    .tablet-hide {
        display: none !important;
    }
}

/* MOBIEL: tot 767px */
@media (max-width: 767px) {
    .mob-br,
    .tablet-br {
        display: initial;
    }

    .desktop-only,
    .hidemobile,
    .dbr {
        display: none !important;
    }
}
.tekst p {
    margin-bottom: 20px;
}
.tekst a {
    color: var( --e-global-color-accent ) !important; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.tekst a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.tekst a:hover {
    color: #ffffff90 !important; /* Hover text color */
}

.tekst a:hover::after {
    width: 100%; /* Full width on hover */
}
.tekst ul {
    margin-bottom: 20px;
}
.tekst ul li {
  list-style: none;
  position: relative;
  padding-left: 0px;
  border-bottom: 0px solid #DEE3EB;
  padding-bottom: 8px;
  padding-top: 8px;
  break-inside: avoid; /* Prevents splitting list items between columns */
  font-weight: 400;
}

.tekst ul li::before {
  content: '';
  display: inline-block;
  height: 15px;
  width: 30px;
  background-image: url('https://new.archipool.be/wp-content/uploads/2026/11/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: -36px;
}

.tekst hr {
    margin:60px 0 60px 0;
    height: 1px;
    border-style: solid;
    border-color: #E1E4EB;
}

.tekst h2 {
    margin-top:35px;
}
.tekst h3 {
    color: #D7D0C7;
    font-size: 1.5rem;
}

h2 strong {
    position: relative;
    font-weight: 700;
    color: #7ea1b8; /* jouw blauwe kleur */
}

h2 strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px; /* afstand onder tekst */
    width: 100%;
    height: 10px; /* dikte van de lijn */
    background: #dfe3e8; /* kleur underline */
    z-index: -1;
}

.link-underlined {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #8CD0C7;
    font-weight: 500 !important;
}

a.link-underlined.link-donker {
    color: #27746A !important;
}
a.link-underlined.link-donker::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 80%; /* beginlengte */
    height: 1px;
    background: currentColor;
    transition: width 0.35s ease;
}
a.link-underlined.link-donker:hover::after {
    width: 180px !important; /* hoverlengte */
}

.link-underlined::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60%; /* beginlengte */
    height: 1px;
    background: currentColor;
    transition: width 0.35s ease;
}

.link-underlined:hover::after {
    width: 40%; /* hoverlengte */
}

.link-underlined-gecentreerd {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #27746A !important;
    font-weight: 400;
}

.link-underlined-gecentreerd::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    width: 90%; /* beginlengte */
    height: 1px;
    background: currentColor;
    transition: width 0.35s ease;
}

.link-underlined-gecentreerd:hover::after {
    width: 70%; /* hoverlengte */
}

.link-underlined-gecentreerd-wit {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #F4F2EF !important;
    font-weight: 400;
}

a.link-underlined-gecentreerd-kleur {
    color: #B2D9D4 !important;
}
a.link-underlined-gecentreerd-kleur::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    width: 90% !important; /* beginlengte */
    height: 1px;
    background: currentColor;
    transition: width 0.35s ease;
}
a.link-underlined-gecentreerd-kleur:hover::after {
    width: 80% !important; /* hoverlengte */
}
.link-underlined-gecentreerd-wit::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    width: 90%; /* beginlengte */
    height: 1px;
    background: currentColor;
    transition: width 0.35s ease;
}

.link-underlined-gecentreerd-wit:hover::after {
    width: 70%; /* hoverlengte */
}
.linkkleur a {
color: #8CD0C7 !important;
}
.button .elementor-button {
    text-align: left;
}
.button {
    text-decoration: none;
    padding-bottom: 20px;
    text-align: left !important;
}

.button:after {
    text-align: left !important;
    content: '';
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #27746A;
    transition: width 0.3s;
  }
.button:hover:after {
    text-align: left !important;
      background-color: #27746A;
      width: 80px; /* Adjust the width of the underline here */
}
.button-gecentreerd {
    text-decoration: none;
    padding-bottom: 20px;
}
.button-gecentreerd:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #00000050;
    transition: width 0.3s;
  }
.button-gecentreerd:hover:after {
      background-color: #00000050;
      width: 80px; /* Adjust the width of the underline here */
}

.button-gecentreerd-wit {
    text-decoration: none;
    padding-bottom: 20px;
}
.button-gecentreerd-wit:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #ffffff50;
    transition: width 0.3s;
  }
.button-gecentreerd-wit:hover:after {
      background-color: #ffffff50;
      width: 80px; /* Adjust the width of the underline here */
}
textarea.elementor-field-textual {
    margin-top:10px;
    border-width: 1px !important;
}

.elementor-message.elementor-message-danger:before {
content: "\2192";
}


.adres a {
    color: var( --e-global-color-accent ) !important; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.adres a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.adres a:hover {
    color: #ffffff90 !important; /* Hover text color */
}

.adres a:hover::after {
    width: 100%; /* Full width on hover */
}
.credits a {
    color: #ffffff50;
}
.credits1 a {
    color: #ffffff50; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.credits1 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.credits1 a:hover {
    color: #ffffff50; /* Hover text color */
}

.credits1 a:hover::after {
    width: 100%; /* Full width on hover */
}


.credits2, .credits2 a {
    color: #ffffff50 !important;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.credits2 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.credits2 a:hover {
    color: #ffffff; /* Hover text color */
}

.credits2 a:hover::after {
    width: 100%; /* Full width on hover */
}

.check ul {
    padding-left: 0px !important;
}
.check ul li {
  display: flex;
  align-items: flex-start; /* icoon bovenaan uitlijnen */
  gap: 12px;
  list-style: none;
  font-weight: 600;
  padding: 10px 0;
}

.check ul li::before {
  content: '';
  flex-shrink: 0;
  width: 20px;
  height: 15px;
  background: url('https://tankreylaswerken.be/wp-content/uploads/2025/10/check.svg') no-repeat center/contain;
  margin-top: 4px; /* optioneel, kleine fine-tuning */
}

.headerfoto img {
    background-size: cover !important;
}


/* Hoofdcontainer */
.parent-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Elementor binnencontainer */
.parent-container > .e-con-inner {
    width: 100%;
    max-width: 100%;
}

/* Foto bepaalt de hoogte */
.parent-container .first-container {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 3 / 4;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}


/* HOVER - DESKTOP */
@media (hover: hover) and (pointer: fine) {

    .parent-container .hoverblok {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.8s ease,
                    visibility 0.8s ease;
    }

    .parent-container:hover .hoverblok {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .parent-container .hoverblok-tekst {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease,
                    transform 0.8s ease;
    }

    .parent-container:hover .hoverblok-tekst {
        opacity: 1;
        transform: translateY(0);
    }
}

/* MOBIEL EN TOUCHSCREEN */
@media (hover: none), (pointer: coarse) {

    .parent-container .hoverblok {
        display: none !important;
    }

    .parent-container .second-container {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
.parent-container .first-container .hoverblok {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

.parent-container .hoverblok-tekst {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}
@media (hover: hover) and (pointer: fine) {

    .parent-container .hoverblok {
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }
}
/* Projecttitel verbergen bij hover */
.parent-container .second-container {
    transition: opacity 0.5s ease;
}

@media (hover: hover) and (pointer: fine) {
    .parent-container:hover .second-container {
        opacity: 0 !important;
    }
}

/* MOBIEL - hovertekst verbergen */
@media (max-width: 767px) {

    .parent-container .hoverblok {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .parent-container:hover .hoverblok {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Geen blur op mobiel */
    .parent-container:hover .first-container {
        filter: none !important;
    }
}


/* REALISATIES IN DE KIJKER */

/* =========================================
   ARCHIPOOL - IN DE KIJKER
   ========================================= */

/* Hoofdcontainer */
.parent-container2 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Elementor binnencontainer */
.parent-container2 > .e-con-inner {
    width: 100%;
    max-width: 100%;
}

/* Foto bepaalt de hoogte */
.parent-container2 .first-container2 {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Hoverblok over de foto */
.parent-container2 .first-container2 .hoverblok2 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Hovertekst */
.parent-container2 .hoverblok-tekst2 {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

/* Projecttitel */
.parent-container2 .second-container2 {
    transition: opacity 0.5s ease;
}

/* =========================================
   DESKTOP - HOVER EFFECTEN
   ========================================= */

@media (hover: hover) and (pointer: fine) {

    .parent-container2 .hoverblok2 {
        opacity: 0 !important;
        visibility: hidden !important;
        transition:
            opacity 0.8s ease,
            visibility 0.8s ease;

        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .parent-container2:hover .hoverblok2 {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .parent-container2 .hoverblok-tekst2 {
        opacity: 0;
        transform: translateY(20px);
        transition:
            opacity 0.8s ease,
            transform 0.8s ease;
    }

    .parent-container2:hover .hoverblok-tekst2 {
        opacity: 1;
        transform: translateY(0);
    }

    .parent-container2:hover .second-container2 {
        opacity: 0 !important;
    }
}

/* =========================================
   MOBIEL - GEEN HOVER
   ========================================= */

@media (max-width: 767px), (hover: none), (pointer: coarse) {

    .parent-container2 .hoverblok2,
    .parent-container2 .first-container2 .hoverblok2,
    .parent-container2 .hoverblok-tekst2 {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .parent-container2 .first-container2 {
        filter: none !important;
    }

    .parent-container2 .second-container2 {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* =========================================
   MOBIEL - AFBEELDINGEN ONDER ELKAAR
   ========================================= */

@media (max-width: 767px) {

    .parent-container2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        flex-basis: 100% !important;
    }

    .parent-container2 .first-container2 {
        width: 100% !important;
        aspect-ratio: 3 / 2;
    }
}



/* Fade-up 1: subtiel - 20px */
@keyframes subtleFadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade-up 2: groter - 100px */
@keyframes subtleFadeUp2 {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Basisanimaties */
.subtle-fade-up {
    animation: subtleFadeUp 1.2s ease-out both;
}

.subtle-fade-up2 {
    animation: subtleFadeUp2 1.2s ease-out both;
}

/* Vertragingen */
.delay-100  { animation-delay: 100ms; }
.delay-200  { animation-delay: 200ms; }
.delay-300  { animation-delay: 300ms; }
.delay-400  { animation-delay: 400ms; }
.delay-500  { animation-delay: 500ms; }
.delay-600  { animation-delay: 600ms; }
.delay-800  { animation-delay: 800ms; }
.delay-1000 { animation-delay: 1000ms; }

/* Toegankelijkheid */
@media (prefers-reduced-motion: reduce) {
    .subtle-fade-up,
    .subtle-fade-up2 {
        animation: none;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ambitious';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://new.archipool.be/wp-content/uploads/2026/10/ambitious-webfont.woff2') format('woff2'),
		url('https://new.archipool.be/wp-content/uploads/2026/10/ambitious-webfont.woff') format('woff'),
		url('https://new.archipool.be/wp-content/uploads/2026/10/Ambitious.ttf') format('truetype');
}
/* End Custom Fonts CSS */