/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--------------------------------------------------------------*/

@font-face {
	font-family: KM_MenuArrow;
	src: local('KM_MenuArrow'),
	url('fonts/KM_MenuArrow.woff2') format('woff2'),
 	url('fonts/KM_MenuArrow.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Plsb font ---------------------------------------------------- */
/* Copyright (c) 2022 Zen Dojo Heerlen. All Rights Reserved.
 * This software is released under SIL OFL v1.1 license.
 * The full license information can be found here:
 * https://www.zendojoheerlen.nl/fonts/OFL.txt
 * Plsb is a modified version of Proza Libre Semibold
 * Copyright (c) Bureau Roffa
 * Design: Jasper de Waard.
 */

@font-face {
	font-family: "Plsb";
	src: local("Plsb"),
	url('fonts/Plsb.woff2') format('woff2'),
	url('fonts/Plsb.woff') format('woff');
//	font-weight: normal;
	font-weight: 600;
	font-style: normal;
}


/* rur font ---------------------------------------------------- */
/* Copyright (c) 2025 Zen Dojo Heerlen. All Rights Reserved.
 * This software is released under SIL OFL v1.1 license.
 * The full license information can be found here:
 * https://www.zendojoheerlen.nl/fonts/OFL.txt
 * rur is a modified version of Rubik Regular
 * Copyright (c) 2015 The Rubik Project Authors (https://github.com/googlefonts/rubik)
 * Designed by Hubert and Fischer, Meir Sadan, Cyreal, Daniel Grumer, Omaima Dajani */

@font-face {
	font-family: "rur";
	src: local("rur"),
	url('fonts/rur.woff2') format('woff2'),
	url('fonts/rur.woff') format('woff');
//	font-weight: normal;
	font-weight: 600;
	font-style: normal;
}


/* GENERAL --------------------------------------------------------*/

* {	box-sizing: border-box;
}

html {
	display: block;
	font-size: 62.5%; /*10px*/
}

img {
	pointer-events: none;
}

/*center text*/
.center {
	display: block;
	text-align :center;
}

/* BODY -----------------------------------------------------------*/

/*text font*/

body {
	background-color: #f0eae4;
}

.main {
	font-family: "rur", Helvetica, Arial, sans-serif;
	font-size: 1.8rem; /* 18px (html font size = 62,5% = 10px = 1em) */
	line-height: 3rem; /*baseline 30px*/
	word-wrap:break-word !important;
	margin: 0 auto;
	max-width: 99rem;
	background-color: white;
	box-shadow: 0 0 1.5rem #d8c9bb;
}

@media screen and (max-width: 31.25em) {
	.main {
		font-size: 1.7rem;
		line-height: 2.7rem;
	}
}

* + p {
	margin-top: 1.5rem; /*50% van de baseline */
}

@media screen and (max-width: 31.25em) {
	* + p {
	margin-top: 1.35rem;
	}
}


/* lists ------------------------------------------------------*/

ul {
	list-style-type: disc;
	list-style-position: outside;
	text-decoration: none;
}

.ul_top {
	margin-top: 1.5rem; /*50% of baseline */
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 31.25em) {
	.ul_top {
		margin-top: 1.35rem;
		margin-bottom: 1.35rem;
	}
}

li {
	margin-left: 3rem;
}

@media screen and (max-width: 31.25em) {
li {
	margin-left: 1.35rem;
	}
}
	
.li_large {
	margin-left: 3rem;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 31.25em) {
.li_large {
	margin-left: 1.35rem;
	margin-bottom: 1.35rem;
	}
}

/* Tables ------------------------------------------------*/

table {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
}

th {
//	font-family: "RKM-SemiBold", Helvetica, Arial, sans-serif;
	font-family: "Plsb", Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
//	font-weight: normal;
	font-weight: 600;
	text-align: left;
	color: #505e84;
}

/* Lobotomized owl: selects only elements that have another element before it */
tr > * + * {
	padding-left: 1.5rem;
}

@media screen and (max-width: 31.25em) {
	th {
		font-size: 1.7rem;
	}
	th, td {
		padding-top: 0.35rem;
		padding-bottom: 0.35rem;
		line-height: 2.0rem;
	}
	tr > * + * {
		padding-left: 1.35rem;
	}
}

/* TITLE ----------------------------------------------------------*/

.header_left{
	width: 100%;
	background-image: url(afbeeldingen@2x/buddha_h.png), linear-gradient(to right,#d6baa2,#e4cab7,#dbbda6,#ecd7c6 57%,#dcc0ab,#e4cdbb);
	background-size: 30rem 8.6rem, 100% 100%;
	background-position: 50% center; /* 50% at 3.0em line height */
	background-repeat: no-repeat;
	pointer-events: none;
	border-style: solid;
	border-width: 1rem;
	border-bottom-width: 0;
	border-color: white;
	font-size: 2.9rem;
	line-height: 8.55rem;
	text-align: center;
	color: 	#352518;
	text-shadow: 0 0.1rem 0.2rem #bf875c;
}

#titel:before{
//	content: "Zen D\014Dj\014D  Heerlen                 ";
	content: "Zen D\014Dj\014D  Heerlen                       ";
	white-space: pre;
	font-family: "Plsb", Helvetica, Arial, sans-serif;
//	font-weight: normal;
	font-weight: 600;
}

#titel:after{
	content: "Kai My\014D";
	white-space: pre;
	font-family: "Plsb", "Helvetica Bold", "Arial Bold", sans-serif;
//	font-weight: normal;
	font-weight: 600;
}

@media screen and (max-width: 57.5em) {
	.header_left {
		border-width: 0;
	}
}
		
@media screen and (max-width: 40em) {
	.header_left {
		display: none;
	}
}

/* MENU ----------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 100%;
}

.toggle,[id^=drop] {
	display: none;
}

/* Nav container. */
nav { 
	padding: 0;
	color: white;
	background-color: #505e84;
//	font-size: 1.8rem;
	font-size: 1.9rem;
	line-height: 5.348rem;
//line-height: 5.4rem;
	border-style: solid;
	border-width: 0 1rem 0;
	border-color: white;
	margin: 0 auto;
	word-wrap: break-word !important;
}

nav a:hover {text-decoration:none;}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:relative" */
nav ul {
	float: none;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	text-align: center;
}

/* Positioning the navigation items inline */
nav ul li {
	margin: 0;
	display:inline-block;
	float: none;
	background-color: #505e84;
}

/* Styling the links */
nav a {
	display: block;
	padding: 0rem 2rem;
	color: white;
	text-decoration: none;
}

nav ul li ul li:hover { background: #171b26; }

/* Background color change on Hover */
	nav a:hover { 
	background-color: #171b26;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav" */
	top: 5.348rem;
}
		
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display: block;
}
	
/* First Tier Dropdown */
nav ul ul li {
//	width: 18rem;
	width: 19rem;
	float: none;
	display: list-item;
	position: relative;
	text-align: left;
}

/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content: ' +'; font-family: KM_MenuArrow;}
li > a:only-child:after { content: ''; }


