<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{padding: 0; margin: 0;}
/* BASE STYLE */
body, html {background: #f1f1f1; height: 100%; font-family: 'Lato'; font-size: 15px; line-height: 1.4em;}
#page {text-align: center; color: #444;}
#main, #branding {background-color: #ffffff; overflow: auto;}
#main, #branding  h1 {margin: 1rem 1rem 1rem 1rem;}
img {border: 0; display: block; max-width: 100%;}
a {color: #444;}
.screen-reader-text {display: none;}
#header-content a {display: block; padding: 40px 0;}
#header-content img {display: block; margin: 0 auto; opacity: 0.8;}
.wrapper {/* max-width: 850px; */ margin: 0 auto; text-align: left;}
#content {padding: 30px 5%; margin: 40px 5%; border: 1px solid #ddd; font-size: 17px; line-height: 1.6em;}
#content h1 {margin-bottom: 30px; margin-top: 5px; font-size: 32px;}
#content h2 {font-size: 17px; margin-top: 30px;}
#content ol, #content ul, #content p {margin-bottom: 1.6em;}
#content ol, #content ul {margin-left: 30px;}
#content p a {color: #444;}
#header-image {margin: 3rem; background: center center /cover no-repeat;}
#header-menu {background: #333; background: linear-gradient(#444,#222);}
#header-menu a {display: inline-block; text-decoration: none; color: white; cursor: pointer; line-height: 3.5; padding: 0 2em;}
#header-menu a img {width: 15px; display: inline-block; position: relative; top: 3px; margin-right: 5px;}
#header-menu a img#times {display: none; top: 6px;}
#header-menu ul {display: inline;}
#header-menu ul li {display: inline;}
#header-menu ul li a {border-right: 1px solid #444;}
#header-menu ul li.active a {background: rgba(0,0,0,.25);}
#header-menu ul li:last-child a {border-right: 0;} 
#header-menu a:hover {background: rgba(255,255,255,.07)!important;}
#colophon {padding: 30px 5%; font-size: 14px; border-top: 1px solid #ddd;}
#colophon a {color: #444; font-weight: bold; text-decoration: none;}
#beeldmerk {width: 150px; margin: 40px auto;}

.contact-cta {font-weight: 200; font-size: 1.15rem; text-align: center; margin-bottom: 3rem; color: black; margin-top: 3rem; padding: 2rem; background: rgba(0,0,0,0.05);}
.contact-cta a {font-style: italic; font-weight: 700; color: #333;}

.button {
     margin-top: 1.5rem;
     background: #E77051;
     padding: 15px 30px;
     border-radius: 3px;
     border: 0;
     cursor: pointer;
     text-decoration: none;
     color: #ffff;
     display: inline-block;
     min-width: 150px;
     font-size: 1.1em;
     text-align: center;
 }
 .button:hover {
     background: #333;
     color: #fff;
 }
 .button.button-outline {
     background: #fff;
     border: 1px solid #E77051;
     color: #E77051;
 }
 .button.button-outline:hover {
     background-color: #E77051;
     color: #fff;
 }


.dark-section {
	background-color: #3e3f46;
	color: #c1c1c1;
	box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.5);
}
 

 
/* CONTACT FORM */
form &gt; div {display: flex; margin-bottom: 0.5rem;}
form &gt; div * {flex-grow: 1;}
form &gt; div label:first-child {
	width: 8rem; 
	flex-grow: 0; 
	padding: 0.25rem 0; 
	font-size: 1.05rem; 
	font-weight: 300; 
	line-height: 1.4;
	min-width: 8rem;
}
form &gt; div input[type="checkbox"] {margin-right: 0.25rem;}
form &gt; div textarea {min-height: 5rem;}
form &gt; div input, form &gt; div textarea {border: 1px solid silver; font-size: 0.9rem; font-family: "Source Sans Pro", helvetica, sans-serif; padding: 0.25rem; line-height: 1.4;}
@media (max-width: 800px) {
	form &gt; div {flex-direction: column;}
}


@media (max-width: 1000px) {
    #header-content a {padding: 30px 0;}
    #content {margin: 30px 5%;}
    #content h1 {font-size: 26px; margin-top: 0;}
    #header-menu ul {padding-bottom: 30px;}
    #header-menu ul li a {display: block; text-align: left; padding-left: 5%; margin: 0 5%; border: 0;}
}
@media (min-width: 1000px) {
    #header-menu &gt; nav &gt; a {display: none!important;}
    #header-menu ul {display: block!important;}
}
</pre></body></html>