@import url("modern-normalize.css");
@import url("form.css");
@import url("layout.css");
@import url("styles.css");
@import url("navigation.css");
@import url("navigation-large.css");
@import url("navigation-small.css");

@import url("popup-swiper.css");
@import url("hmcms--popup.css");

@import url("articles.css");
@import url("article--banner.css");
@import url("article--highlights.css");
@import url("article--gallery.css");
@import url("article--text-media.css");
@import url("article--text.css");
@import url("article--contactform.css");

@import url("widget--searcher.css");

:root {
    --text: #293b32;
    --off-black: #30312b;
    --forest-green: #293b32;
    --forest-green-darker: #1a2821;
    --dusty-green: #90af7c;
    --natural-beige-25: #f7f5f0;
    --natural-beige-50: #efeae1;
    --natural-beige: #dfd5c3;
    --rusty-brown: #903c1e;
    --rusty-brown-light: #bb6d57;
    --logo-height: 50px;
    --padding: 25px; /* padding is half height of logo */
    --grey: #7D807C;
    --aankomstdagen:var(--dusty-green);
    --beschikbaar:var(--forest-green);
    --arrangement: #f3d86c;
    --niet-beschikbaar: #fff;
    --selected-after-hover: var(--rusty-brown);
    --selected-hover: var(--rusty-brown);
    --selected-hover-first-last: var(--rusty-brown);
}