:root {
	--Carrot			: #F49400;
	--Brunswick-Green	: #00554B;
	--Dark-Moss			: #3D4B00;
	--Black				: #000000;
	--Davy-Gray			: #5A5B5E;
	--Flax				: #F1D792;
	--Navajo-White		: #FFDFAC;
	--Mint-Green		: #C0E4E0;
	--Medium-Moss		: #5A6C06;
	--Tangerine			: #F48100;
	--day-width			: 42px;
	--day-height		: 37px;
	--border-radius		: 2px;
	--md-color-accent	: #5A6C06;
}

@font-face {
  font-family: "Itim";
  src: url('fonts/Itim-Regular.ttf');
  src: url('fonts/Itim.eot') format('embedded-opentype'),
       url('fonts/Itim.woff2') format('woff2'),
       url('fonts/Itim.woff') format('woff'),
       url('fonts/Itim-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "OpenSans";
  src: url('fonts/OpenSans-Regular.ttf');
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}
HTML, BODY {
	padding					: 0;
	margin					: 0;
	border					: 0;
	word-wrap				: break-word;
}
HTML {
	height					: 100vh;
	overflow-y				: auto;
}
BODY {
	box-sizing				: border-box;
	display					: flex;
	flex-wrap				: wrap;
	flex-direction			: row;
	font-size				: 1em;
	font-family				: "Itim", cursive;
    font-weight				: normal;
	text-rendering			: optimizeLegibility;
	-webkit-font-smoothing	: subpixel-antialiased;
	-moz-osx-font-smoothing	: grayscale;	
	position				: Relative;
	width					: 100%;
	min-height				: 100%;
    background				: white;
    color					: var(--Davy-Gray);
}
DIV.language {
	display					: None;
}
DIV.language A, DIV.language IMG  {
	display					: None;
}
DIV.language SPAN.seperator {
	display					: None;
}
DIV.logo {
	order					: 1;
	flex-basis				: 30%;
	margin-right			: 5em;
}
DIV.logo a {
	display					: flex;
	justify-content			: right;
	padding-bottom			: 10px;
}
DIV.logo IMG.logo {
	height					: 8vw;
	padding					: 27px 0 0 0;
	border					: 0;
	top						: 0;
	position				: Relative;
	z-index					: 2;
	background				: white;
}
DIV.logo IMG.logo:hover {
	opacity					: 0.5;
	transition				: all 500ms ease;
	background				: white;
}
DIV.logo H1, DIV.logo H2 {
	display					: none;
}
DIV.body {
	order					: 3;
	flex-basis				: 100%;
	flex-shrink				: 0;
	flex-grow				: 1;
	padding					: 0;
	box-shadow				: 0 0 5px rgb(0 0 0 / 50%);
	z-index					: 2;
}
DIV.breadcrumbs {
	display					: none;
	align-content			: center;
	margin					: auto;
	padding					: 2em 0 1em 0;
	text-align				: left;
}
DIV.breadcrumbs P {
	margin					: auto;
	padding					: 0;
}
H1 {
	font-size				: 35px;
	text-decoration			: None;
	font-weight				: normal;
}
H2 {
	font-size				: 27px;
	text-decoration			: None;
	font-weight				: normal;
	color					: var(--Black);
}
H2 A {
	text-decoration			: None;
	color					: var(--Medium-Moss);	
	text-shadow				: none;
	transition				: all 600ms ease;
}
H2 A:hover {
	text-decoration			: None;
	text-shadow				: 0px 1px 6px var(--Medium-Moss);	
	transition				: all 600ms ease;
}
H3 {
	font-size				: 17px;
	text-decoration			: None;
	font-weight				: normal;
	margin-bottom			: 3em;
}
H4 {
	font-size				: 24px;
	text-decoration			: None;
	font-weight				: normal;
	line-height				: 28px;
	color					: var(--Black);
	margin-block-end		: 0.75em;
}
H5 {
	font-size				: 22px;
	text-decoration			: None;
	font-weight				: normal;
	line-height				: 26px;
	color					: var(--Brunswick-Green);
	margin					: 0;
	margin-block-end		: 0;
}
LI {
	font-size				: 18px;
	line-height				: 28px;
	color					: var(--Davy-Gray);
}
blockquote {
	color					: var(--Davy-Gray);
	text-align				: center;
}
blockquote#middle {
	font-size				: 40px;
	max-width				: 17em;
	margin-left				: auto;
	margin-right			: auto;
	line-height				: 1em;
}
blockquote#middle-2 {
	font-size				: 40px;
	max-width				: 100%;
	margin-left				: auto;
	margin-right			: auto;
	line-height				: 1em;
}
blockquote#review {
	font-size				: 30px;
	max-width				: 60%;
	margin-left				: auto;
	margin-right			: auto;
	line-height				: 1em;
}
.anchor {
	display					: block;
	position				: relative;
	top						: -4em;
	visibility				: hidden;
}
.center {
	text-align				: center;
}
/* ============================================ *
 * Navigation
 * ============================================ */
