*, ::after, ::before {
  box-sizing: border-box;
}

body{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:0px;
	padding:0px;
	word-break: break-word;
	word-wrap: break-word;
}

		
.class_1{

	display: flex;
	flex-wrap:wrap;
	
}

.class_2{

	flex: 1 1 0%;
	background-color: rgb(242, 242, 242);
	vertical-align: top;
	max-width: 100px;
	min-height: 100px;
	
}

.class_3{

	width: 100px;
	height: 100px;
	object-fit: cover;
	
}

.class_4{

	flex: 1 1 0%;
	min-width: 300px;
	background-color: rgb(250, 250, 250);
	vertical-align: top;
	min-height: 100px;
	
}

.class_5{

	height: 50px;
	color: rgb(0, 0, 0);
	background-color: rgb(229, 229, 229);
	display: flex;
	
}

.class_6{

	color: rgb(0, 0, 0);
	height: 100%;
	flex: 1 1 1%;
	
}

.class_7{

	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	
}

.class_8{

	color: rgb(21, 47, 255);
	height: 100%;
	flex: 1 1 1%;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	
}

.class_9{

	font-size: 30px;
	margin-left: 10px;
	margin-right: 10px;
	
}

.class_10{

	height: 50px;
	background-color: rgb(140, 140, 140);
	color: rgb(255, 255, 255);
	display: flex;
	
}

.class_10 a {
	text-decoration: none;
	padding: 15px; /* Voegt ruimte toe rond de a-tags */
  }

.class_11{

	display: flex;
	min-width: 100px;
	background-color: rgb(255, 255, 255);
	text-decoration: none;
	align-items: center;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	
}

.class_12{

	display: flex;
	min-width: 300px;
	max-height: 200px;
	background-color: rgb(160, 160, 160);
	text-decoration: none;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	cursor: pointer;
	
}

.class_13{

	display: flex;
	flex-wrap: wrap;
	max-height: 400px;
	min-height: 150px;
	
}

.class_14{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	background-color: rgb(242, 242, 242);
	vertical-align: top;
	padding: 20px;
	background-image: url("	../images/paarden.jpg"	);
	
}

.class_15{

	padding: 10px;
	background-color: rgba(255, 255, 255, 0.357);
	color: rgb(4, 9, 125);
	min-height: 200px;
	backdrop-filter:blur(5px);
	
}

.class_16{

	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	font-size: 20px;
	
}

.class_17{

	padding-left: 10px;
	padding-right: 10px;
	color: rgb(54, 122, 110);
	font-size: 60px;
	font-weight: bold;
	
}

.class_18{

	padding: 15px;
	
}

.class_19{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	background-color: rgb(250, 250, 250);
	vertical-align: top;
	max-height: 400px;
	
}

.class_20{

	width: 100%;
	object-fit: cover;
	height: 100%;
	
}

.class_21{

	width: 100%;
	background-color: rgb(242, 242, 242);
	padding: 20px;
	text-align: center;
	
}

.class_22{

	padding: 10px;
	background-color: rgb(226, 226, 226);
	text-align: left;
	
}

.class_23{

	width: 270px;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	min-height: 300px;
	text-align: left;
	margin: 20px;
	display: inline-block;
	
}

.class_24{

	width: 100%;
	height: 200px;
	object-fit: cover;
	
}

.class_25{

	padding-left: 10px;
	padding-right: 10px;
	
}

.class_26{

	padding-left: 10px;
	padding-right: 10px;
	color: rgb(84, 84, 84);
	
}

.class_27{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	background-color: rgb(255, 255, 255);
	vertical-align: top;
	padding: 10px;
	
}

.class_28{
    text-align:center;
	padding: 5px;
	
}

.class_29{
	flex: 1 1 auto;
	min-width: auto;
	max-height: 125px;
	background-color: rgb(50, 50, 50);
	padding: 2px;
	color: rgb(255, 255, 255);
	
}

.class_30{

	font-size: 20px;
	margin: 0px;
	
}

.class_31{

	font-size: 20px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: rgb(219, 205, 255);
	
}

.class_32{

	width: 100vw;
	 background-color: rgb(255, 255, 255);
	left: -10px;
	padding: 1px;
	
}

.class_33{

	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 50px auto auto;
	border-radius: 10px;
	overflow: hidden;
	transform: rotate(-3deg);
	border: 1px solid rgb(206, 212, 218);
	box-shadow: rgb(203, 203, 203) 1px 1px 30px;
	
}

.class_34{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	vertical-align: top;
	height: 490px;
	text-align: center;
	background-color: rgb(255, 255, 255);
	padding: 0px;
	
}

.class_35{

	width: 100%;
	padding: 20px;
	color: rgb(33, 33, 33);
	height: 100%;
	
}

.class_36{

	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	text-transform: uppercase;
	
}

.class_37{

	padding: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
	
}

.class_38{

	display: block;
	width: 100%;
	padding: 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(33, 37, 41);
	background-color: rgb(229, 229, 229);
	background-clip: padding-box;
	appearance: none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	border: medium none;
	margin-top: 20px;
	margin-bottom: 10px;
	
}

.class_39{

	transform: scale(1.2);
	
}

