body {
  background-image: url(../images/backgrounds/diffuse-back.png);
  margin-top:0;
  margin-bottom:0;
  height: auto;
  width: auto;
}
}
h1 {
  color: blue;
}
p {

}

/* Everything from here is for the main menu on top of the page */

.topnav a::after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  height: 0.16vw;
  width: 0;
  top: 5px;
  background: transparent;
  transition: all 0.3s;
  
}

.topnav a:hover::after, a.active-nav::after {
  width: 100%;
  background: #5c9a85;
}

.main-menu {								/* General things like margins etc... */
    padding-top: 2px;
    padding-bottom: 0px;
	padding-left: 10px;
	height: auto;
    width: auto;
}
.topnav { 									/* Add a black background color to the top navigation */
    overflow: hidden;
}
.topnav a {									/* Style the links inside the navigation bar */
  float: left;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  padding: 14px 20px;
  padding: 1.8vw 1.5vw;
  text-decoration: none;
  font-size: 17px;
  font-size: 1.2vw;
  font-weight: 600;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  display: inline-block;
  position: relative;
}
.topnav a:hover {							/* Change the color of links on hover */
  /*background-color: #ddd;*/
  /*color: black;*/
}
.topnav a.active {							/* Add a color to the active/current link */
  /*background-color: #04AA6D;*/
  color: white;
}
.topnav-right {								/* Right-aligned section inside the top navigation */
  float: right;
  margin-top: 19px;
  margin-top: 1vw;
}
.topnav-left {								/* Right-aligned section inside the top navigation */
  float: left;
  margin-top: 19px;
  margin-top: 0.1vw;
}
.menu-logo {								/* Sizing of the logo in the menu */
  height:80px;
  height:7vw;  
}

.dropdown .dropbtn {
  background-color: transparent;
  border: none;
  outline: none;
  color: white;
  padding: 14px 20px;
  padding: 1.8vw 1.5vw;
  font-size: 17px;
  font-size: 1.2vw;
  font-weight: 600;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  
  
}
.dropdown {									/* The container <div> - needed to position the dropdown content */
  /*position: relative;
  display: inline-block;*/
    float: left;
  overflow: hidden;
  font-size: 17px;
  font-size: 1.2vw;
  font-weight: 600;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.dropdown-content {							/* Dropdown Content (Hidden by Default) */
  display: none;
  position: absolute;
  background-color: transparent;
  /*min-width: 160px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
}
.dropdown-content a {						/* Links inside the dropdown */
  color: white;
  /*padding: 12px 16px;*/
  /*text-decoration: none;*/
  /*display: block;*/
  float: none;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;  
  
  
  
  
}






.dropdown-content a:hover {background-color: transparent;}	/* Change color of dropdown links on hover */
.dropdown:hover .dropdown-content {display: block;} /* Show the dropdown menu on hover */
.dropdown:hover .dropbtn {background-color: transparent;} /* Change the background color of the dropdown button when the dropdown content is shown */




/* Everything from here is for the sliding images */

.slide-img {
  border-radius: 8px;
  border: 2px solid #000;
  max-width: 100%;
  height: auto;	
}

.article-img {
  border-radius: 8px;
  border: 2px solid #000;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: 80%;	
}

.behandeling-img {
  border-radius: 8px;
  border: 2px solid #000;
  display: block;
  width: 100%;	
}

.behandeling-img-column-3 {
  float: left;
  width: 32%;
  padding: 5px;
}


.behandeling-img-row {
  padding: 42px;
  padding-bottom: 1px;
  padding-top: 1px;
}

.behandeling-img-row::after {
  content: "";
  clear: both;
  display: table;
}

.welcome {
  color: #ffffff;	
  background: #262626;
  font-size: 20px;
  margin-top: 15px;
  margin-left: 50px;
  margin-right: 50px;
}
.welcome-title {
  font-size: 35px;
  font-size: 3vw;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-weight: 700;
}
.welcome-text {
  font-size: 14px;
  font-size: 1.5vw;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
}

.article {
  color: #ffffff;	
  background: #262626;
  font-size: 20px;
  margin-top: 15px;
  margin-left: 70px;
  margin-right: 70px;
}

.article-title {
  font-size: 45px;
  font-size: 4vw;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-weight: 700;
  padding: 18px 42px;
  padding: 1.5vw 3.5vw;
}
.article-text {
  font-size: 14px;
  font-size: 1.5vw;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  padding: 18px 42px;
  padding: 1.5vw 3.5vw;
  font-weight: 550;
  text-align: justify;
  text-justify: inter-word;
}

#contactform {
display: none;
  color: #ffffff;	
  background: #262626;
  font-size: 20px;
  margin-top: 15px;
  margin-left: 70px;
  margin-right: 70px;
}

.inputcontactform[type="text"]{
  cursor: pointer;
  background: transparent;
  color: #ffffff;
  font-size: 20px;
  margin-left: 25px;
  border-style: none;
  outline: none;
}


.inputcontactform:focus + div#contactform {
  display: block;
}