DIV.navigation {
	display					: flex;
	order					: 2;
	flex-basis				: content;
	flex-shrink				: 1;
	flex-grow				: 1;
	justify-content			: left;
	background-color		: White;
	z-index					: 0;
	transition				: all 300ms ease;
}
DIV.navigation UL {
	display					: flex;
	list-style-type			: None;
	flex-wrap				: wrap;
	flex-direction			: column;
	font-family				: "Itim", cursive;
	margin					: 25px 0 25px 0;
	max-height				: 9em;
	box-sizing				: content-box;
}
DIV.navigation LI {
	flex-basis				: 19%;
	flex-grow				: 0;
	flex-shrink				: 0;
	box-sizing				: border-box;
	margin-right			: 5em;
	font-size				: 1.25em;
}
DIV.navigation LI A:hover, DIV.navigation LI span:hover{
	color					: var(--Carrot);
	text-shadow				: 0 0 5px var(--Navajo-White);
}
DIV.navigation > UL > LI.filled > A {
	height					: 100%;
	transition				: all 500ms ease;
}
DIV.navigation LI.currentpage A {
	font-weight				: Normal;
	border-bottom			: None;
	color					: var(--Carrot);
}
DIV.navigation SPAN.separator {
	display					: None;
}
/* ============================================ *
 * Content styling
 * ============================================ */
blockquote.slogan {
	font-family				: "Itim", cursive;
	font-size				: 3.5em;
	text-align				: left;
	color					: White;
	padding-left			: 8em;
	padding-top				: 2.5em;
	transform				: translateY(0) scale(1);
	margin					: 0;
	min-height				: 6vw;
	background-repeat		: no-repeat;
	background-position		: 0 70%;
	background-color		: transparent;
	background-size			: cover;
}
blockquote#home  {
	background-image		: url("/images/home-zonnebloem.webp");
	background-position		: 0 70% !important;
}
blockquote#keuze  {
	background-image		: url("/images/trossen.jpg");
	background-position		: 0 30% !important;
}
blockquote#therapie  {
	background-image		: url("/images/therapie.webp");
	background-position		: 0 10% !important;
}
blockquote#coaching  {
	background-image		: url("/images/coaching-organisaties.webp");
	background-position		: 0 15% !important;
}
blockquote#trainingen  {
	background-image		: url("/images/trainingen.webp");
	background-position		: 0 30% !important;
}
blockquote#partners  {
	background-image		: url("/images/partners.webp");
	background-position		: 0 68% !important;
}
blockquote#ineke  {
	background-image		: url("/images/ineke.webp");
	background-position		: 0 44% !important;
	padding-top				: 8em;
}
blockquote#praktisch  {
	background-image		: url("/images/praktische-info.webp");
	background-position		: 0 89% !important;
	padding-top				: 8em;
}
blockquote#contact  {
	background-image		: url("/images/contact.webp");
	background-position		: 0 65% !important;
}
blockquote#leiderschap  {
	background-image		: url("/images/persoonlijk-leiderschap.jpg");
	background-position		: 0 12% !important;
}
DIV.container {
	padding					: 70px 0;
	box-sizing				: border-box;
}
DIV.index-container {
	padding					: 0;
	box-sizing				: border-box;
}
DIV.container P.center {
	padding					: 0;
	text-align				: center;
}
P.intro {
	clear					: both;
	display					: block;
	padding					: 2em 162px 4em 162px;
	background-color		: var(--Flax);
	font-family				: 'OpenSans';
	font-size				: 24px;
	color					: var(--Black);
	line-height				: initial;
	font-weight				: initial;
	margin					: 0;
}