.class_40{

	font-size: 16px;
	padding: 15px;
	border: medium none;
	color: rgb(255, 255, 255);
	background-color: rgb(255, 75, 43);
	border-radius: 30px;
	margin: 0.25rem 0.125rem;
	cursor: pointer;
	width: 274px;
	left: -2px;
	
}

.class_41{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	background-color: rgb(255, 75, 43);
	vertical-align: top;
	background-size: 218%;
	background-repeat: no-repeat;
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
}

.class_42{

	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
	
}

.class_43 {
    padding: 5px;
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.class_44 {
    padding: 20px;
    background-color: rgb(237, 237, 237);
    color: rgb(255, 255, 255);
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.class_45 {
    width: 50%;
    max-width: 640px; /* Maximum width */
    height: auto; /* Maintain aspect ratio */
    aspect-ratio: 16/9; /* Zorgt voor een 16:9 aspect ratio */
    max-height: calc(100vh - 40px);
}


.class_46{

	flex: 1 1 0%;
	min-width: 300px;
	min-height: 200px;
	background-color: rgb(242, 242, 242);
	vertical-align: top;
	padding: 10px;
	
}

.class_47{

	margin: 0em;
	
}

.class_48{

	padding: 5px;
	
}

.class_49{

	flex: 1;
	min-width:300px;
	min-height: 200px;
	background-color: #fafafa;
	vertical-align: top;
	
}

.class_50{

	display: flex;
	flex-wrap: wrap;
	
}

.class_51{

	flex: 1 1 0%;
	background-color: rgb(191, 191, 191);
	vertical-align: top;
	max-height: 80px;
	max-width: 80px;
	
}

.class_52{

	width: 100%;
	height: 100%;
	object-fit: cover;
	
}

.class_53{

	flex: 1 1 0%;
	min-width: 300px;
	background-color: rgb(237, 237, 237);
	vertical-align: top;
	height: 80px;
	border-bottom: 2px solid rgb(191, 191, 191);
	
}

.class_54{

	padding-left: 10px;
	padding-right: 10px;
	margin: 0em;
	
}

.class_55{

	padding: 5px;
	left: -8px;
	
}

.class_56{

	flex: 1 1 0%;
	background-color: rgb(255, 255, 255);
	vertical-align: top;
	max-height: 80px;
	max-width: 80px;
	color: rgb(53, 0, 209);
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.class_57{

	font-size: 50px;
	
}

.class_58{

	width: 100vw;
	 background-color: rgb(216, 216, 216);
	padding: 20px;
	
}

.class_59{

	width: 100%;
	max-width: 500px;
	margin: 10px auto;
	padding: 10px;
	background-color: rgb(238, 238, 238);
	 text-align: center;
	border-radius: 30px;
	
}

.class_60{

	width:150px;
	height:150px;
	object-fit: cover;
	
}

.class_61{

	display: none;
	
}

.class_62{

	color: rgb(0, 0, 0);
	text-align: left;
	
}

.class_63{

	display: flex;
	margin-top:4px;
	margin-bottom: 4px;
	padding: 4px;
	align-items: center;
	background-color: #F7F7F7FF;
	
}

.class_64{

	min-width: 50px;
	margin: 0.5rem 0.5rem 0.5rem 0px;
	display: inline-block;
	width: 86px;
	
}

.class_65{

	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
}

.class_66{

	margin-top:4px;
	margin-bottom: 4px;
	padding: 4px;
	align-items: center;
	background-color: #F7F7F7FF;
	
}

.class_67{

	margin: .5rem;
	margin-left:0px;
	display: inline-block;
	
}

.class_68{

	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
	align-items: center;
	background-color: rgb(247, 247, 247);
	
}

.class_69{

	min-width: 50px;
	margin: 0.5rem 0.5rem 0.5rem 0px;
	display: inline-block;
	width: 110px;
	
}

.class_70{

	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(33, 37, 41);
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
	border: 1px solid rgb(206, 212, 218);
	appearance: none;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	height: 173px;
	
}

.class_71{

	height: 20px;
	color: rgb(255, 255, 255);
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: rgb(165, 170, 174);
	background-color: rgb(219, 219, 219);
	
}

.class_72{

	height: 100%;
	color: rgb(255, 255, 255);
	width: 50%;
	background-color: rgb(13, 109, 255);
	
}

.class_73{

	padding: 4px;
	background-color: rgb(238, 238, 238);
	text-align: left;
	
}

.class_74{

	cursor: pointer;
	font-size:16px;
	padding: 10px;
	border:none;
	color:#FFFFFF;
	background-color:#dc3545;
	border-radius:6px;
	margin: .25rem .125rem;
	
}

.class_75{

	cursor: pointer;
	font-size:16px;
	padding: 10px;
	border:none;
	color:#FFFFFF;
	background-color:#0d6efd;
	border-radius:6px;
	margin: .25rem .125rem;
	float:right
}

.class_76{

	clear: both;
	
}

.class_77{

	min-width: 50px;
	margin: 0.5rem 0.5rem 0.5rem 0px;
	display: inline-block;
	width: 105px;
	
}

.class_78{

	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
	align-items: center;
	background-color: rgb(247, 247, 247);
	left: 1px;
	
}

@media (max-width: 600px) {
	.class_10 {
	  flex-direction: column; 
	  align-items: center;
	}
	
	.class_10 a {
	 display: none;
	}
  }