/* DEEL TITEL */

#deel_titel {
	height: 350rem;
}

#titel_home {
	top: 50rem;
	left: 50rem;
	height: 80rem;
}

#titel_kalendar {
	top: 50rem;
	left: 150rem;
	height: 80rem;
}

#titel_tekst {
	top: 40rem;
	left: 50%;
	font: 50rem/1 "Titel", sans-serif;
}

#titel_datum {
	top: 100rem;
	left: 50%;
	font: bold 50rem/1 "Titel", sans-serif;
}

#titel_tijd {
	top: 180rem;
	left: 50%;
	font: bold 35rem/1 "Kop", sans-serif;
	color: #eff;
}

#titel_locatie {
	top: 230rem;
	left: 50%;
	font: italic 35rem/1 "Normaal", sans-serif;
	color: #eff;
}

#titel_plek {
	top: 300rem;
	left: 50%;
	font: bold 35rem/1 "Normaal", sans-serif;
	color: #cfc;
	
	&.geweest {
		color: #baa;
	}
	&.vol {
		color: #f88;
	}
}

/* DEEL INSCHRIJF */

#deel_inschrijf {
	height: 2030rem;
}

#inschrijf_lijn {
	position: absolute;
	top: -16rem;
	left: 0;
	width: 100%;
	height: 4rem;
	background-color: #c64;
}

#inschrijf_titel {
	left: 50%;
	top: 30rem;
	font: 50rem/1 "Kop", sans-serif;
	color: #fda;
}

#inschrijf_naamtekst {
	left: calc(45% - 130rem);
	top: 100rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_naam {
	left: calc(55% + 130rem);
	top: 100rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_telefoontekst {
	left: calc(45% - 140rem);
	top: 180rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_telefoon {
	left: calc(55% + 130rem);
	top: 180rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_emailtekst {
	left: calc(45% - 70rem);
	top: 260rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_email {
	left: calc(55% + 130rem);
	top: 260rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_straattekst {
	left: calc(40% - 150rem);
	top: 330rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_straat {
	left: calc(40% - 150rem);
	top: 380rem;
	font: 30rem/1 "Normaal", sans-serif;
	width: 300rem;
	text-align: right;
}

#inschrijf_huisnrtekst {
	left: calc(50%);
	top: 330rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_huisnr {
	left: calc(50%);
	top: 380rem;
	font: 30rem/1 "Normaal", sans-serif;
	width: 80rem;
}

#inschrijf_plaatstekst {
	left: calc(60% + 160rem);
	top: 330rem;
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_plaats {
	left: calc(60% + 160rem);
	top: 380rem;
	font: 30rem/1 "Normaal", sans-serif;
	width: 270rem;
}

/* foto's */

#inschrijf_fototekst1 {
	left: 50%;
	top: 480rem;
	font: bold 40rem/1 "Normaal", sans-serif;
	color: #def;
}

#inschrijf_fototekst2 {
	left: 50%;
	top: 540rem;
	font: 25rem/1 "Normaal", sans-serif;
	color: #ddd;
}

#inschrijf_linksvoortekst, #inschrijf_rechtsvoortekst, #inschrijf_linksachtertekst, #inschrijf_rechtsachtertekst, #inschrijf_boventekst {
	font: 30rem/1 "Normaal", sans-serif;
}

#inschrijf_linksvoortekst {
	left: 25%;
	top: 610rem;
}

#inschrijf_rechtsvoortekst {
	left: 75%;
	top: 610rem;
}

#inschrijf_linksachtertekst {
	left: 25%;
	top: 1010rem;
}

#inschrijf_rechtsachtertekst {
	left: 75%;
	top: 1010rem;
}

#inschrijf_boventekst {
	left: 50%;
	top: 1410rem;
}


#inschrijf_linksvoor, #inschrijf_rechtsvoor, #inschrijf_linksachter, #inschrijf_rechtsachter, #inschrijf_boven {
	height: 300rem;
	object-fit: contain;
	width: 48%;
	cursor: pointer;
	
	@media (hover: hover) {&:hover {
		filter: brightness(80%);
	}}
}

#inschrijf_linksvoor {
	left: 25%;
	top: 780rem;
}

#inschrijf_rechtsvoor {
	left: 75%;
	top: 780rem;
}

#inschrijf_linksachter {
	left: 25%;
	top: 1180rem;
}

#inschrijf_rechtsachter {
	left: 75%;
	top: 1180rem;
}

#inschrijf_boven {
	left: 50%;
	top: 1580rem;
	width: 90%;
}


#inschrijf_knop {
	left: 50%;
	top: 1820rem;
	font: 50rem/1 "Kop", sans-serif;
}

#inschrijf_info {
	transform: translate(-50%, 0);
	left: 50%;
	top: 1880rem;
	font: 30rem/1 "Normaal", sans-serif;
}


/* DEEL INGESCHREVEN */

#deel_ingeschreven {
	height: 800rem;
}

#ingeschreven_titel {
	top: 100rem;
	left: 50%;
	font: bold 50rem/1 "Kop", sans-serif;
	color: #afa;
}

#ingeschreven_uitleg {
	top: 200rem;
	left: 50%;
	font: 30rem/1 "Normaal", sans-serif;
}

#ingeschreven_hoofdmenu {
	top: 290rem;
	left: 50%;
	font: 30rem/1 "Normaal", sans-serif;
}

#ingeschreven_bloem {
	height: 400rem;
	top: 550rem;
	left: 50%;
}