DIV.blog {
	display					: flex;
	justify-content			: space-between;
	flex-flow				: Row Wrap;
	padding					: 1em 0;
	font-weight				: 400;
	line-height				: 30px;
}
DIV.blog > .post {
	width					: 32%;
	min-width				: 15em;
}
DIV.blog > .post  H2, DIV.blog > .post  P	{
	padding					: 0 0 0 25px;
}
DIV.blog_body  A {
	color					: var(--Tangerine);
	transition				: all 500ms ease;
	text-decoration			: underline;
}
DIV.blog_body  A:hover {
	text-decoration			: None;
	text-shadow				: 0 0 5px var(--Tangerine);
	transition				: all 600ms ease;
}
DIV.blog > .post  IMG {
	width					: 100%;
}
blockquote A {
	text-decoration			: None !important;
	color					: var(--Davy-Gray) !important;
	transition				: all 600ms ease;
}
blockquote A:hover {
	text-decoration			: None !important;
	color					: var(--Davy-Gray) !important;
	text-shadow				: 0 0 5px var(--Davy-Gray) !important;
	transition				: all 600ms ease;
}


DIV.inleiding {
	clear					: both;
	display					: block;
	padding					: 2em 162px 4em 162px;
	background-color		: var(--Flax);
}
DIV.inleiding P {
	font-family				: 'OpenSans';
	font-size				: 24px;
	color					: var(--Black);
	line-height				: initial;
	font-weight				: initial;
	max-width				: 37em;
	margin					: auto;
}
DIV.content {
	clear					: both;
	padding					: 1em 0 1em 1em;
}
DIV.main {
	clear					: both;
	padding					: 2em 0 4em 0;
	width					: 50%;
	margin					: auto;
}
.trainingen {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 1.5em;
}

.trainingen-grid {
	margin-top: 2em;
}

