@font-face {
  font-family: 'tex';
  src: url("../font/texgyreadventor-regular-webfont.eot");
  src: url("../font/texgyreadventor-regular-webfont.eot?iefix") format("eot"), url("../font/texgyreadventor-regular-webfont.woff") format("woff"), url("../font/texgyreadventor-regular-webfont.ttf") format("truetype"), url("../font/texgyreadventor-regular-webfont.svg#webfont") format("svg"); }
body {
  font-family: 'tex', serif;
  font-size: 62.55%; }

a:link, a:visited {
  color: #9d9d9d;
  text-decoration: none; }

.section {
  margin: 20vh;
  border-bottom: 1px dashed black; }
  .section:last-child, .section:first-child {
    border-bottom: none; }
  .section p {
    white-space: pre-line;
    font-size: 1.6em;
    max-width: 800px;
    margin: 0 auto;
    padding: 2em 1em 4em 1em;
    line-height: 1.8em; }
  .simple .section p {
		padding-bottom: 10px;
		padding-top: 10px;
		line-height: 1.5em;
	}
  .section ul {
    max-width: 800px;
    margin: 0 auto;
    padding: 2em 1em 4em 1em;
    font-size: 1.6em; }
    .section ul li {
      line-height: 1.8em;
      margin-left: -1em; }
      .section ul li:before {
        content: "\002B";
        padding-right: 1em;
        color: #9d9d9d; }
   .simple .section ul {
	    padding-bottom: 20px;
    }
  .section h2 {
    white-space: pre-line;
    font-size: 3em;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 1em; }
  .section h3 {
    white-space: pre-line;
    font-size: 1.6em;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 1em;
    color: #9d9d9d; }
  .section i {
    font-size: 1.6em;
    margin-right: 1em; }
  .section .lehrer {
    width: 800px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: center; }
    .section .lehrer .item {
      font-size: 1.6em;
      line-height: 1.6em;
      margin: 2em;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      width: 20vw;
      -webkit-flex-flow: row wrap; }
      .section .lehrer .item img {
        width: 200px;
        height: 200px;
        display: block;
        border-radius: 50%; }

.start {
  min-height: 80vh !important;
  height: 90vh;
  margin: 0 !important;
  background: url(http://40.media.tumblr.com/82465651dac332445d546d23817c11be/tumblr_mtn2ykXA9e1sjwn14o1_r4_1280.jpg);
  background-size: cover;
  position: relative; }
  .start .wrapper {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 800px;
    max-height: 100%; }
    .start .wrapper .center {
      margin-top: 20em;
      width: 40vw;
      margin: 0 auto;
      margin-top: 100px; }
      .start .wrapper .center img {
        width: 40vw; }
    .start .wrapper h1 {
      position: absolute;
      margin: 0;
      color: white;
      font-size: 8em;
      text-align: center;
      text-shadow: 0 10px 20px black;
      transition: all .2s ease-in-out; }
      .start .wrapper h1:after {
        display: block;
        content: "\003E";
        -webkit-transform: rotate(90deg);
        /* Firefox */
        -moz-transform: rotate(90deg);
        /* IE */
        -ms-transform: rotate(90deg);
        /* Opera */
        -o-transform: rotate(90deg);
        font-size: 0.8em; }
      .start .wrapper h1:hover {
        transform: scale(1.1); }
  .start .navigation {
    position: absolute;
    bottom: 4em;
    color: white;
    margin: 0 auto;
    width: 800px;
    text-align: center;
    padding: 0; }
    .start .navigation a:link, .start .navigation a:visited {
      color: white; }
    .start .navigation li {
      display: inline;
      font-size: 1.6em;
      margin: 0 2em;
      border: 1px solid white;
      border-radius: 4px;
      padding: 0.5em; }
      .start .navigation li:before {
        content: "" !important;
        padding: 0; }
      .start .navigation li a:link, .start .navigation li a:visited {
        color: white; }

strong {
  font-weight: bold; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 800px) {
  body {
    width: 100vw;
    overflow-x: hidden; }

  .section {
    margin: 0; }
    .section h2, .section h3 {
      padding: 2em 1em 0 1em; }
    .section li {
      padding-left: 1em;
      margin-bottom: 0.5em; }

  .start {
    width: 100vw !important; }
    .start .navigation {
      font-size: 1em !important; }
      .start .navigation li {
        display: block;
        width: 75vw;
        margin-bottom: 0.5em; }

  .center {
    width: 75vw !important; }
    .center img {
      top: 4em !important;
      width: 75vw !important;
      position: absolute; }

  .navigation {
    font-size: 1em;
    width: 100vw !important; }

  .lehrer {
    display: block !important;
    width: 100%;
    margin: 0 auto; }
    .lehrer .item {
      display: block; } }

video {
	width: 100%; 
	height: auto;
}

/*# sourceMappingURL=style.css.map */