/* ---------------------------------------- Allgemeine Informationen ------------------------------------------------ */
@font-face {
  font-family: "MarkWebPro-Bold W01 Regular";
  src: url("../fonts/1466000/021bca8a-04d2-4658-9598-7f54e37255a3.eot?#iefix");
  src: url("../fonts/1466000/021bca8a-04d2-4658-9598-7f54e37255a3.eot?#iefix") format("eot"), url("../fonts/1466000/911d53bf-61c5-453a-ba54-6c6b12e432d8.woff2") format("woff2"), url("../fonts/1466000/9069c8de-de1f-4c7e-b81f-dee8057e98f8.woff") format("woff"), url("../fonts/1466000/dafbeddd-575a-4f74-b362-b0a940ee73e4.ttf") format("truetype"); }
@font-face {
  font-family: "MarkWebPro-Medium W01 Regular";
  src: url("../fonts/1466052/32a550c1-2bd0-41e2-ba81-dc666b15df72.eot?#iefix");
  src: url("../fonts/1466052/32a550c1-2bd0-41e2-ba81-dc666b15df72.eot?#iefix") format("eot"), url("../fonts/1466052/0dc0af66-6f8b-4e8d-b349-c1ecd4502ff0.woff2") format("woff2"), url("../fonts/1466052/374b5f1e-ca5f-4ed8-b876-045f2b8387de.woff") format("woff"), url("../fonts/1466052/b0678d8f-c1b3-42e1-b35a-712675f9048b.ttf") format("truetype"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  padding: 0px;
  margin: 0px;
  color: white;
  font-family: "MarkWebPro-Medium W01 Regular", Verdana;
  font-size: 1em; }

.container {
  /*border: 1px solid blue;*/
  margin: auto; }

.clearer {
  clear: both; }

h1, h2 {
  font-size: 2em; }

/* ---------------------------------------- Navigation -------------------------------------------------------------- */
nav {
  background: white; }

.main_navigation {
  background: black;
  min-height: 120px;
  padding-top: 22px;
  padding-bottom: 20px; }

.homelink {
  display: block;
  background: url(../images/sprites.svg) no-repeat;
  text-indent: -9999px;
  background-size: 1000px 1000px;
    width: 312px;
    height: 178px; 
  margin: 0px auto 0px auto; 
  }

.menu {
  position: fixed;
  width: 25%;
  height: 100%;
  background: orange;
  z-index: 4;
  left: -25%;
  top: 0px;
  margin: 0px;
  padding: 0px;
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease; }

.menu.visible {
  left: auto; }

/* ---------------------------------------- Header ------------------------------------------------------------------ */
header {
  padding-top: 20px;
  background: white; }

.flex-caption {
  position: absolute;
  top: 40%;
  width: 92vw;
  text-align: center;
  font-size: 0.7em;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68); }

.flexslider img {
	width: 100%;
	height: auto;
}

main {
  background: white; }

.headerimage img {
  width: 100%;
  height: auto; }

.headerimage {
  line-height: 0em;
  padding-bottom: 20px; }

/* ---------------------------------------- Teaserbox --------------------------------------------------------------- */
.teaserbox {
  line-height: 0em; }

.teaserbox a {
  display: block;
  margin-top: 20px;
  position: relative; }

.teaserbox a p {
  position: absolute;
  bottom: 0%;
  line-height: 1.5em;
  background: black;
  width: 70%;
  display: inline-block;
  left: 15%;
  text-align: center;
  color: white;
  padding: 0.5em;
  font-size: 1em; }

.teaserbox a img {
  width: 100%;
  height: auto; }

/* ---------------------------------------- Main Textbox ------------------------------------------------------------ */
.maintextbox {
  background: black;
  padding: 1em 2em 1em 2em; }

.textcontainer {
  max-width: 800px;
  margin: auto; }

.textcontainer a {
	color: white;
}

/* ---------------------------------------- Footer ------------------------------------------------------------------ */
footer {
  padding-top: 20px;
  background: white; }

.footer {
  background: black;
  min-height: 400px;
  padding-top: 1em; }

.footer ul {
  list-style-type: none; }

.footer a {
  color: white;
  text-decoration: none; }

@media (min-width: 500px) {
  /* +++++++++++++ MIN WIDTH 500 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  body {
    background: black; }

  .flex-caption {
    font-size: 1.2em;
    width: 95vw; }

  .teaserbox a {
    float: left;
    width: 32.5%; }

  .teaserbox a:nth-child(2) {
    margin-left: 1.25%;
    margin-right: 1.25%; }

  .no-touchevents nav {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 3; }

  .no-touchevents header.start {
    position: fixed;
    width: 100%;
    top: 0px;
    margin-top: 120px;
    z-index: 1;
    margin-top: 120px; }

  .no-touchevents main.teaser {
    margin-top: 65%;
    position: relative;
    z-index: 2; }

  footer {
    position: relative;
    z-index: 2; }

  main.teaser {
    padding-top: 20px; }

  .teaserbox a {
    margin-top: 0px; }

  .no-touchevents .headerimage {
    margin-top: 120px; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 550px) {
  /* +++++++++++++ MIN WIDTH 550 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 62%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 625px) {
  /* +++++++++++++ MIN WIDTH 625 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 60%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 680px) {
  /* +++++++++++++ MIN WIDTH 680 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 58%; }

  .teaserbox a p {
    width: 60%;
    left: 20%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 760px) {
  /* +++++++++++++ MIN WIDTH 760 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 56%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 860px) {
  /* +++++++++++++ MIN WIDTH 860 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 54%; }

  .maintextbox {
    background: black;
    padding: 1em 15% 1em 15%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 980px) {
  /* +++++++++++++ MIN WIDTH 980 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 52.5%; }

  .flex-caption {
    font-size: 2em;
    width: 97.5vw;
    letter-spacing: 0.15em; }

  .teaserbox a p {
    width: 50%;
    left: 25%;
    font-size: 1.4em; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1100px) {
  /* +++++++++++++ MIN WIDTH 1100 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 51.5%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1190px) {
  /* +++++++++++++ MIN WIDTH 1190 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 50.5%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1300px) {
  /* +++++++++++++ MIN WIDTH 1300 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 49.5%; }

  .teaserbox a p {
    width: 40%;
    left: 30%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1400px) {
  /* +++++++++++++ MIN WIDTH 1400 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 46%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1600px) {
  /* +++++++++++++ MIN WIDTH 1600 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .flex-caption {
    font-size: 2.5em;
    width: 98.5vw; }

  .homelink {
    background-size: 800px 800px;
    width: 256px;
    height: 104px; }

  .no-touchevents header.start {
    margin-top: 145px; }

  .no-touchevents header.subpage {
    padding-top: 45px; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 2000px) {
  /* +++++++++++++ MIN WIDTH 2000 PX ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .no-touchevents main.teaser {
    margin-top: 45%; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */