/* Stile für Webansicht */
@media (min-width: 768px) {
  /* Beispielstile für Webansicht */

	body {
	  font-family: Calibri Light;
	  /* background: rgb(0,50,50); */
	  /* background-color: #f5f5f5; */
	  background-color: #f5f5f5;
	  margin: 0;
	  padding: 0;
	  color: grey;
	}

	/* Header */
	header {
	  background-color: #333;/*#333;*/
	  padding: 20px;
	  padding-left: 120px;
	  color: #fff;
	}

	header h1 {
	  margin: 0;
	}

	header nav ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  text-align: right;
	}

	header nav ul li {
	  display: inline-block;
	  margin-left: 20px;
	}

	header nav ul li a {
	  color: #fff;
	  text-decoration: none;
	}

	/* Abschnitte */
	section {
	  padding: 50px;
	}
	}

	section h2 {
	  color: #333;
	}

	section ul {
	  list-style: none;
	  padding: 0;
	}

	section li {
	  margin-bottom: 20px;
	}

	section li h3 {
	  color: #333;
	}

	section li p {
	  color: #666;
	}

	/* Footer */
	footer {
	  background-color: #333;/*#333;*/
	  padding: 7px;
	  color: #fff;
	  text-align: center;
	  margin: 0;
	}

	/*SigmaNull Logo*/
	.image-Logo img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 10;
	  height: 10;
	}

	h4 {
	  font-family: Calibri Light;
	}
}

/* Stile für Mobilansicht */
@media (max-width: 767px) {
  /* Beispielstile für Mobilansicht */

  	body {
	  font-family: Calibri Light;
	  /* background: rgb(0,50,50); */
	  /* background-color: #f5f5f5; */
	  background-color: #f5f5f5;
	  margin: 0;
	  padding: 0;
	  color: grey;
	}

	/* Header */
	header {
	  background-color: #333;/*#333;*/
	  padding: 20px;
	  padding-left: 120px;
	  color: #fff;
	}

	header h1 {
	  margin: 0;
	}

	header nav ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  text-align: right;
	}

	header nav ul li {
	  display: inline-block;
	  margin-left: 20px;
	}

	header nav ul li a {
	  color: #fff;
	  text-decoration: none;
	}

	/* Abschnitte */
	section {
	  padding: 50px;
	}
	}

	section h2 {
	  color: #333;
	}

	section ul {
	  list-style: none;
	  padding: 0;
	}

	section li {
	  margin-bottom: 20px;
	}

	section li h3 {
	  color: #333;
	}

	section li p {
	  color: #666;
	}

	/* Footer */
	footer {
	  background-color: #333;/*#333;*/
	  padding: 7px;
	  color: #fff;
	  text-align: center;
	  margin: 0;
	}

	/*SigmaNull Logo*/
	.image-Logo img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 10;
	  height: 10;
	}

	h4 {
	  font-family: Calibri Light;
	}

}