/* ==================================================
   PAPEGAAIENHOTEL
================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
    --green:#064b33;
    --green-dark:#053a28;
    --green-text:#063f2c;
    --green-light:#59a83c;
    --cream:#fbfaf5;
    --offwhite:#f7f7f2;
    --text:#15251d;
    --muted:#4c5852;
    --border:#e5e7df;
    --white:#ffffff;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    color:var(--text);
    background:#ffffff;
    line-height:1.55;
}

img{
    display:block;
    max-width:100%;
}

a{
    color:inherit;
    text-decoration:none;
}

.container{
    width:min(1160px,92%);
    margin:auto;
}


/* ==================================================
   TESTBALK
================================================== */

.testbar{
    text-align:center;
    background:#d9a631;
    color:#2b2717;
    font-size:12px;
    font-weight:700;
    padding:5px 10px;
}


/* ==================================================
   HEADER
================================================== */

.site-header{
    height:76px;
    background:#ffffff;
    border-bottom:1px solid #e7e7e2;
    position:sticky;
    top:0;
    z-index:1000;
}

.nav{
    height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}


/* LOGO */

.brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:240px;
}

.brand-parrot{
    font-size:43px;
    line-height:1;
}

.brand-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.brand-name{
    font-family:Georgia,"Times New Roman",serif;
    color:var(--green);
    font-size:24px;
    font-weight:700;
    line-height:1;
}

.brand-sub{
    color:#56a331;
    font-size:8px;
    font-weight:800;
    letter-spacing:1px;
    margin-top:5px;
}


/* MENU */

.main-menu{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:29px;
}

.main-menu a{
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.main-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:9px;
    width:0;
    height:2px;
    background:#53a736;
    transition:.2s;
}

.main-menu a:hover::after,
.main-menu a.active::after{
    width:100%;
}

.header-book{
    display:flex;
    align-items:center;
    color:#ffffff;
    background:var(--green);
    padding:13px 17px;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.header-book:hover{
    background:var(--green-dark);
}


/* ==================================================
   HERO
================================================== */

.hero{
    background:linear-gradient(
        110deg,
        #fbfaf6 0%,
        #fbfaf6 53%,
        #f2f6f1 100%
    );
}

.hero-inner{
    width:min(1160px,92%);
    min-height:470px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 500px;
    gap:65px;
    align-items:center;
}

.hero-copy{
    padding:65px 0;
}

.hero h1{
    font-family:Georgia,"Times New Roman",serif;
    color:var(--green-text);
    font-size:52px;
    font-weight:500;
    line-height:1.04;
    letter-spacing:-1.5px;
    margin-bottom:23px;
}

.hero-copy p{
    max-width:455px;
    color:#27352e;
    font-size:14px;
    line-height:1.7;
    margin-bottom:27px;
}

.hero-actions{
    display:flex;
    gap:13px;
}

.hero-image{
    width:100%;
    max-width:500px;
    height:340px;
    justify-self:end;
    overflow:hidden;
    position:relative;
    border-radius:16px;
    background:#e6ede7;
    box-shadow:0 18px 45px rgba(7,63,43,.13);
}

.hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}


/* ==================================================
   KNOPPEN
================================================== */

.btn{
    min-height:44px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    border-radius:7px;
    padding:0 18px;
    font-size:13px;
    font-weight:700;
    transition:.2s ease;
}

.btn:hover{
    transform:translateY(-2px);
}

.btn-green{
    background:var(--green);
    color:#ffffff;
}

.btn-green:hover{
    background:var(--green-dark);
}

.btn-outline{
    background:#ffffff;
    color:#15362a;
    border:1px solid #47705e;
}


/* ==================================================
   VOORDELEN
================================================== */

.usp-section{
    background:#fbfbf7;
    border-bottom:1px solid #edede8;
}

.usp-grid{
    min-height:158px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.usp{
    position:relative;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:24px 30px;
}

.usp:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    width:1px;
    height:70px;
    background:#dbdfd8;
}

