.elementor-2863 .elementor-element.elementor-element-7c72441{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-2863 .elementor-element.elementor-element-7c72441:not(.elementor-motion-effects-element-type-background), .elementor-2863 .elementor-element.elementor-element-7c72441 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6F6;}.elementor-2863 .elementor-element.elementor-element-1e351d2{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2863 .elementor-element.elementor-element-1e351d2:not(.elementor-motion-effects-element-type-background), .elementor-2863 .elementor-element.elementor-element-1e351d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-2863 .elementor-element.elementor-element-e6ed390{width:var( --container-widget-width, 97% );max-width:97%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:97%;--container-widget-flex-grow:0;}.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-2863 .elementor-element.elementor-element-cab2326{--e-transform-rotateZ:0deg;bottom:-177px;}body:not(.rtl) .elementor-2863 .elementor-element.elementor-element-cab2326{right:-32px;}body.rtl .elementor-2863 .elementor-element.elementor-element-cab2326{left:-32px;}.elementor-2863 .elementor-element.elementor-element-cab2326 img{width:510px;}.elementor-2863 .elementor-element.elementor-element-3a2d3b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:60px;--padding-right:60px;}.elementor-2863 .elementor-element.elementor-element-3a2d3b4:not(.elementor-motion-effects-element-type-background), .elementor-2863 .elementor-element.elementor-element-3a2d3b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6F6;}.elementor-2863 .elementor-element.elementor-element-1decccc{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:0px;}.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-2863 .elementor-element.elementor-element-866c894{text-align:left;}.elementor-2863 .elementor-element.elementor-element-866c894 .elementor-heading-title{font-family:"General Sans", Sans-serif;font-size:2.6rem;font-weight:500;color:#000000;}.elementor-2863 .elementor-element.elementor-element-ff341ac{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-0e107d6{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:160px 160px 160px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-6a1bee1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;grid-column:span 1;grid-row:span 1;}.elementor-2863 .elementor-element.elementor-element-6a1bee1 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-2863 .elementor-element.elementor-element-a13c2d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;grid-column:span 1;grid-row:span 3;}.elementor-2863 .elementor-element.elementor-element-a13c2d8 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-2863 .elementor-element.elementor-element-522017d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;grid-column:span 1;grid-row:span 2;}.elementor-2863 .elementor-element.elementor-element-522017d img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-2863 .elementor-element.elementor-element-79b768d{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-2863 .elementor-element.elementor-element-79b768d{left:0px;}body.rtl .elementor-2863 .elementor-element.elementor-element-79b768d{right:0px;}body.elementor-page-2863:not(.elementor-motion-effects-element-type-background), body.elementor-page-2863 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6F6;}@media(min-width:768px){.elementor-2863 .elementor-element.elementor-element-7c72441{--content-width:1400px;}.elementor-2863 .elementor-element.elementor-element-3a2d3b4{--content-width:1400px;}.elementor-2863 .elementor-element.elementor-element-1decccc{--width:42%;}.elementor-2863 .elementor-element.elementor-element-ff341ac{--width:602px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2863 .elementor-element.elementor-element-1e351d2{--width:100%;}.elementor-2863 .elementor-element.elementor-element-1decccc{--width:100%;}.elementor-2863 .elementor-element.elementor-element-ff341ac{--width:100%;}}@media(max-width:1024px){.elementor-2863 .elementor-element.elementor-element-7c72441{--padding-top:100px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2863 .elementor-element.elementor-element-e6ed390{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2863 .elementor-element.elementor-element-cab2326{right:7px;}body.rtl .elementor-2863 .elementor-element.elementor-element-cab2326{left:7px;}.elementor-2863 .elementor-element.elementor-element-3a2d3b4{--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;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-1decccc{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-866c894 .elementor-heading-title{font-size:30px;}.elementor-2863 .elementor-element.elementor-element-ff341ac{--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-0e107d6{--gap:28px 28px;--row-gap:28px;--column-gap:28px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2863 .elementor-element.elementor-element-7c72441{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-1e351d2{--min-height:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-e6ed390{width:var( --container-widget-width, 240px );max-width:240px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-2863 .elementor-element.elementor-element-cab2326{--e-transform-rotateZ:-90deg;bottom:-69px;}body:not(.rtl) .elementor-2863 .elementor-element.elementor-element-cab2326{right:-156px;}body.rtl .elementor-2863 .elementor-element.elementor-element-cab2326{left:-156px;}.elementor-2863 .elementor-element.elementor-element-cab2326 img{width:365px;}.elementor-2863 .elementor-element.elementor-element-3a2d3b4{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:60px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-1decccc{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-866c894{padding:0px 0px 0px 0px;text-align:left;}.elementor-2863 .elementor-element.elementor-element-866c894 .elementor-heading-title{font-size:1.6rem;line-height:2rem;}.elementor-2863 .elementor-element.elementor-element-ff341ac{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-0e107d6{--width:100%;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:220px;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--align-items:stretch;}.elementor-2863 .elementor-element.elementor-element-6a1bee1{grid-column:span 2;grid-row:span 1;}.elementor-2863 .elementor-element.elementor-element-a13c2d8{grid-column:span 2;grid-row:span 1;}.elementor-2863 .elementor-element.elementor-element-522017d{grid-column:span 2;grid-row:span 1;}.elementor-2863 .elementor-element.elementor-element-522017d img{height:100%;}.elementor-2863 .elementor-element.elementor-element-79b768d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-e6ed390 *//* Basisstijl voor de heading */
.animated-heading {
    font-size: 5rem;
    font-weight: 600;
    text-align: left;
    line-height: 5rem;
    font-family: "General Sans", Sans-serif;
    display: flex;
    gap: 6px;
    color:black;
    flex-direction: column;
    justify-content: start;
}

/* Verberg de tekstregels in eerste instantie */
.animated-heading .line {
    display: block;
    overflow: hidden;
    padding: 0.6rem 0;
}

.animated-heading .line span {
    display: block;
    transform: translateY(110%);
    will-change: transform;
}

/* Stijl voor het woord "Lychee" */
.elementor-2863 .elementor-element.elementor-element-e6ed390 .animated-heading .lets-collab{
    color: #A72C35;
}

/* ✔️ DE KEYFRAME ANIMATIE */
@keyframes reveal {
    to {
        transform: translateY(0);
    }
}

/* ✔️ TRIGGER DE ANIMATIE PAS ALS DE CLASS 'is-visible' AANWEZIG IS */
.animated-heading.is-visible .line span {
    animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.animated-heading.is-visible .line:nth-child(2) span {
    animation-delay: 0.2s;
}

/* Responsive stijlen (ik heb je 'h1' .elementor-2863 .elementor-element.elementor-element-e6ed390s aangepast naar '.animated-heading' voor consistentie) */
@media(max-width:1024px) {
    .animated-heading {
        font-size: 60px;
        line-height: 60px;
    }
}

@media(max-width:767px) {
    .animated-heading {
         gap: 2px;
        font-size: 32px;
        line-height: 32px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d183d0 *//* Algemene formulier stijlen */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form {
    font-family: 'General Sans', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 30px; /* Ruimte tussen de formulier-rijen */
}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form br {
    display: none;
}

/* Verwijder standaard marges van de <p> tags die CF7 toevoegt */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form p {
    margin: 0;
}

/* Stijl voor de rij met Email en Telefoon */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-row {
    display: flex;
    gap: 30px; /* Ruimte tussen de velden */
    width: 90%;
}

.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-row .form-group {
    flex: 1; /* Zorgt ervoor dat beide velden evenveel ruimte innemen */
}

/* Labels boven de velden */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form label {
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #333;
}

/* Stijl voor alle input velden en de textarea */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    padding: 8px 12px;
    
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box; /* Zorgt dat padding de breedte niet beïnvloedt */
    transition: border-color 0.3s ease;
}

/* Stijl wanneer een veld wordt aangeklikt (focus) */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    border: 1px solid #D1D1D1; /* Jouw gevraagde border kleur */

}

.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-text{
       border: 1px solid #D1D1D1; /* Jouw gevraagde border kleur */

}
.elementor-2863 .elementor-element.elementor-element-1d183d0 textarea{
        border: 1px solid #D1D1D1; /* Jouw gevraagde border kleur */

}
/* Specifieke hoogte voor de textarea */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form textarea.wpcf7-form-control {
    height: 140px;
    resize: vertical; /* Sta verticale resizing toe */
}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-group.order-nummer {
    width: 43%;
}

/* Stijl voor de verzendknop */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-submit {
    background-color: #A72C35; /* Kleur uit je voorbeeld */
    color: white;
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding: 14px 30px;
    border-radius: 30px; /* Maakt de knop afgerond */
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: auto; /* Zorgt dat de knop niet de volledige breedte inneemt */
}

/* Hover-effect voor de verzendknop */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-submit:hover {
    background-color: #b9767c; /* Iets donkerdere tint */
}

/* --- STYLING VOOR DE RADIO BUTTONS --- */

/* Verberg de standaard radio input (het bolletje) */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-radio input[type="radio"] {
    display: none;
}

/* De container voor de knoppen: zet ze naast elkaar met ruimte ertussen */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-wrap: wrap; /* Zorgt dat de knoppen onder elkaar springen op kleine schermen */
    gap: 20px; 
}

