@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins&display=swap');


/*Algemeen*/
a { color: #df0127;}
body {	width:80%; 	clear:both;	margin-left:auto;	margin-right:auto;		background: #ffffff;	margin-top:0px; 	font-family:'Poppins', sans-serif;  font-size: 16px; }
div#container {    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);    border-radius: 20px;}
.inhoud {	padding: 0 20px 20px;		background-color: #fff;}
.inhoud h2 {margin-top:0px; padding-top:25px;}
.intro {    font-weight: bold;}
.left {   color: #fff;}
div#inhoud {  float: left;    border-width: 0 1px;    border-color: #d3cece;    border-style: solid;  padding: 0px 2%;}
h1 {margin-top:0px;    font-size: 55px;    margin: 0;    padding: 25px;	font-family: 'Open Sans', sans-serif;}
h2 { color: #000;  clear:both;   font-size: 30px; font-family: 'Open Sans', sans-serif; margin-bottom:0; } 
h3 { color: #000;     font-size: 27px; font-family: 'Open Sans', sans-serif; margin-bottom:0; } 
h4 { color: #000;     font-size: 25px; font-family: 'Open Sans', sans-serif; margin-bottom:0; } 
h5 { color: #000;     font-size: 22px; font-family: 'Open Sans', sans-serif; margin-bottom:0; } 
h6 { color: #000;     font-size: 20px; font-family: 'Open Sans', sans-serif; margin-bottom:0; } 
.klein {    font-size: 22px;}
.kleur {color: #df0127;}
.floatleft {    float: left;}
.floatright {    float: right;}
.ruimterechts {margin-right:22px;}
.aligncenterafbeelding {width:300px; margin-left:auto; margin-right:auto;}
form #website{ display:none; }

/*Header*/
header#kopWebpagina {    background-color: #df0127;	    border-radius: 8px 7px 0px 0px;  }
#sitetitle a { color:#fff; text-decoration: none;  margin-top:0px;    font-size: 55px;    margin: 0;   	}
#sitetitle {	 color:#fff;    margin-bottom:0;       margin: 0;    padding: 25px;	}
#site-slogan {    margin-left: 25px;    margin-top: 0;    padding-bottom: 20px;    margin-bottom: 0;}
header#kopWebpagina h2 {font-family: 'Poppins', sans-serif;	color: #fff; font-size: 22px;    margin-top: -15px;}
#header-nav {    background-color: #000;    padding: 10px;}
#header-nav-link a {    color: #fff;    padding: 0 26px;}


/*Kolommen*/
.tweekolom {        width: 47%;    float: left;    padding-right: 3%; }
.tweekolomlast {     float: left;    width: 50%;}

/*formulier*/
h2.formtitle {color:#df0127; font-size:30px;}
.contactformulier input {   font-size: 16px;  font-family: 'Poppins', sans-serif;   width: 98%;    padding: 9px 5px;    margin-top: 5px;    margin-bottom: 5px;}
.contactformulier textarea {   font-size: 16px;  font-family: 'Poppins', sans-serif;   width: 98%;    padding: 9px 5px;    margin-top: 5px;    margin-bottom: 5px;}
.contactformulier button { cursor: pointer;font-size: 16px;   width: 100%;    padding: 13px 5px;    margin-top: 5px;    margin-bottom: 5px;    background-color: #df0127;    color: #fff;    font-family: 'Poppins', sans-serif;    border: none;}


/*Reviews*/
.reviewschrijver {    font-style: italic;    font-weight: bold;}

/*footer*/
footer#voetWebpagina a {color:#fff;}
#voetWebpagina {   float: left;    width: 100%;     background-color: #df0127;        text-align: center; }

/*responsive */

@media screen and (max-width: 1500px) { 
body {    width: 90%;}
}

@media screen and (max-width: 800px) { 
h1 {font-size: 38px;}
header#kopWebpagina h2 {font-size: 17px;}
body {    width: 95%;}
h2 {font-size: 25px;}
.afbeeldingresp {width:100%;}
div#inhoud {    padding: 0px 15px;}
.tweekolom {    width: 100%;}
.tweekolomlast  {     margin-bottom: 22px;   width: 100%;}
}

@media screen and (max-width: 600px) { 
#sitetitle a {    font-size: 36px;}
header#kopWebpagina h2 {    font-size: 16px;}
img.afbeeldingmobiel {    margin-left: auto;    margin-right: auto;    display: block;}
}