@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


body {
	background-color: #29372b;
	color: #fff;
	 font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
	font-size: 18px;
}

a {
	color: #fff;
}

.logo {
	padding: 25px 0px;
	background-color: #29372b;
}

.inhoud {
	padding: 50px 0px;
}

b {
		border-bottom: solid 1px #ef7b1f;
}

.werkgroep {
	text-align: center;
}

.werkgroep img {
	padding: 15px 15px 0px 15px;
}

h1 {
	font-size: 45px;
}

h1, h2, h3, h4, h5 {
  font-family: "Bellota", system-ui;
  font-weight: 400;
  font-style: normal;
	color: #fff;
	border-bottom: solid 12px #ef7b1f;
	width: fit-content;
	margin-bottom: 15px;
}

.sub {
	  font-family: "Bellota", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 21px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.flex-container {
  display: flex;
	border-bottom: solid 1px #ef7b1f;
}

.flex-container > div {
  padding: 10px;
}

.date {
	width: 135px;
	min-width: 135px;
	font-weight: bolder;
}


.onderlijnen {
	border-bottom: solid 1px #ef7b1f;
	margin-bottom: 5px;
	padding-bottom: 5px;
}




.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #bf6219;
    --bs-btn-border-color: #a75616;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ef7b1f;
    --bs-btn-hover-border-color: #ef7b1f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ef7b1f;
    --bs-btn-active-border-color: #ef7b1f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ef7b1f;
    --bs-btn-disabled-border-color: #ef7b1f;
	margin-bottom: 13px;
}

.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000;
    --bs-gradient: none;
}


@media only screen and (max-width: 767px) {
	
	
.flex-container {
	font-size: 14px;
}	
	
.date {
	width: 110px;
	min-width: 110px;
	font-weight: bolder;
}
	
	}



@media only screen and (max-width: 575px) {
	
	
.werkgroep img {
	max-width: 230px;
}	
	
	}


@media only screen and (max-width: 575px) {
	
	
h1 {
	font-size: 35px;
}
	
	}