/* Media Queries -------------------------------------------------------*/

@media screen and (max-width: 57.5em) {
	nav {
	border-width: 0;
	}
}

@media screen and (max-width: 40em) {
	#navbar {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	
	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}
	
	.hamburger-icon {
		margin: 0;
		padding: 1.9rem 1.9rem;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
	}

	.hamburger-icon span {
		width: 2.3rem;
		background-color: #fff;
		height: 0.3rem;
		display: block;
		margin-bottom: 0.6rem;
	}

	.hamburger-icon span:last-child {
		margin-bottom:0;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #505e84;
		padding: 0rem 2rem;
		color: white;
		text-decoration:none;
		border:none;
	}
	
	.toggle:hover {
		background-color: #171b26;
	}
	
	.mobiel {
		margin-left: 3rem;
		font-family: "Plsb",  Helvetica, Arial, sans-serif;
//		font-weight: normal;
		font-weight: 600;
		font-size: 2.3rem;
		line-height: 6rem;
	}

	#titel_mobiel:before{
		content: "Zen D\014Dj\014D  Heerlen";
		white-space: pre;
		float: left;
	}

	#titel_mobiel:after{
		content: "  -  Kai My\014D";
		white-space: pre;
		float: left;
	}
	
	/* Display Dropdown when clicked on Parent Label */
	[id^=drop]:checked + ul {
		display: block;
	}
	
	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		text-align: left;
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 4rem;
	}

	nav ul ul ul a {
		padding: 0 8rem;
	}

	nav a:hover,
	nav ul ul ul a {
		background-color: #171b26;
	}

	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a{
		padding: 0rem 2rem;	
		color: white;
	}

	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #343d56;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: white;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
	
	/* First Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
	position: static;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	}
}

@media screen and (max-width: 31.25em) {
	nav {
		border-top-width: 0;
		border-width: 0;
	}
	.mobiel {
		font-size: 2.2rem;
		line-height: 5.3rem;
		padding:0;
	}
	
	nav ul li {
		font-size: 1.7rem;
	}
	
	.hamburger-icon {
		margin: 0;
		padding: 1.6rem 1.8rem;
	}
}

@media screen and (max-width: 25em) {
	#titel_mobiel:before {
		content: "Zen D\014Dj\014D  Heerlen";
	}
	#titel_mobiel:after {
		display:none;
	}
}

@media all and (max-width : 20.625em) {
	nav ul li {
		display:block;
	}
}

/*HEADING  ----------------------------------------------------------*/

h1, h2, h3, #font_announce, #h1-2, #h1-announce, .faq {
	font-family: "Plsb",  Helvetica, Arial, sans-serif;
//	font-weight: normal;
	font-weight: 600;
	color: #505e84;
}


/*heading 1 line--------------------------------------------------*/
h1 {
	font-size: 2.9rem;
	line-height: 9rem;
	margin: 1.5rem 0 0;
	text-align: center;
}

@media screen and (max-width: 40em) {
	h1 {
		line-height: 6rem;
	}
}

@media screen and (max-width: 31.25em) {
	h1 {
		font-size: 2.8rem;
		line-height: 5.4rem;
	}
}


/*sub-heading-----------------------------------------------------------*/
h2{
	font-size: 2.3rem;
	line-height: 3rem;
	text-align: left;
}

* + h2 {
	margin-top: 3rem; /*100% van de baseline*/
}

@media screen and (max-width: 31.25em) {
	h2 {
		font-size: 2.2rem;
		line-height: 2.7rem;
	}

	* + h2 {
		margin-top: 2.7rem;
	}
}


/*heading h1 if followed by line 2 ------------------------------*/
#h1-2{
	line-height: 5rem;
	margin-top: 3rem;
	margin-bottom: 0;
}

@media screen and (max-width: 40em) {
	#h1-2{
		margin-top: 1.5rem;	
	}
}

@media screen and (max-width: 31.25em) {
	#h1-2{
		line-height: 4.5rem;
		margin-top: 1.2rem;
		margin-bottom: 0;
		padding: 0;
	}
}

/* Line 2 below heading h1-2 -------------------------*/
h3 {
	font-size: 2.3rem;
	line-height: 3rem;
	text-align: center;
	margin: 0 1.5rem 2.5rem;
}

@media screen and (max-width: 40em) {
	h3{
		margin:0 1.35rem 1.05rem;	
	}
}

@media screen and (max-width: 31.25em) {
	h3 {
		font-size: 2.2rem;
		line-height: 2.7rem;
		margin: 0 1.35rem 1.05rem;
	}
}


/* ANNOUNCEMENT ---------------------------------*/

.ann_box {
	display: block;
	background: #dee1eb;
	margin: 1.5rem auto 0;
	max-width: 64rem;
	padding: 1.5rem 3rem;
	border-style: solid;
	border-width: 1.5rem;
	border-color: white;
}

@media screen and (max-width: 31.25em) {
	.ann_box {
		padding: 1.35rem;
		border-width: 0;
		border-radius: 0;
		margin: 0;
	}
}

/*Announcement heading inside ann_box ------------------*/
#font_announce {
	font-size: 2.3rem;
	line-height: 2.3rem;
}

@media screen and (max-width: 31.25em) {
	#font_announce {
		font-size: 2.2rem;
		line-height: 2.1rem;
	}
}


/*heading h1 if followed by line 2 and preceded by announcement ---*/
#h1-announce {
	font-size: 2.9rem;
	line-height: 2.8rem;
	margin: 1.5rem 1.5rem 1.4rem;
}

@media screen and (max-width: 31.25em) {
	#h1-announce{
		font-size: 2.8rem;
		line-height: 2.2rem;
		padding: 1.45rem 0 0;
	}
}

@media screen and (max-width: 29em) {  /*text length incl. margins*/
	#h1-announce{
		line-height: 3.2rem;
		margin: 2.02rem 1.35rem 0.67rem;
		padding: 0;
	}	
}
	

/* Line 2 after/below h1-announce ---------------------------*/
#r2 {
	font-size: 2.3rem;
}

@media screen and (max-width: 31.25em) {
	#r2 {
		font-size: 2.2rem;
	}
}

/*image Kai Myo above heading -----------------------------------------*/
.title_img {
	max-width: 15rem;
	display: block;
	margin: 2.7rem auto 1rem;
}

@media screen and (max-width: 31.25em) {
	.title_img {
		max-width: 12rem;
		display: block;
		margin: 2.6rem auto 0.9rem;
	}
}

