/* RogierBerlips — gemaakt met BEEL Theme Editor */
:root {
    --beel-bg: #ffb3ff;
    --beel-surface: #ffffff;
    --beel-ink: #424242;
    --beel-heading: #424242;
    --beel-accent: #bdd3ce;
    --beel-link: #414141;
    --beel-link-hover: #414141;
    --beel-line: #bdd3ce;
    --beel-muted: #414141;
    --beel-muted-surface: #bdd3ce;
    --beel-button-bg: #c8dcd1;
    --beel-button-text: #feffff;
    --beel-button-border: #ffffff;
    --beel-button-hover-bg: #a3bcad;
    --beel-button-hover-text: #feffff;
    --beel-button-hover-border: #ffffff;
    --beel-button-2-bg: #BDD3CE;
    --beel-button-2-text: #013D5A;
    --beel-button-2-border: #BDD3CE;
    --beel-button-2-hover-bg: #013D5A;
    --beel-button-2-hover-text: #FCF3E3;
    --beel-button-2-hover-border: #013D5A;
    --beel-button-3-bg: transparent;
    --beel-button-3-text: #013D5A;
    --beel-button-3-border: #BDD3CE;
    --beel-button-3-hover-bg: #BDD3CE;
    --beel-button-3-hover-text: #013D5A;
    --beel-button-3-hover-border: #BDD3CE;
    --beel-radius-button: 3px;
    --beel-radius-card: 3px;
    --beel-radius-field: 3px;
    --beel-radius-media: 3px;
    --beel-content-width: 1200px;
    --beel-copy-width: 1200px;
    --beel-font-body: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --beel-font-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --beel-page-copy-width: var(--beel-copy-width);
    --beel-button-1-bg: var(--beel-button-bg);
    --beel-button-1-text: var(--beel-button-text);
    --beel-button-1-border: var(--beel-button-border);
    --beel-button-1-hover-bg: var(--beel-button-hover-bg);
    --beel-button-1-hover-text: var(--beel-button-hover-text);
    --beel-button-1-hover-border: var(--beel-button-hover-border);
}

/* Contentvlak */
.beel-content-shell {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 100px;
}

/* Themabuttons */
.beel-button--primary { background: var(--beel-button-1-bg); color: var(--beel-button-1-text); border-color: var(--beel-button-1-border); }
.beel-button--primary:hover, .beel-button--primary:focus-visible { background: var(--beel-button-1-hover-bg); color: var(--beel-button-1-hover-text); border-color: var(--beel-button-1-hover-border); }
.beel-button--secondary { background: var(--beel-button-2-bg); color: var(--beel-button-2-text); border-color: var(--beel-button-2-border); }
.beel-button--secondary:hover, .beel-button--secondary:focus-visible { background: var(--beel-button-2-hover-bg); color: var(--beel-button-2-hover-text); border-color: var(--beel-button-2-hover-border); }
.beel-button--tertiary { background: var(--beel-button-3-bg); color: var(--beel-button-3-text); border-color: var(--beel-button-3-border); }
.beel-button--tertiary:hover, .beel-button--tertiary:focus-visible { background: var(--beel-button-3-hover-bg); color: var(--beel-button-3-hover-text); border-color: var(--beel-button-3-hover-border); }

h1 { text-transform: none; }
h2 { text-transform: none; }
h3 { text-transform: none; }
h4 { text-transform: none; }
h5 { text-transform: none; }
h6 { text-transform: none; }

/* Paginaheader */
.beel-site-main .beel-content-shell .beel-content-header {
    text-align: left;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: var(--beel-content-header-gap);
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background: transparent;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.beel-site-main .beel-content-shell .beel-content-header::after {
    content: "";
    display: block;
    width: min(100%, 26rem);
    margin-top: .9rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--beel-line);
    margin-left: 0;
    margin-right: 0;
}
.beel-site-main .beel-content-shell .beel-content-header .beel-content-title, .beel-site-main .beel-content-shell .beel-content-header > h1 {
    margin-top: 0;
    margin-bottom: 0;
}
.beel-site-main .beel-content-shell .beel-content-header .beel-content-subtitle {
    color: var(--beel-muted);
    margin-top: .55rem;
    margin-bottom: 0;
}
.beel-site-main .beel-content-shell .beel-content-header .beel-content-meta {
    color: var(--beel-muted);
    margin-top: .55rem;
    margin-bottom: 0;
}

/* Eigen CSS */
body {
  background: linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
}