.usp-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:11px;
    color:var(--green);
}

.usp-icon svg{
    width:39px;
    height:39px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.usp h3{
    font-family:Georgia,"Times New Roman",serif;
    color:var(--green-text);
    font-size:16px;
    margin-bottom:5px;
}

.usp p{
    max-width:210px;
    font-size:11px;
    color:#303d36;
    line-height:1.5;
}


/* ==================================================
   VERZORGING
================================================== */

.care-section{
    padding:58px 0;
}

.care-grid{
    display:grid;
    grid-template-columns:39% 61%;
    gap:47px;
    align-items:center;
}

.care-content h2{
    font-family:Georgia,"Times New Roman",serif;
    color:var(--green-text);
    font-size:34px;
    font-weight:500;
    line-height:1.08;
}

.green-line{
    display:block;
    width:34px;
    height:3px;
    background:#72b442;
    margin:19px 0 20px;
}

.care-content > p{
    max-width:370px;
    font-size:12px;
    line-height:1.65;
}

.care-list{
    list-style:none;
    margin:21px 0 24px;
}

.care-list li{
    display:flex;
    gap:8px;
    align-items:center;
    margin-bottom:8px;
    font-size:11px;
}

.care-list li span{
    width:16px;
    height:16px;
    flex:0 0 16px;
    border-radius:50%;
    background:#5dab38;
    color:#ffffff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.small-button{
    min-height:38px;
    font-size:11px;
}


/* FOTO'S */

.care-gallery{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:190px 190px;
    gap:14px;
    max-width:620px;
}

.care-photo{
    overflow:hidden;
    border-radius:10px;
    background:#e8ece7;
}

.care-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* ==================================================
   TARIEVEN
================================================== */

.rates-section{
    padding-bottom:28px;
}

.rates-box{
    border-radius:18px;
    padding:30px 40px 27px;

    background:radial-gradient(
        circle at 50% -30%,
        #ffffff 0,
        #fcfbf7 65%,
        #f8f7f0 100%
    );

    border:1px solid #eeeee8;
}

.rates-heading{
    text-align:center;
    margin-bottom:28px;
}

.rates-heading h2{
    font-family:Georgia,"Times New Roman",serif;
    color:var(--green-text);
    font-size:31px;
    font-weight:500;
}

.rates-heading h2::after{
    content:"";
    display:block;
    width:45px;
    height:2px;
    background:#65ad3d;
    margin:9px auto;
}

.rates-heading p{
    font-size:11px;
}

.rates-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:22px;
}

.rate{
    text-align:center;
}


/* RONDE VOGELFOTO'S */

.rate-image{
    width:82px;
    height:82px;
    border-radius:50%;
    overflow:hidden;
    margin:0 auto 12px;
    background:#e9ece7;
    border:3px solid #ffffff;
    box-shadow:0 4px 13px rgba(0,0,0,.10);
}

.rate-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}


/* GRASPARKIET */

.rate-image img[src="/images/grasparkiet.jpg"]{
    object-position:center 45%;
}


/* ARA - HOOFD HOGER IN BEELD */

.rate-image img[src="/images/ara.jpg"]{
    object-position:center 10%;
}


/* AMAZONE */

.rate-image img[src="/images/amazonepapegaai.jpg"]{
    object-position:center center;
}


/* PYRRHURA */

.rate-image img[src="/images/pyrrhura%20parkiet.jpg"]{
    object-position:center center;
}


/* KAKETOE */

.rate-image img[src="/images/kaketoe.jpeg"]{
    object-position:center center;
}


.rate h3{
    font-size:11px;
    min-height:31px;
    margin-bottom:6px;
}

.rate strong{
    font-size:11px;
}

.rates-action{
    text-align:center;
    margin-top:27px;
}

.rates-button{
    display:inline-flex;
    align-items:center;
    min-height:37px;
    padding:0 17px;
    border:1px solid var(--green);
    border-radius:5px;
    font-size:11px;
    font-weight:700;
    transition:.2s;
}