/* Styling voor de labels, die we als knoppen laten lijken */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-radio .wpcf7-list-item-label {
    padding: 8px 24px;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #333;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease; /* Vloeiende overgang voor kleurveranderingen */
}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-radio{
    padding: 12px 0px 0px 0px!important;
}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-radio .wpcf7-list-item {
    margin: 0;
}
/* Styling voor de geselecteerde knop */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label {
    background-color: #A72C35; /* Donkerrode achtergrond */
    border-color: #A72C35;     /* Donkerrode border */
    color: #FFFFFF;             /* Witte tekst */
}

.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-acceptance .wpcf7-form-control:not(.wpcf7-submit){
    background: none!important;
    border: none;
    padding: 0px;
    margin: 0px;

}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-acceptance span{
        font-size: 16px;
        margin-left: 6px;
        
}
.elementor-2863 .elementor-element.elementor-element-1d183d0 .form-acceptance span a{
    color: blue;
}

/* Hover-effect voor de niet-geselecteerde knoppen */
.elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form .wpcf7-radio input[type="radio"]:not(:checked) + .wpcf7-list-item-label:hover {
    border-color: #A72C35; /* Maak de border rood bij hover */
    color: #A72C35;        /* Maak de tekst rood bij hover */
}

/* --- Mobiele weergave --- */
/* Velden onder elkaar op schermen kleiner dan 768px */
@media (max-width: 1024px) {
    .elementor-2863 .elementor-element.elementor-element-1d183d0 .form-row {
        flex-direction: column;
        gap:16px;
    }
    .elementor-2863 .elementor-element.elementor-element-1d183d0 .wpcf7-form label{
        margin-bottom:10px;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a13c2d8 */@media(max-width:767px){
    .elementor-2863 .elementor-element.elementor-element-a13c2d8{
    max-height: 220px
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-522017d */@media(max-width:767px){
    .elementor-2863 .elementor-element.elementor-element-522017d{
    max-height: 220px
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad705d3 */.waves-container {
    position: relative;
    width: 100%;
    height: 10vh; /* Hoogte van de golven */
    min-height: 100px;
    max-height: 150px;
    overflow: hidden; /* Verbergt alles wat buiten de container valt */
}

.waves-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parallax > use {
    /* De animatie wordt hier aangeroepen */
    animation: move-forever 5s cubic-bezier(.55,.5,.45,.5) infinite;
}

/* De keyframes voor de animatie */
@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% { 
        transform: translate3d(85px,0,0);
    }
}


/* --- Mobiele aanpassing --- */
@media (max-width: 768px) {
  .waves-container {
    height: 7vh;       /* Verlaagd van 10vh */
    min-height: 70px;  /* Verlaagd van 100px */
    max-height: 100px; /* Verlaagd van 150px */
  }
}


/* Mediaquery voor mobiele apparaten */
@media (max-width: 768px) {
  .waves-container {
    /* Verlaag de hoogtewaarden voor een subtielere golf */
    height: 8vh;
    min-height: 50px;
    max-height: 80px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'General Sans';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'General Sans';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-VariableItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */