/* DEBUG fonts: families=[Switzer-Regular, Tanker-Regular], faces=2 */
@font-face{font-family:"Switzer-Regular";src:url('/fonts/Switzer-Regular/Switzer-Regular.woff2') format('woff2');font-style:normal;font-weight:normal;font-display:swap;}
@font-face{font-family:"Tanker-Regular";src:url('/fonts/Tanker-Regular/Tanker-Regular.woff2') format('woff2');font-style:normal;font-weight:normal;font-display:swap;}
:root{
  --bs-primary: #354B26;
  --bs-primary-rgb: 53,75,38;
  --bs-secondary: #1A1919;
  --bs-secondary-rgb: 26,25,25;
  --tpl-accent: #354B26;
  --body-bg: #ffffff;
  --tpl-header-bg: #ffffff;
  --tpl-header-fg: #000;
  --tpl-footer-bg: #f8f9fa;
  --tpl-footer-fg: #000;
  --breadcrumb-bg: #ccd961;
  --tpl-font-body: "Switzer-Regular", Arial, Helvetica, sans-serif;
  --tpl-font-headings: "Tanker-Regular", sans-serif, Arial, Helvetica;
  --bs-body-font-family: var(--tpl-font-body);
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-secondary);
}
body{font-family:var(--tpl-font-body);background:var(--body-bg);} 
h1,h2,h3,h4,h5,h6{font-family:var(--tpl-font-headings);} 
h1{font-size:1.6rem;margin-bottom:1.6rem;} h2{font-size:1.3rem;margin-top:2.6rem;} h3{font-size:1.1rem;margin-top:2.2rem;} 
.tpl-header.navbar{min-height:64px;padding:0;background-color:var(--tpl-header-bg)!important;color:var(--tpl-header-fg)!important;}
.tpl-header .navbar-brand,.tpl-header .nav-link,.tpl-header .navbar-text{color:var(--tpl-header-fg)!important;}
.tpl-header .nav-link:hover{opacity:.85;}
.tpl-header.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.15);} 
.tpl-header.navbar-dark  .navbar-toggler{border-color:rgba(255,255,255,.25);} 
.tpl-header .navbar-brand{padding:0;margin:0;line-height:1;height:64px;display:flex;align-items:flex-end;}
.tpl-header .navbar-brand img{display:block;height:44px!important;width:auto;margin:0;}
.tpl-footer{background-color:var(--tpl-footer-bg)!important;color:var(--tpl-footer-fg)!important;}
.tpl-footer a{color:var(--tpl-footer-fg)!important;text-decoration:underline;}
.tpl-footer a:hover{text-decoration:none;}
.breadcrumb{--bs-breadcrumb-divider:"/";background-color:var(--breadcrumb-bg,var(--body-bg));margin:0;padding:.75rem 0;border-radius:0;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:var(--bs-primary);} 
a{color:var(--bs-link-color);text-decoration:underline;}
a:hover,a:focus{color:var(--bs-link-hover-color);text-decoration:none;}
.nav-link{color:var(--bs-link-color);} 
.nav-link:hover,.nav-link:focus{color:var(--bs-link-hover-color);} 
.btn-primary{--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-bg:var(--bs-secondary);--bs-btn-hover-border-color:var(--bs-secondary);--bs-btn-active-bg:var(--bs-secondary);--bs-btn-active-border-color:var(--bs-secondary);--bs-btn-focus-shadow-rgb:var(--bs-primary-rgb);} 
.btn-sm{--bs-btn-line-height:1.25;} 
.btn-primary:disabled,.btn-primary.disabled{--bs-btn-disabled-bg:var(--bs-primary);--bs-btn-disabled-border-color:var(--bs-primary);--bs-btn-disabled-color:#fff;opacity:.65;} 
.form-check-input[type="radio"],.form-check-input[type="checkbox"]{accent-color:var(--tpl-accent);} 
.form-check-input[type="radio"]:focus,.form-check-input[type="checkbox"]:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);} 
.form-check-input[type="radio"]:checked,.form-check-input[type="checkbox"]:checked{background-color:var(--tpl-accent);border-color:var(--tpl-accent);} 

.breadcrumb {
  --bs-breadcrumb-divider: "/";
 background-color: #ccd961;
margin: 0;
padding: .75rem;
border-radius: 0;
font-size: 0.7em
}

.breadcrumb ul
{margin: 0px;}

.footer_link a:link,.footer_link a:visited
{
	font-size: 0.5em;
	text-decoration: none;
}

.footer_link a:hover, .footer_link a:focus {

    text-decoration: underline;
}



.footer_icons
{
position: relative;
bottom: -12px;
left: 0;
font-size: 2.0em;}

.bos
{
	color: #2f4c21;
}
.katoen
{
	color: #fde8db;
}

.bg-mos
{
	background-color: #ccd961;
}


.bg-katoen
{
	background-color: #fde8db;
}
.bg-terracotta
{
	background-color: #ee7132;
}


#footer_icon
{
	font-size:2em;
    opacity: 0.5;
    animation: fade 1s linear;
}


@keyframes fade {
  0% { opacity: 0 }
  50% { opacity: 0.2 }
  100% { opacity: 0.5 }
}

footer {

border:#000 0px solid;
color: #fff;
}

.material-symbols-outlined{font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;}
.footer_icons{font-size:48px; vertical-align:middle;margin-bottom:8px;}