.rates-button:hover{
    background:var(--green);
    color:#ffffff;
}


/* ==================================================
   RESERVERINGSBALK
================================================== */

.reserve-section{
    padding-bottom:21px;
}

.reserve-banner{
    min-height:96px;
    border-radius:13px;
    padding:18px 38px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    color:#ffffff;
    background:linear-gradient(105deg,#02462f,#075a3d);
}

.reserve-left{
    display:flex;
    align-items:center;
    gap:25px;
}

.calendar-icon{
    width:55px;
    height:55px;
    flex:0 0 55px;
    border-radius:50%;
    background:#f5f9ee;
    color:var(--green);
    display:flex;
    align-items:center;
    justify-content:center;
}

.calendar-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.reserve-banner h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    font-weight:500;
}

.reserve-banner p{
    font-size:11px;
    opacity:.85;
}

.reserve-white-button{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#ffffff;
    color:var(--green);
    padding:0 18px;
    border-radius:6px;
    font-size:11px;
    font-weight:700;
}

.reserve-white-button svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==================================================
   FOOTER
================================================== */

.footer{
    background:#06452f;
    color:#ffffff;
    padding:31px 0 15px;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.1fr;
    gap:65px;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
}

.footer-parrot{
    font-size:38px;
}

.footer-logo-name{
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    font-weight:700;
}

.footer-logo-sub{
    color:#9bd17f;
    font-size:7px;
    font-weight:800;
    letter-spacing:1px;
}

.footer-brand p{
    max-width:220px;
    font-size:10px;
    opacity:.82;
}

.footer-column{
    display:flex;
    flex-direction:column;
}

.footer-column h3{
    font-size:11px;
    margin-bottom:12px;
}

.footer-column a,
.footer-column p{
    font-size:10px;
    margin-bottom:6px;
    opacity:.83;
}

.footer-column a:hover{
    opacity:1;
}

.copyright{
    text-align:center;
    margin-top:23px;
    font-size:9px;
    opacity:.6;
}


/* ==================================================
   TABLET
================================================== */

@media(max-width:1050px){

    .main-menu{
        gap:15px;
    }

    .main-menu a{
        font-size:11px;
    }

    .hero-inner{
        grid-template-columns:1fr 430px;
        gap:40px;
    }

    .hero h1{
        font-size:44px;
    }

    .hero-image{
        max-width:430px;
        height:310px;
    }

}


/* ==================================================
   KLEINE TABLET
================================================== */

@media(max-width:850px){

    .site-header{
        height:auto;
    }

    .nav{
        min-height:68px;
        height:auto;
    }

    .main-menu{
        display:none;
    }

    .brand{
        min-width:0;
    }

    .brand-name{
        font-size:20px;
    }

    .brand-sub{
        font-size:6px;
    }

    .brand-parrot{
        font-size:35px;
    }


    .hero-inner{
        grid-template-columns:1fr;
        padding:45px 0;
    }

    .hero-copy{
        padding:0;
    }

    .hero-image{
        justify-self:start;
        height:300px;
    }


    .usp-grid{
        grid-template-columns:1fr 1fr;
    }


    .care-grid{
        grid-template-columns:1fr;
    }


    .rates-grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:30px;
    }


    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

}


/* ==================================================
   MOBIEL
================================================== */

@media(max-width:550px){

    .container{
        width:90%;
    }


    .brand-name{
        font-size:18px;
    }

    .brand-sub{
        display:none;
    }

    .brand-parrot{
        font-size:30px;
    }


    .header-book{
        font-size:10px;
        padding:9px;
    }


    .hero h1{
        font-size:39px;
    }

    .hero-actions{
        flex-direction:column;
    }

    .hero-image{
        height:220px;
    }


    .usp-grid{
        grid-template-columns:1fr;
    }

    .usp{
        border-bottom:1px solid #e6e8e3;
    }

    .usp::after{
        display:none;
    }


    .care-gallery{
        grid-template-rows:130px 130px;
        gap:9px;
    }


    .rates-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 15px;
    }


    .reserve-banner{
        flex-direction:column;
        align-items:flex-start;
    }

    .reserve-white-button{
        width:100%;
    }


    .footer-grid{
        grid-template-columns:1fr;
    }

}