.training {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(16em, 1fr);
	gap: 2em;
	align-items: start;
	margin: 0 0 2em 0;
	padding: 1.5em 0;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.training:first-child {
	border-top: 0;
	padding-top: 0;
}

.training-tekst h3 {
	margin-top: 0;
}

.training-tekst p:last-child {
	margin-bottom: 0;
}

.training-lijst {
	padding: 1.25em 1.5em;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 0.35em;
}

.training-lijst h4 {
	margin-top: 0;
	margin-bottom: 0.75em;
}

.training-lijst ul {
	margin: 0;
	padding-left: 1.25em;
}

.training-lijst li {
	margin-bottom: 0.45em;
}

.training-lijst li:last-child {
	margin-bottom: 0;
}
.training-lijst ul.heart-list {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.training-lijst ul.heart-list li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.45em;
}

.training-lijst ul.heart-list li::before {
	content: "\2665";
	position: absolute;
	left: 0;
	top: 0;
}
@media screen and (max-width: 700px) {
	.trainingen {
		padding: 0 1em;
	}

	.training {
		display: block;
	}

	.training-lijst {
		margin-top: 1.25em;
	}
}
DIV.blog-main {
	clear					: both;
	padding					: 2em 0 1em 0;
	width					: 50%;
	margin					: auto;
}
DIV.google {
	clear					: both;
	padding					: 4em 0 4em 0;
	width					: 100%;
	margin					: auto;
	background-color		: var(--Flax);
	margin-bottom			: 2em;
}
iframe.maps {
	width					: 100%;
	height					: 25em;
	max-height				: 25em;
}
DIV.left {
	float					: left;
	box-sizing				: border-box;
	padding					: 20px;
	text-align				: center;
	margin					: 1em;
}
DIV.left P {
	margin-block-start		: 0em;
	margin-block-end		: 0em;
	font-size				: 90%;
	color					: #888888;
}
DIV.left IMG {
	width					: 250px;
	display					: block;
	margin-left				: auto;
	margin-right			: auto;
	clear					: Both;
	padding-bottom			: 0.25em;
	float					: none;
}
a {
	font-size				: 100%;
	color					: var(--Brunswick-Green);
	transition				: all 500ms ease;
	text-decoration			: none;
}
a:hover {
	text-decoration			: none;
	color					: var(--Carrot);
	transition				: all 750ms ease;
}	
iframe {
	width					: 100%;
	padding					: 0;
}
iframe {
	width					: 100%;
	height					: 120em;
	
	padding					: 0;
}
DIV.color-box {
	display					: flex;
	flex-flow				: wrap;
	clear					: both;
	width					: 100%;
	box-sizing				: border-box;
	background-color		: var(--Mint-Green);
	margin					: 0;
	padding					: 2em 20%;
}
DIV.praktisch {
	display					: flex;
	flex-flow				: wrap;
	clear					: both;
	width					: 100%;
	box-sizing				: border-box;
	background-color		: White;
	margin					: 0;
	padding					: 2em 14%;
}
DIV.columns {
	display					: flex;
	flex-flow				: wrap;
	justify-content			: space-around;
	padding					: 10px 5em 1em 5em;
	background-image		: linear-gradient(0deg,white 0%,white 80%, var(--Flax) 80.25%,var(--Flax) 100%)
}
DIV.netwerk {
	display					: flex;
	flex-flow				: wrap;
	justify-content			: space-around;
	padding					: 10px 5em 1em 5em;
	background-image		: linear-gradient(0deg,white 0%,white 86%, var(--Flax) 86.25%,var(--Flax) 100%)
}

DIV.columns > .column, DIV.netwerk > .column {
	flex-basis				: 26%;
	width					: 270px;
	min-width				: 15em;
}
DIV.column {
	flex-basis				: 50%;
	min-width				: 15em;
}
DIV.column H3 {
	font-family				: 'OpenSans';
	font-size				: 1.25em;
	color					: var(--Brunswick-Green);
	margin					: 0;
}
DIV.column P {
	margin-block-start		: 0.5em;
}
DIV.column A {
	color					: var(--Tangerine);
	transition				: all 500ms ease;
	text-decoration			: none;
}
DIV.column A:hover {
	text-decoration			: None;
	text-shadow				: 0 0 5px var(--Tangerine);
	transition				: all 600ms ease;
}
DIV.praktisch > .column {
	flex-basis				: 44.5%;
	min-width				: 10em;
}
DIV.praktisch > .column:first-child {
	margin-right			: 2em
}
DIV.column IMG{
	float					: right;
	padding					: 0;
	margin					: 1em 2em 0 0;
	width					: 100%;
}
DIV.column IMG.partners{
	float					: right;
	padding					: 0;
	margin					: 1em 2em 0 0;
	width					: 250px;
}
DIV.logos {
	padding					: 1em;
	display					: flex;
	justify-content			: space-around;
	flex-flow				: Row Wrap;
}
DIV.logos > .logo {
	width					: 32%;
	min-width				: 15em;
}
P {
	font-family				: 'OpenSans';
	padding					: 0;
	font-size				: 18px;
	line-height				: 28px;
	color					: var(--Davy-Gray);
}
P.black {
	font-family				: 'OpenSans';
	padding					: 0;
	font-size				: 18px;
	line-height				: 28px;
	color					: var(--Black);
	margin					: 0;
}
EM	{
	font-family				: 'OpenSans';
	padding					: 0;
	font-size				: 18px;
	line-height				: 28px;
	color					: var(--Davy-Gray);
}
DIV.columns > .column  IMG, DIV.netwerk > .column  IMG {
	width					: 225px;
	display					: block;
	margin-left				: auto;
	margin-right			: auto;
	clear					: Both;
	padding-bottom			: 1.25em;
	float					: none;
}
DIV.buttons {
	font-family				: 'OpenSans';
	display					: Flex;
	justify-content			: flex-start;
	clear					: Both;
	margin					: 2em 0 2em 0 !important;
	padding					: 0;
}
DIV.buttons > .space{
	font-family				: 'OpenSans';
	display					: Flex;
	justify-content			: flex-start;
	clear					: Both;
	margin					: 0 3em 0.5em 0 !important;
	padding					: 0;
}
DIV.buttons-left {
	clear					: Both;
	display					: Flex;
	margin					: 0 0 0.5em 0 !important;
	padding					: 0;
	justify-content			: start;
	flex-flow				: row wrap;
}
.orange-button {
	display					: flex;
	flex-grow				: 0;
	flex-basis				: auto;
	margin					: 0;
	padding					: 0;
	color					: var(--Black);
	text-decoration			: None;
	background				: none;
	text-align				: center;
	margin-right			: 2em;
}
.social-button {
	padding					: 0;
}
.social-button IMG {
	opacity					: 0.75;
	transition				: all 500ms ease;
}
.social-button IMG:hover {
	opacity					: 1.0;
	transition				: all 500ms ease;
	box-shadow				: 0 0 7px var(--Navajo-White);
}
.orange-button-inner {
	display					: flex;
	flex-grow				: 0;
	flex-basis				: auto;
	margin					: 0;
	text-decoration			: None;
	background				: none;
	height					: auto;
	padding					: 8px 16px !important;
	background				: var(--Tangerine);
	color					: white;
	border					: 2px solid var(--Tangerine);
	border-radius			: 30px;
	letter-spacing			: 0.05em;
	transition				: all 500ms ease;
	min-width				: 5em;
}
.orange-button:hover .orange-button-inner {
	background				: none;
	color					: var(--Black);
	border					: 2px solid var(--Tangerine);
	box-shadow				: 0 0 4px var(--Tangerine);
	text-shadow				: none;
}
HR {
	display					: block;
	box-sizing				: content-box;
	border					: 0;
	height					: 1px;
	background-color		: var(--Mint-Green);
	clear					: both;
}
blockquote P {
	margin-block-start		: 1em;
	margin					: 0 0 0 2em;
}
UL, OL {
	font-family				: 'OpenSans';
	padding-inline-start	: 20px;
}
/* ============================================ *
 * Blog styling
 * ============================================ */
DIV.blog-container {
	padding					: 5em 0 0 0;
	box-sizing				: border-box;
}
DIV.blog_toc {
	padding					: 70px 0;
	box-sizing				: border-box;
}
DIV.blog_toc H1 {
	color					: #e97676;
	text-align				: center;
}
DIV.blog_toc A {
	color					: #e97676;
	text-align				: center;
}

DIV.blog_post H3 {
	margin					: 2em 0 0 0;
}
DIV.main IMG{
	max-width				: 50%;
	margin					: 1em;
}
DIV.blog-image {
	clear					: both;
	padding					: 1em 0 1em 0;
	width					: 100%;
	margin					: auto;
	background-color		: var(--Flax);
	margin-bottom			: 1em;
}
DIV.blog-image HR {
	display					: block;
	box-sizing				: content-box;
	border					: 0;
	height					: 2px;
	background-color		: var(--Davy-Gray);
	clear					: both;
}
DIV.blog-image IMG {
	width					: 50%;
	display					: block;
	margin-left				: auto;
	margin-right			: auto;
	clear					: Both;
	padding					: 0;
	float					: none;
}
DIV.blog-image H2 {
	font-size				: 22px;
	text-decoration			: None;
	font-weight				: normal;
	color					: var(--Black);
	width					: 50%;
	text-align				: justify;
	margin					: auto;
}
.right IMG{
	width					: 75% !important;
}
/* ============================================ *
 * Footer styling
 * ============================================ */
DIV.footer {
	order					: 4;
	display					: flex;
	flex-flow				: wrap;
	flex-basis				: 100%;
	flex-shrink				: 0;
	flex-grow				: 1;
	clear					: both;
	background-color		: var(--Medium-Moss);
	padding					: 0 0 1.5em 0;
	overflow				: visible;
	min-height				: 10em;
}
DIV.footer * {
	font-family				: 'OpenSans';
	font-size				: Medium;
	font-weight				: Normal;
	padding					: 0;
	margin					: auto;
}
DIV.footer IMG {
	border-radius			: 20px;
	margin-right			: 1.5em;
}
DIV.footer P {
	color					: White;
	font-weight				: normal;
	line-height				: 24px;
	margin					: 15px 0;
}
DIV.footer P.copyright {
	position				: absolute;
	bottom					: 0;
	font-size				: 80%;
	left					: 44%;
	}
DIV.footer DIV.category {
	float					: Left;
	box-sizing				: Border-Box;
	padding					: 0.25em 10%;
	margin					: 0;
	display					: flex;
	min-width				: 100%;
}
DIV.footer DIV.category H2 {
	display					: none;
}
DIV.footer DIV.category UL {
	padding					: 0;
	margin					: 0;
	list-style-type			: None;
}
DIV.footer DIV.category LI {
	display					: Block;
	list-style-type			: None;
}
DIV.footer DIV.category LI.separator {
	height					: 1em;
}
DIV.footer DIV.category LI.separator  HR{
	display					: None;
}
DIV.footer DIV.category LI A, DIV.footer DIV.category P A {
	float					: left;
	text-decoration			: None;
	color					: White;
	transition				: all 600ms ease;
	margin-right			: 1em;
}
DIV.footer DIV.category P A:hover{
	text-decoration			: None;
	color					: White;
	text-shadow				: 0 0 5px var(--Navajo-White);
	transition				: all 600ms ease;
}
DIV.footer DIV.category P.newsection {
	margin-top				: 0.5em;
}
DIV.footer DIV.referers {
	position				: absolute;
	border					: 0;
	bottom					: 0;
	right					: 1em;
}
DIV.footer DIV.referers SPAN.separator {
	display					: None;
}
DIV.footer DIV.referers A {
	display					: Block;
	float					: left;
	padding					: 3px;
}
DIV.footer DIV.referers A:nth-child(3) {
	margin-left				: 8px;
}
DIV.footer DIV.referers A:nth-child(5) {
	margin-left				: 24px;
}
DIV.footer DIV.referers IMG {
	display					: Block;
	width					: 48px;
	height					: 48px;
	clear					: Both;
	border-radius			: inherit;
}
DIV.footer-content {
	display					: flex;
}
DIV.footer  .bubble {
	color					: var(--Tangerine);
}
DIV.footer  A .bubble:hover{
	color					: var(--Tangerine);
	text-shadow				: 0 0 4px var(--Tangerine);
}
DIV.footer-buttons {
	clear					: Both;
	float					: right;
	padding					: 0;
}
.orange-footer-button {
	padding					: 0;
	color					: var(--Black);
	text-decoration			: None;
	background				: none;
	text-align				: center;
}
.orange-footer-button-inner {
	margin					: auto;
	text-decoration			: None;
	background				: none;
	height					: auto;
	padding					: 8px 16px !important;
	background				: var(--Tangerine);
	color					: white;
	border					: 2px solid var(--Tangerine);
	border-radius			: 30px;
	letter-spacing			: 0.05em;
	transition				: all 500ms ease;
}
.orange-footer-button:hover, .orange-footer-button-inner:hover {
	background				: none;
	color					: var(--Black);
	border					: 2px solid var(--Tangerine);
	box-shadow				: 0 0 4px var(--Tangerine);
}
PRE {
	color					: White;
	font-family				: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
	font-size				: 1.5em;
	font-weight				: bold;
	width					: auto;
	overflow-x				: auto;
	white-space				: nowrap;
	background				: #444444;
	border-radius			: 0.5em;
	white-space				: pre-wrap;
	padding					: 0.5em 0.75em;
	margin					: 1em 0;
	overflow				: visible;
	overflow-x				: visible;
	clear					: both;
}

/* ============================================ *
 * Forms
 * ============================================ */
FORM {
	color				: var(--Black);
	margin				: 1em 0 1em 0;
	width				: 100%;
	box-sizing			: Border-box;
}
FORM P {
	margin				: 0em;
	padding				: 0em;
	clear				: Right;
}
FORM P+P {
	padding-top			: 1em;
}
FORM P.field {
}
FORM P.controls {
	text-align			: Right;
}
FORM P.controls  A{
	margin-right		: 1em;
}
FORM INPUT, BUTTON, TEXTAREA {
	font-family			: 'OpenSans';
	font-size			: Medium;
	background			: White;
	color				: var(--Black);
	border				: 1px solid #dcdcdc;
	border-radius		: 0.25em;
	box-sizing			: Border-box;
	margin				: 0;
	padding				: 0.125em;
}
FORM INPUT , TEXTAREA {
	float				: Right;
	width				: 66%;
}
FORM TEXTAREA {
}
INPUT[readonly] {
	border-color		: red;
	background			: #d8e4e9;	
}
FORM BUTTON {
	display					: flex;
	flex-grow				: 0;
	flex-basis				: auto;
	margin					: 0.5em !important;
	  margin-left			: 0.5em !important;
	padding					: 0;
	color					: var(--Black);
	text-decoration			: None;
	background				: none;
	text-align				: center;
	min-width				: 8em;
}
FORM BUTTON.mail, FORM BUTTON.reset {
	display					: initial;
	flex-grow				: 0;
	flex-basis				: auto;
	margin					: auto !important;
	text-decoration			: None;
	background				: none;
	height					: auto;
	padding					: 8px 16px !important;
	background				: var(--Tangerine);
	color					: white;
	border					: 2px solid var(--Tangerine);
	border-radius			: 30px;
	letter-spacing			: 0.05em;
	transition				: all 500ms ease;
}
FORM BUTTON:hover, FORM BUTTON.mail:hover, FORM BUTTON.reset:hover {
	background				: none;
	color					: var(--Tangerine);
	border					: 2px solid var(--Tangerine);
	box-shadow				: 0 0 4px var(--Tangerine);
}
FORM.compactForm {
	background			: White;
	color				: var(--Black);
	border				: None;
	margin				: 0;
	padding				: 1em 0 0 1em;
}
FORM.compactForm P+P {
	padding-top			: 0.1em;
}
FORM.compactForm P.controls {
	text-align			: left;
}
FORM.compactForm P.controls  A{
	margin-right		: 1em;
}
FORM.compactForm INPUT, FORM.compactForm TEXTAREA {
	border-color		: orange;
	border-radius		: 0;
}
FORM.compactForm INPUT, FORM.compactForm TEXTAREA {
	width				: 80%;
}
/* ============================================ *
 * Screen MAX 1400 wide
 * ============================================ */
@media only screen and (max-width: 1400px) {
	DIV.logo IMG.logo {
		padding					: 1.5vw 0 0 0;
		min-height				: 12vw;
	}
}
/* ============================================ *
 * Screen MIN 1930 wide
 * ============================================ */
@media only screen and (min-width: 1930px) {
	DIV.navigation UL {
		flex-basis				: 33%;
		margin-top				: 3em;
	}
}
/* ============================================ *
 * Screen MAX 1100 wide
 * ============================================ */
@media only screen and (max-width: 1100px) {
	DIV.footer DIV.category {
		padding: 0.25em 2em 0 10em;
	}
}
/* ============================================ *
 * Screen MIN 500 wide
 * ============================================ */
@media only screen and (min-width: 500px) {
	blockquote.slogan {
		margin					: 0;
		font-size				: 2.5em;
		padding-left			: 1em;
		padding-top				: 3em;
	}
}
/* ============================================ *
 * Screen MIN 1024 wide
 * ============================================ */
@media only screen and (min-width: 1024px) {
	blockquote.slogan {
		font-size				: 3.2em;
		padding-left			: 2em;
		padding-top				: 2em;
	}
	P.intro {
		padding					: 1em 0 4em 0;
		text-align				: center;
	}
}
/* ============================================ *
 * Screen MIN 1440 wide
 * ============================================ */
@media only screen and (min-width: 1440px) {
	DIV.navigation LI {
		margin-right: 10em;
	}
	blockquote.slogan {
		padding					: 2em 24% 0 24%;
	}
	DIV.columns, DIV.netwerk {
		padding					: 1em 15%;
	}
	P.intro {
		padding					: 3em 25%;
		text-align				: initial;
	}
	DIV.footer {
		min-height				: 10em;
	}
}
/* ============================================ *
 * Screen MAX 975 wide
 * ============================================ */
@media only screen and (max-width: 975px) {
	BODY {
		padding					: 0;
		margin					: 0;
		display					: Flex;
		flex-flow				: Column NoWrap;
	}
	BODY > * {
		flex-grow				: 0;
		flex-shrink				: 0;
		flex-basis				: Auto;
	}
	DIV.logo {
		margin					: 0;
	}
	DIV.logo a {
		justify-content			: center;
	}
	DIV.navigation {
		position				: absolute;
		left					: 0;
		bottom					: Initial;
		color					: white;
		z-index					: 10;
		margin					: 0;
		background-image		: linear-gradient(10deg,White 0%,White 35%,var(--Flax) 81.1%,var(--Flax) 100%);

	}
	DIV.navigation:before {
		content					: "☰";
		font-size				: 200%;
		font-weight				: Bold;
		font-style				: Normal;
		line-height				: 1.75em;
		color					: var(--Brunswick-Green);
		z-index					: 5;
		position				: absolute;
		left					: 0;
		top						: 1em;
		min-width				: 5em;
	}
	DIV.navigation UL {
		display					: None;
		flex-direction			: row;
		z-index					: 10;
		margin 					: 2em 0 0 0;
		transition				: all 500ms ease;
		max-height				: max-content;
	}
	DIV.navigation:hover UL {
		display					: Flex;
		transition				: all 500ms ease;
	}
	DIV.navigation LI {
		flex-basis				: 95%;
		padding					: 0 0 0.5em 1em;
	}
	DIV.navigation LI.currentpage A {
		font-weight				: Normal;
		border-bottom			: None;
		color					: #F49400;
		text-shadow				: 0 0 4px #FCE4BF;
	}
	DIV.navigation LI.currentpage A:before {
		content					: "";
	}
	DIV.navigation LI.currentpage UL A:before, DIV.navigation LI:hover UL A:before {
		content					: "";
	}
	DIV.navigation UL UL {
		position				: Initial;
		border-right			: None;
	}
	P.intro , DIV.inleiding, DIV.main {
		padding					: 1em 0.5em 4em 0.5em;
		width					: auto;
	}
	DIV.buttons {
		margin					: 0 0 2.5em 1em !important;
	}
	.orange-button {
		margin-right			: 0.5em;
	}
	DIV.columns, DIV.netwerk {
		background-image		: linear-gradient(15deg,White 0%,White 65%,var(--Flax) 81.1%,var(--Flax) 100%);
	}
	DIV.content {
		padding					: 0 0.5em 0 0.5em;
	}
	DIV.color-box {
		padding					: 1em 0.5em 4em 0.5em;
		--text-align				: center;
	}
	DIV.praktisch {
		padding					: 1em 0 4em 0;
		--text-align				: center;
	}
	DIV.praktisch > .column {
		flex-basis				: 100%;
		min-width				: 4em;
		margin					: 0.5em !important;
	}
	DIV.praktisch > .column:first-child {
		margin-right			: 0;
	}
	DIV.color-box UL {
		padding-left			: 30px;
	}
	blockquote.slogan {
		font-size				: 2em;
		padding					: 1em 0.25em 0.5em 0.25em;
	}
	blockquote#review {
		max-width				: 85%;
	}
	H2 {
		clear					: both;
	}
	DIV.left {
		float					: none;
		box-sizing				: border-box;
		padding					: 0;
		margin: auto;
		width: 250px;
	}
	DIV.right {
		max-width				: 50%;
		padding					: 10px;
	}
	DIV.column {
		margin					: 0 auto 0 auto;
	}
	DIV.column IMG{
		float					: initial;
		padding					: 0;
		margin					: 0;
		width					: 90%;
	}
	DIV.footer {
		min-height: 20em;
	}
	DIV.footer-content {
		padding					: 0;
		width					: 96%;
		flex-direction			: column;
	}
	DIV.footer-buttons {
		margin					: auto;
		padding					: 0;
	}
	DIV.footer DIV.referers {
		bottom					: 0;
	}
	DIV.footer P {
		margin					: 0 0 2em 0;
		text-align				: center;
	}
	DIV.footer DIV.category {
		padding					: 0;
		margin					: auto;
		flex-flow				: column;
		min-width				: 96%;
	}
}
/* ============================================ *
 * Screen MAX 640 wide
 * ============================================ */
