section {
  padding: 25px 0 35px;
  background: #fff;
}

.parallax-container {
  height: 500px;
  width: 100%;
}

pre {
  overflow: auto;
}

pre code {
  word-wrap: normal;
  white-space: pre;
}

footer {
  background: #444444;
  /* color: #dddddd; */
  color: #eeeeee;
  padding: 30px 0 30px;
  /* text-align: center; */
}

footer a {
  color: #dddddd;
  text-decoration: none;
}

footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}



/* ---------------- ACCORDION ---------------- */
p.accordions																		{ padding:0.1em; }

.accordion																			{ 
																									background-color: #ff8d00; color:#ffffff; cursor: pointer; padding: 18px; width: 100%; 
																									border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-size:1em;
																								}

.active, .accordion:hover												{ background-color: #3183b5; }
.accordion:after																{ content: '\002B'; color: #ffffff; float: right; margin-left: 5px; font-size:2em; }
.active:after																		{ content: "\2212"; color: #ffffff; font-size:2em;
																									/* content: "\2212" URL("https://development.lernortlabor.de/images/LeLa_Logo.gif"); */
																								}
.panel																					{ padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border:solid 1px #eeeeee; }
.accordionWhite																	{	background-color: #ffffff; color:#ff8d00; border-bottom:solid 1px #cccccc; }
.accordionWhite:hover														{ background-color: #ffffff; opacity:0.5; }
.accordionWhite:after														{ color: #ff8d00; }