/* ==================================================
   GEDEELDE STIJL VOOR BINNENPAGINA'S
================================================== */
.page-hero{background:linear-gradient(115deg,#f9f8f2 0%,#eef5ef 100%);border-bottom:1px solid #e5ebe5;padding:62px 0}.page-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.page-hero-inner>div:first-child{max-width:720px}.eyebrow{display:inline-block;color:#5c9f3e;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}.page-hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--green-text);font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.05;margin-bottom:16px}.page-hero p{max-width:650px;color:#445149;font-size:14px;line-height:1.75}.page-hero-icon{width:90px;height:90px;flex:0 0 90px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-family:Georgia,serif;font-size:38px;box-shadow:0 12px 35px rgba(7,63,43,.09)}
.content-section{padding:70px 0 78px}.content-section h2,.section-heading h2{font-family:Georgia,"Times New Roman",serif;color:var(--green-text);font-size:34px;font-weight:500;line-height:1.15;margin-bottom:14px}.content-section p{color:#46534c;font-size:13px;line-height:1.75;margin-bottom:16px}.two-column{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.form-card{background:#fff;border:1px solid #e5e9e4;border-radius:16px;padding:32px;box-shadow:0 12px 38px rgba(7,63,43,.07)}.form-card h2{font-size:29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#294238;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e0da;background:#fbfcfa;border-radius:8px;padding:12px 13px;font:inherit;font-size:13px;color:#17251e;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5c9f3e;box-shadow:0 0 0 3px rgba(92,159,62,.10)}.field textarea{min-height:125px;resize:vertical}.contact-cards{display:grid;gap:10px;margin-top:28px}.mini-card{display:flex;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid #e6eae5;border-radius:10px;background:#fafbf8}.mini-card strong{color:var(--green);font-size:12px}.mini-card span{text-align:right;color:#4b5750;font-size:12px}
.section-heading{text-align:center;max-width:650px;margin:0 auto 32px}.section-heading p{font-size:13px}.price-table-wrap{overflow:hidden;border:1px solid #e2e8e3;border-radius:14px;box-shadow:0 10px 30px rgba(7,63,43,.06)}.price-table{width:100%;border-collapse:collapse;background:#fff}.price-table th{background:var(--green);color:#fff;text-align:left;padding:15px 20px;font-size:12px}.price-table th:last-child,.price-table td:last-child{text-align:right}.price-table td{padding:13px 20px;border-bottom:1px solid #edf0ed;font-size:12px}.price-table tbody tr:nth-child(even){background:#fafbf8}.price-table tbody tr:last-child td{border-bottom:0}.price-table td:last-child{font-weight:800;color:var(--green)}.info-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:#f2f7f1;border:1px solid #dfe9dd;border-radius:13px;padding:20px 22px;margin-top:25px}.info-strip h3{font-family:Georgia,serif;color:var(--green);font-size:18px;margin-bottom:3px}.info-strip p{margin:0;font-size:11px}.info-icon,.round-icon{display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff}.info-icon{width:42px;height:42px;font-weight:900}
.service-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{min-height:210px;background:#fff;border:1px solid #e4e9e4;border-radius:15px;padding:23px;box-shadow:0 9px 28px rgba(7,63,43,.06)}.service-icon{width:39px;height:39px;border-radius:10px;background:#edf5ec;color:var(--green);display:grid;place-items:center;font-weight:900;margin-bottom:20px}.service-card h3{font-family:Georgia,serif;color:var(--green);font-size:17px;margin-bottom:8px}.service-card strong{display:block;color:var(--green);font-family:Georgia,serif;font-size:26px;margin-bottom:6px}.service-card p{font-size:11px;margin:0}.narrow{max-width:820px}.feature-card{background:#fff;border:1px solid #e3e9e3;border-radius:18px;padding:44px;box-shadow:0 12px 38px rgba(7,63,43,.07)}.centered{text-align:center}.round-icon{width:64px;height:64px;margin:0 auto 18px;font-size:25px}.notice{display:flex;flex-direction:column;gap:4px;text-align:left;background:#f5f8f3;border-left:3px solid #65ad3d;border-radius:7px;padding:16px 18px;margin:25px 0}.notice strong{color:var(--green);font-size:12px}.notice span{color:#526058;font-size:11px;line-height:1.6}
.reservation-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.reservation-intro{position:sticky;top:125px}.check-list{list-style:none;margin-top:24px;display:grid;gap:10px}.check-list li{font-size:12px;color:#34463d}.reservation-card #reserveringsformulier{width:100%}.reservation-card .button.primary{min-height:44px;border:0;border-radius:7px;background:var(--green);color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.reservation-card #melding{font-size:12px;color:var(--green)}
@media(max-width:850px){.page-hero{padding:45px 0}.page-hero-icon{width:65px;height:65px;flex-basis:65px;font-size:27px}.two-column,.service-layout,.reservation-layout{grid-template-columns:1fr;gap:38px}.service-cards{grid-template-columns:1fr 1fr}.reservation-intro{position:static}.info-strip{grid-template-columns:auto 1fr}.info-strip .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:550px){.page-hero-inner{align-items:flex-start}.page-hero-icon{display:none}.content-section{padding:48px 0}.form-card,.feature-card{padding:23px}.service-cards{grid-template-columns:1fr}.mini-card{flex-direction:column}.mini-card span{text-align:left}.price-table th,.price-table td{padding:12px 13px}.info-strip{grid-template-columns:1fr}.info-icon{display:none}}


/* ==================================================
   BINNENPAGINA'S V2 — DEZELFDE UITSTRALING ALS HOME
================================================== */
body.inner-page{background:#fbfcfa}
.inner-page .site-header{box-shadow:0 4px 22px rgba(6,75,51,.055)}
.inner-page .main-menu a.active::after{width:100%}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#fbfaf5 0%,#f6f8f2 48%,#eaf3ec 100%);border-bottom:1px solid #e2e9e3;padding:72px 0}
.page-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-170px;background:rgba(86,163,49,.07)}
.page-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:48px}
.page-hero-copy{max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#5b973f;font-size:10px;font-weight:900;letter-spacing:1.65px;text-transform:uppercase;margin-bottom:12px}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--green-text);font-size:clamp(42px,5.3vw,64px);font-weight:500;line-height:1.02;letter-spacing:-1.25px;margin-bottom:17px}
.page-hero p{max-width:670px;color:#435149;font-size:14px;line-height:1.78}
.page-hero-icon{width:96px;height:96px;flex:0 0 96px;border-radius:28px;display:grid;place-items:center;background:#fff;color:var(--green);box-shadow:0 16px 40px rgba(6,75,51,.1);border:1px solid rgba(6,75,51,.08)}
.page-hero-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.content-section{padding:76px 0 86px;background:#fbfcfa}
.content-section h2,.section-heading h2{font-family:Georgia,"Times New Roman",serif;color:var(--green-text);font-size:clamp(30px,3.4vw,40px);font-weight:500;line-height:1.13;margin-bottom:15px;letter-spacing:-.5px}
.content-section p{color:#4b5951;font-size:13px;line-height:1.8;margin-bottom:16px}
.section-heading{text-align:center;max-width:690px;margin:0 auto 36px}
.green-line{width:40px;height:3px;border-radius:9px;background:#6dad47;margin:18px 0 22px}

/* Contact */
.two-column{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}
.contact-intro{padding-top:6px}
.contact-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
.mini-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e2e8e3;border-radius:12px;padding:16px 18px;box-shadow:0 6px 18px rgba(6,75,51,.035)}
.mini-card strong{color:var(--green);font-size:11px;letter-spacing:.3px;text-transform:uppercase}.mini-card span{color:#48564e;text-align:right;font-size:12px}
.form-card{background:#fff;border:1px solid #e1e8e2;border-radius:20px;padding:34px;box-shadow:0 16px 42px rgba(6,75,51,.075)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 20px}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#294238;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e0d9;background:#fbfcfa;border-radius:9px;padding:12px 13px;font:inherit;font-size:13px;color:#17251e;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#65a846;box-shadow:0 0 0 3px rgba(101,168,70,.11)}.field textarea{min-height:130px;resize:vertical}

/* Tarieven */
.price-table-wrap{overflow:hidden;background:#fff;border:1px solid #dee7df;border-radius:18px;box-shadow:0 14px 38px rgba(6,75,51,.07)}.price-table{width:100%;border-collapse:collapse}.price-table th{background:linear-gradient(100deg,#064b33,#0b5b3e);color:#fff;text-align:left;padding:16px 22px;font-size:11px;letter-spacing:.45px;text-transform:uppercase}.price-table th:last-child,.price-table td:last-child{text-align:right}.price-table td{padding:14px 22px;border-bottom:1px solid #edf1ed;font-size:12px}.price-table tbody tr:nth-child(even){background:#fbfcfa}.price-table tbody tr:hover{background:#f2f7f2}.price-table tbody tr:last-child td{border-bottom:0}.price-table td:last-child{font-weight:900;color:var(--green)}
.info-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:linear-gradient(110deg,#eef6ed,#f8faf5);border:1px solid #dce9dc;border-radius:16px;padding:22px 24px;margin-top:26px}.info-strip h3{font-family:Georgia,serif;color:var(--green);font-size:19px;margin-bottom:3px}.info-strip p{margin:0;font-size:11px}.info-icon{width:45px;height:45px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}

/* Haal- en brengservice */
.transport-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:center}.transport-copy{max-width:470px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:222px;background:#fff;border:1px solid #e1e8e2;border-radius:18px;padding:24px;box-shadow:0 13px 34px rgba(6,75,51,.065);transition:.2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 17px 40px rgba(6,75,51,.09)}.service-icon{width:45px;height:45px;border-radius:13px;background:#edf5ec;color:var(--green);display:grid;place-items:center;margin-bottom:20px}.service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-family:Georgia,serif;color:var(--green);font-size:18px;margin-bottom:9px}.service-card strong{display:block;color:var(--green);font-family:Georgia,serif;font-size:27px;margin-bottom:7px}.service-card p{font-size:11px;margin:0}.process-strip{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-step{background:#f4f8f2;border:1px solid #e0eadf;border-radius:13px;padding:16px}.process-step span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-weight:900;font-size:11px;margin-bottom:10px}.process-step h4{color:var(--green);font-size:12px;margin-bottom:5px}.process-step p{font-size:10px;margin:0;line-height:1.55}

/* Airhelp */
.narrow{max-width:860px}.feature-card{background:#fff;border:1px solid #e1e8e2;border-radius:22px;padding:48px;box-shadow:0 16px 44px rgba(6,75,51,.075)}.centered{text-align:center}.round-icon{width:68px;height:68px;margin:0 auto 18px;border-radius:19px;background:#edf5ec;color:var(--green);display:grid;place-items:center}.round-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.notice{display:flex;flex-direction:column;gap:4px;text-align:left;background:#f3f8f2;border:1px solid #dfebde;border-left:4px solid #65ad3d;border-radius:10px;padding:17px 19px;margin:26px 0}.notice strong{color:var(--green);font-size:12px}.notice span{color:#526058;font-size:11px;line-height:1.65}

/* Reserveren */
.reservation-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:start}.reservation-intro{position:sticky;top:118px;padding:8px 0}.check-list{list-style:none;margin-top:24px;display:grid;gap:10px}.check-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:#34463d}.check-list li::first-letter{color:#65ad3d}.reservation-card{padding:36px}.reservation-card .button.primary{min-height:45px;border:0;border-radius:8px;background:var(--green);color:#fff;padding:0 19px;font-weight:800;cursor:pointer}.reservation-card .button.primary:hover{background:var(--green-dark)}.reservation-card #melding{font-size:12px;color:var(--green)}

/* Binnenpagina footer iets ruimer */
.inner-page .footer{margin-top:0;padding-top:40px}.inner-page .footer-column h3{font-size:12px}.inner-page .footer-column a,.inner-page .footer-column p{font-size:10.5px}

@media(max-width:1050px){.inner-page .main-menu{gap:14px}.inner-page .main-menu a{font-size:10.5px}.transport-grid{gap:35px}.service-cards{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.two-column{gap:40px}}
@media(max-width:850px){.page-hero{padding:50px 0}.page-hero-icon{width:70px;height:70px;flex-basis:70px;border-radius:20px}.page-hero-icon svg{width:32px;height:32px}.two-column,.transport-grid,.reservation-layout{grid-template-columns:1fr;gap:40px}.reservation-intro{position:static}.service-cards{grid-template-columns:1fr 1fr}.process-strip{grid-template-columns:1fr 1fr 1fr}.info-strip{grid-template-columns:auto 1fr}.info-strip .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:550px){.page-hero-inner{align-items:flex-start}.page-hero-icon{display:none}.content-section{padding:50px 0 58px}.form-card,.feature-card{padding:24px}.service-cards,.process-strip{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.mini-card{flex-direction:column;align-items:flex-start}.mini-card span{text-align:left}.price-table th,.price-table td{padding:12px 13px}.info-strip{grid-template-columns:1fr}.info-icon{display:none}}

.privacy-content{max-width:860px}.privacy-content h2{font-size:25px;margin-top:34px}.privacy-content h2:first-of-type{margin-top:20px}.privacy-content p,.privacy-content li{font-size:15px;line-height:1.75;color:#34463d}.privacy-content ul{padding-left:22px;margin:8px 0 18px}.privacy-content li{margin-bottom:7px}.privacy-content a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}.privacy-updated{padding:14px 17px;background:#f2f7f2;border:1px solid #dfe9df;border-radius:10px}
.form-privacy{margin:13px 0 0!important;font-size:12px!important;line-height:1.55!important;color:#59675f!important}.form-privacy a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.contact-message{display:none;margin:0 0 16px;padding:12px 14px;border-radius:9px;font-size:14px}.contact-message.success{display:block;background:#e9f5ed;color:#145536}.contact-message.error{display:block;background:#fdeaea;color:#9c3030}

/* Gedeelde mobiele navigatie en leesbaarheid */
.nav{position:relative}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid #dce4de;border-radius:9px;background:#fff;color:var(--green);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{width:21px;height:2px;background:currentColor;border-radius:2px;transition:.2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.main-menu a{margin-left:0;color:var(--text)}
.main-menu a.active{background:transparent;color:inherit}
.content-section p,.service-card p,.process-step p,.mini-card span{font-size:15px}
.process-step h4,.mini-card strong{font-size:14px}
.footer-column a,.footer-column p{font-size:13px}

@media(max-width:850px){
    .menu-toggle{display:flex;margin-left:auto}
    .main-menu{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;height:auto;padding:10px;background:#fff;border:1px solid #e1e7e2;border-radius:0 0 14px 14px;box-shadow:0 18px 35px rgba(5,58,40,.14);flex-direction:column;align-items:stretch;gap:2px}
    .main-menu.open{display:flex}
    .main-menu a{height:auto;min-height:44px;padding:11px 13px;border-radius:8px;font-size:14px}
    .main-menu a::after{display:none}
    .main-menu a.active{background:#edf5ec;color:var(--green)}
}