/* heading below Kai Myo image */
#title_img_txt {
	line-height: 3rem;
	margin: 0 auto 1.1rem;
}

@media screen and (max-width: 31.25em) {		
	#title_img_txt {
		line-height: 2.5rem;
		margin: 0 auto 1.4rem;
		padding: 0;
	}
}

/* faq  -------------------------------------*/
.faq {
	font-size: 1.8rem;
	line-height: 3rem;
}

@media screen and (max-width: 31.25em) {
	.faq {
		font-size: 1.7rem;
		line-height: 2.7rem;
	}
}


/* COLUMN CONTAINER -------------------------------------------------*/

/* One column ------------------------------------------------------*/

.one_col {
	height: auto;
	display: block;
}

/*one column text*/
.one_col_txt{
	width: 100%;
	max-width: 64rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}

@media screen and (max-width: 31.25em) {
	.one_col_txt {
		padding: 0 1.35rem;
	}
}


/* geen afbeeldingen onder de header, maar tekst */
#nopic {
	margin-top: 1.5rem;
}

@media screen and (max-width: 31.25em) {
	#nopic{
	margin-top: 1.35rem;
	}
}


/* Two columns that sit next to each other ---------------------------*/
.wrap {
	display: -webkit-flex; /* Safari */
	display: -ms-flexbox; /* IE10 */
	display: flex;
	margin: 0 auto;
	padding: 0 3rem;
	max-width: 83rem; /* dit is de maximale breedte van een afbeelding (links) en tekst (rechts) incl padding*/
}

@media screen and (max-width: 45.625em) {
	.wrap {
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-ms-flex-direction: column;		
		flex-direction: column;
		padding: 0 1.35rem;
		max-width: 64rem;
	}
}

/* left column -----------------------------------------------------*/
.left {
	-webkit-flex: 39.61%; /* Safari 6.1+ */
	-ms-flex-wrap: 39.61%; /* IE10 */
	flex: 39.61%; 
	/* Left part excl. left margin, incl. half middle gutter in % of total of left and right parts excl. outer margins incl middle gutter.
	/*linker gedeelte excl. linker marge, maar incl. halve midden gutter delen op het totaal van links + midden gutter + rechts (excl. buitenmarges) */
	padding-right: 1.5rem;
	margin-top: 1.5rem;
}

@media screen and (max-width: 45.625em) {
	.left {
		padding: 0;
		margin: 0 auto;
        	width: 62vw;
        	max-width: 29rem;
	}
}

/* right column -------------------------------------------------------*/
.right {
	-webkit-flex: 60.39%; /* Safari 6.1+ */
	-ms-flex-wrap: 60.39%; /* IE10 */
	flex: 60.39%; 
	/* 100% minus left flex value */
	/* 100% minus de flex-waarde van links */
	padding-left: 1.5rem;
	margin-top: 1.5rem;
}

@media screen and (max-width: 45.625em) {
	.right {
		padding: 0;
	}
}


/* IMAGES ------------------------------------------------------- */

/* image left ---------------------------------------------------*/

.img_l {
	width: 100%;
	margin: 0.9rem auto 0.55rem;
	border-radius: 0.9rem;
}

@media screen and (max-width: 45.625em) {
	.img_l {
		padding-top: 0;
		margin: 1.5rem auto 0rem;
	}
	
/* calligraphy image in Contact page */
	#call {
		width: 50vw;
		max-width: 24rem;
	}
}

@media screen and (max-width: 31.25em) {
	.img_l {
		margin-top: 1.35rem;
		margin-bottom: 0.485rem;
		max-width: 62vw;
		border-radius: 0.7rem;
	}
}

/* text under left images */
.img_txt {
	text-align: center;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 45.625em) {
	.img_txt {
		display:none;
	}
}

/* image central ---------------------------------------------------*/

.img_c, .img_c_c {
	width: 100%;
	max-width: 64rem;
	display: block;
	margin: 0 auto 1.5rem;
	border-style: solid;
	border-width: 1.5rem;
	border-radius: 2.4rem;
	border-color: white;
}

.img_c_c{
	margin-top: 1.5rem;
}
	
@media screen and (max-width: 31.25em) {
	.img_c, .img_c_c {
		border-width: 1.35rem;
		margin-bottom: 1.35rem;
		border-radius: 2.2rem;
	}

	.img_c_c {
		margin-top: 1.35rem;
		border-radius: 2.2rem;
	}
}