@media only screen and (max-width: 640px) {
	DIV.navigation:before {
		top						: 0.25em;
		line-height				: 2.5em;
	}
	DIV.logo IMG.logo {
		min-height				: 19vw;
	}
	DIV.columns, DIV.netwerk {
		padding					: 0;
	}
	DIV.columns > .column, DIV.netwerk > .column {
		flex-basis				: initial;
		min-width				: 90%;
	}
	DIV.column {
		flex-basis				: initial;
		min-width				: 100%;
	}
	DIV.column IMG.partners {
		display					: block;
		float					: none;
		margin					: auto;
		width					: 225px;
	}
	DIV.footer-content {
		flex-direction			: column;
	}
	DIV.footer DIV.category P {
		text-align				: center;
	}
	DIV.footer DIV.category P A {
		float					: inherit;
	}
}

/* ============================================ *
 * Kalender
 * ============================================ */

.md-scheduler__box--open, .md-scheduler__box--done {
	border-top				: 3px solid var(--Flax);
}
.calendar > .days-grid > .day {
	padding					: 20px 0px;
}
DIV.dayname {
	color					: Black !important;
	font-size				: 20px;
}
.calendar > .days-grid > .day:not(.locked) {
	background-color		: var(--Medium-Moss) !important;
	color					: var(--md-color-accent_text);
	cursor					: pointer;
}
.calendar > .days-grid > .day:hover {
	box-shadow				: 0 0 5px var(--Navajo-White);
}
DIV.day > .unit > .selected {
	background-color		: var(--Medium-Moss) !important;
}
.md-scheduler__timepicker__times__time {
	background-color		: var(--Tangerine);
	border-radius			: 20px;
	border					: 2px solid var(--Tangerine);
	min-width				: 75px;
	transition				: all 500ms ease;
}
.md-scheduler__timepicker__times__time:hover {
	background				: none;
	box-shadow				: 0 0 4px var(--Tangerine);
	color					: var(--Black);
	transition				: all 500ms ease;
}
.calendar > .daynames-row > .dayname {
	font-size				: 20px;
}
.md-scheduler__personal-form button {
	display					: initial;
	margin					: auto !important;
	text-decoration			: None;
	height					: auto;
	padding					: 8px 16px !important;
	background				: var(--Tangerine);
	color					: white;
	border					: 2px solid var(--Tangerine);
	border-radius			: 30px;
	letter-spacing			: 0.05em;
	transition				: all 500ms ease;
}
.md-scheduler__personal-form button:hover {
	background				: none;
	color					: var(--Tangerine);
	border					: 2px solid var(--Tangerine);
	box-shadow				: 0 0 4px var(--Tangerine);
}
.md-scheduler__form-group span {
	font-family				: 'OpenSans';
}
.md-scheduler__box__title {
	font-size				: 110%;
	font-weight				: normal;
	color					: var(--Davy-Gray);
}