@charset "utf-8";



.sidenav {
  height: 100%;
  width: 250px; 
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  border-right: solid;
  border-color: #03045E;
  overflow-x: hidden; 
}

@font-face{
	font-family:"Brutel";
	src: url("_source/Brutel-Medium.otf");
}

.sidenav a {
  padding: 20px 6px 20px 16px;
  text-decoration: none;
  font-size: 30px;
  font-family: "Brutel";
  color: #03045E;
  display: block;
  text-align: left;
  padding-left: 50px;
}

.sidenav a.active {
	text-decoration: underline;
}


.sidenav a:hover {
  color: white;
  background-color: #03045E;
}

.ContainerCursus1 {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	height: 700px;
	padding-bottom: 100px;
}

.ContainerCursus1 .card:nth-child(1) {
	grid-column-start: 3;
	grid-column-end: 6;
	padding: 0px;
} 

.ContainerCursus1 .card:nth-child(2) {
	grid-column-start: 7;
	grid-column-end: 10;
	padding-top: 200px; 
} 

.posterImage { 
    border-radius: 15px;
    height: 600px;
}

.overlay {
	position: absolute;
}

.posterImage:hover {
	transition: 0.5s;
	height: 650px;
	opacity: 0.25;
}

.reisverslagImage {
	Border-radius: 15px;
	height: 600px;
}

.reisverslagImage:hover {
	transition: 0.4s;
	height: 650px;
	opacity: 0.25;
}

@font-face{
	font-family:"Brutel Black";
	src: url("_source/Brutel-Black.otf");
}

.H2text {
	font-family:"Brutel Black";
	font-size: 75px;
	color: #03045E;
}

#cursus1Titel {
	grid-columm-start: 5;
	grid-column-end: 7;
}

.ContainerCursus2 {
	display: grid;
	grid-template-columns: repeat(12,1fr);
}

.ContainerCursus2 .card:nth-child(1) {
	grid-column-start:3;
	grid-column-end:6;
	padding-top: 200px;
} 

.ContainerCursus2 .card:nth-child(2) {
	grid-column-start:10;
	grid-column-end:12;
	} 

@font-face{
	font-family:"Brutel Black";
	src: url("_source/Brutel-Black.otf");
}

.H2text_2 {
	font-family:"Brutel Black";
	font-size: 75px;
	float: right;
	margin-right: 50px;
	color: #03045E;
}

.logotext {
	font-family: "Brutel Black";
	font-size: 75px;
	color: #03045E;
	line-height: 30px;
}

#cursus1Titel {
	grid-columm-start:5;
	grid-column-end:7;
}

.posterImage2 { 
    border-radius: 15px;
    height: 600px;
	margin-top: 200px;
	margin-right: -375px;
}

.reisverslagImage2 {
	Border-radius: 15px;
	height: 600px;
	margin-left: 75px;
}

.ContainerWiebenik {
	display: grid;
	grid-template-columns:repeat(12,1fr);
	height: 700px;
	padding-bottom: 100px;
}

.ContainerWiebenik .card:nth-child(1) {
	grid-column-start:3;
	grid-column-end:6;
	padding: 0px;
} 

.ContainerWiebenik .card:nth-child(2) {
	grid-column-start:9;
	grid-column-end:13;
	padding-top: 200px; 
} 

.Afbeeldingjip {
	Border: solid;
	border-radius: 15px;
	width: 400px;
	margin-left: 75px;
	border-color: darkblue;
}

@font-face{
	font-family:"Brutel";
	src: url("_source/Brutel-Medium.otf");
}

.TekstWiebenik { 
    font-family: "Brutel";
	font-size: 30px;
	width: 800px;
	line-height: 35px;
	color: #03045E;
	}

.Tekstposter {
	font-family: "Brutel";
	font-size: 30px;
	width: 800px;
	line-height: 35px;
	margin-top: 125px;
	color: #03045E;
}

.posteropenup { 
    border-radius: 15px;
    height: 600px;
	margin-top: -25px;
}

#Titelposter {
	width: 900px;
}

.ContainerContact {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	height: 700px;
	margin-top: -80px
}

.ContainerContact .card:nth-child(1) {
	grid-column-start:3;
	grid-column-end:12;
	padding: 0px;
} 



#Contact {
	width: 900px;
	text-align: center;
	margin-left: 250px;
}

.ContainerContact .card:nth-child(2) {
	grid-column-start:4;
	grid-column-end:12;
	margin-top: -200px;
	margin-left: 80px;
} 

.facebook {
 height: 150px;
}

.facebook:hover {
 opacity: 0.25;
}

.insta {
	height: 150px;
	margin-left: 100px;
}

.insta:hover {
 opacity: 0.25;
}

.Linkedin {
	height: 150px;
	margin-left: 100px;
}

.Linkedin:hover {
 opacity: 0.25;
}

.mail {
	height: 150px;
	margin-left: 100px;
}

.mail:hover {
 opacity: 0.25;
}