.img_13_quote {
	width: 13rem;
	display: block;
	margin: 3rem auto 1.5rem;
}

.img_29 {
	width: 29rem;
	max-width: 62vw;
	display: block;
	margin: 3rem auto;
	border-radius: 0.9rem;
}

.img_45 {
	width: 100%;
	max-width: 48rem;
	display: block;
	margin: 1.5rem auto;
	border-style: solid;
	border-width: 1.5rem;
	border-radius: 2.4rem;
	border-color: white;
}

@media screen and (max-width: 31.25em) {
	.img_45 {
		padding: 0;
		border-style: solid;
		border-width: 1.35rem;
		border-color: white;
		margin: 1.35rem auto;
		border-radius: 2.2rem;
	}
}

/* image central wide -------------------------------------------*/

.img_c_main {
	width: 100%;
	max-width: 80rem;
	display: block;
	margin: 0 auto 1.5rem;
	border-style: solid;
	border-width: 1.5rem;
	border-radius: 2.4rem;
	border-color: white;
}
	
@media screen and (max-width: 57.5em) {
.img_c_main {
	max-width: 64rem;
	}
}

@media screen and (max-width: 31.25em) {
	.img_c_main {
		border-width: 1.35rem;
		margin-bottom: 1.35rem;
		border-radius: 2.2rem;
	}
}

/* map Heerlen ---------------------------------------------------------*/
@media screen and (max-width: 31.25em) {
	iframe {
		height: 25.2rem;
	}
}

/* image grid -------------------------------------------------------*/
.wrap_img_grid {
	display: -webkit-flex; /* Safari */
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-webkit-flex: wrap; /* Safari 6.1+ */
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	max-width: 67rem;
	text-align: center;
	margin: 1.5rem auto 0;
	padding: 0 1.5rem;
}

/* Two equal columns that sit next to each other --------------------*/
.column {
	-webkit-flex: 50%; /* Safari 6.1+ */
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	padding: 1.5rem;
}

.column img {
	vertical-align: middle;
	max-width: 29rem;
	border-radius: 0.9rem;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 36.25em) {
	.wrap_img_grid {
		font-size: 1.7rem;
	}
	.column {
		-webkit-flex: 100%; /* Safari 6.1+ */
		-ms-flex: 100%;
		flex: 100%;
		max-width: 62vw;
		margin: 0 auto;
		padding: 1.35rem 0;
	}

	.column img {
		vertical-align: middle;
		max-width: 29rem;
		border-radius: 0.7rem;
	}
}

/*QUOTES --------------------------------------------------------*/

/* quote small --------------------------------------------------*/
.quote_box {
	display: block;
	background: #dee1eb;
	margin: 1.5rem auto 3rem;
	max-width: 64rem;
	padding: 1.5rem 3rem;
	border-style: solid;
	border-width: 1.5rem;
	border-color: white;
}

@media screen and (max-width: 31.25em) {
	.quote_box {
		padding: 1.35rem;
		border-width: 0;
		margin: 2.7rem 0;
	}
}

.berg {
	background-image: url("afbeeldingen@2x/fuji@2x.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* wide box -----------------------------------------------------*/
.quote_box_wide {
	display: block;
	background: #dee1eb;
	margin: 0 auto 1.5rem;
	border-style: solid;
	padding: 1.5rem 3rem;
	border-width: 3rem;
	border-color: white;
	max-width: 83rem;
}

@media screen and (max-width: 45.625em) {
	.quote_box_wide {
		max-width: 64rem;
		margin: 1.5rem auto 3rem;
		border-width: 1.5rem;
	}
}

@media screen and (max-width: 31.25em) {
	.quote_box_wide {
		margin: 2.7rem auto;
		padding: 1.35rem;
		border-width: 0;
	}
}


/* FOOTER ------------------------------------------------*/

.footer {
	overflow: hidden;
	background-color: #505e84;
	margin: 0 auto;
	border-style: solid;
	border-width: 0 1rem 1rem;
	border-color: white;
	font-size: 1.8rem;
	text-align: center;
	color: white;
	text-decoration: none;
	line-height: 5rem;
	font-family: "Plsb", "Helvetica Bold", "Arial Bold", sans-serif;
}

@media screen and (max-width: 57.5em) {
	.footer {
		border-width: 0;
		line-height: 4.5rem;
	}
}

@media screen and (max-width: 36.25em) {
	.footer {
		font-size: 1.7rem;
		line-height: 4.05rem;
	}
}

#footer:before{
	content: "Zen D\014Dj\014D  Heerlen  2025";
	white-space: pre;
}