@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
  min-width: none;
  min-height: nonepx;
  background-color: #2a507d;
  font-family: 'Open Sans';
  font-size: 0.938em;
  font-weight: 300;
  line-height: 1.38;
  color: rgb(255, 255, 255);
  -webkit-transform: none;
  -webkit-transition: none;
  -webkit-filter: none;
}

.starttextcontainer p,
.textinhalt-1 p,
.textinhalt-11 p,
.textinhalt-13 p,
.textinhalt-6 p,
.textinhalt-7 p,
.textinhalt-8 p,
.textinhalt-9 p {
  margin-bottom: 1em;
}

.contextbutton {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 78;
  height: 100px;
  overflow: hidden;
  -webkit-transition: 0.3s;
}

.contextbuttonline {
  position: absolute;
  left: 0;
  right: 0;
  width: 79.98046875%;
  height: 6px;
  margin-right: auto;
  margin-left: auto;
  background-color: #2a507d;
}

.drittel {
  float: left;
  width: 33%;
}

.drittel .inhaltcontainer,
.inhaltcontainer-2,
.inhaltcontainer-6 {
  width: 75%;
}

.drittel .textinhalt {
  width: 100%;
}

.drittelcontainer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}

.footer {
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 100%;
  height: 75px;
  background-color: rgb(29, 56, 87);
}

.footer .textinhalt {
  margin-top: 25px;
  font-size: 1.133em;
  text-align: center;
}

.haelfte {
  float: left;
  width: 50%;
  padding-top: 10px;
}

.haelfte .inhaltcontainer {
  width: 49.5%;
}

.haelfte .textinhalt {
  width: 100%;
}

.haelftecontainer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}

.handynummer,
.mailaddresse {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  font-size: 1.667em;
  font-weight: 700;
  text-align: center;
  color: #2a507d;
}

.handynummer:hover,
.mailaddresse:hover {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: rgb(42, 97, 161);
}

.hauptcontainer {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 60px;
  padding-left: 10px;
  background-image: -webkit-linear-gradient(45deg, rgb(29, 56, 87) 0%, rgb(53, 121, 201) 100%);
  background-color: #2a507d;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 74;
  width: 99.9991861979%;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  background-color: #ffffff;
  box-shadow: 0 0 50px rgba(54, 54, 54, 0.15) inset, 0 0 10px 5px rgba(0, 0, 0, .5);
  -webkit-transition: 0.5s;
}

.header:hover {
  box-shadow: 0 0 50px rgba(54, 54, 54, 0.15) inset, 0 0 10px 5px rgba(0, 0, 0, .5);
}

.headline {
  display: block;
  float: left;
  margin-top: 18px;
  margin-left: 55px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  color: #2a507d;
  word-wrap: break-word;
  -webkit-transition: 0.5s;
}

.image {
  display: block;
  float: left;
  width: 256px;
  height: auto;
  border-top-left-radius: 128px;
  border-top-right-radius: 128px;
  border-bottom-right-radius: 128px;
  border-bottom-left-radius: 128px;
  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, .5);
  overflow: hidden;
}

.inhaltcontainer {
  margin-right: auto;
  margin-left: auto;
}

.inhaltcontainer .textinhalt {
  padding-top: 10px;
  font-size: 1em;
}

.mailbutton {
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-color: rgb(222, 222, 222);
  border-right-color: rgb(222, 222, 222);
  border-bottom-color: rgb(222, 222, 222);
  border-left-color: rgb(222, 222, 222);
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: rgb(222, 222, 222);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
  -webkit-transition: 0.3s;
}

.mailbutton:hover {
  border-top-color: rgb(53, 121, 201);
  border-right-color: rgb(53, 121, 201);
  border-bottom-color: rgb(53, 121, 201);
  border-left-color: rgb(53, 121, 201);
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, .5);
}

.menubar {
  position: relative;
  float: right;
  width: 810px;
  margin-top: 21px;
  margin-right: 40px;
  overflow: hidden;
  -webkit-transition: 0.5s;
}

.menuitem {
  display: block;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  font-size: 1.667em;
  font-weight: 700;
  color: #2a507d;
  -webkit-transition: 0.5s;
}

.headline:hover,
.menuitem:hover {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #2a61a1;
}

.starttext {
  float: right;
  margin-top: 42px;
  font-size: 1.133em;
  color: rgb(255, 255, 255);
}

.starttextcontainer {
  width: 60%;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
}

.textinhalt {
  margin-right: auto;
  margin-left: auto;
  color: rgb(255, 255, 255);
}

.ueberschrift {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 120px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  font-size: 2em;
  font-weight: 600;
  text-align: center;
  color: rgb(255, 255, 255);
}

.unterueberschrift {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  font-style: italic;
  font-size: 1.333em;
  font-weight: 400;
  text-align: center;
  color: rgb(255, 255, 255);
}

.contextbuttonline-1 {
  top: 35px;
  z-index: 77;
}

.contextbuttonline-2 {
  top: 47px;
  z-index: 76;
}

.contextbuttonline-3 {
  top: 59px;
  z-index: 75;
}

.hauptcontainer-1 {
  z-index: 65;
}

.hauptcontainer-2 {
  clear: both;
  z-index: 61;
}

.hauptcontainer-3 {
  clear: both;
  z-index: 56;
}

.hauptcontainer-4 {
  clear: both;
  z-index: 40;
}

.hauptcontainer-5 {
  clear: both;
  z-index: 14;
}

.hauptcontainer-6 {
  clear: both;
  z-index: 10;
}

.inhaltcontainer-1 {
  width: 51%;
}

.inhaltcontainer-12 {
  width: 50%;
}

.inhaltcontainer-13 {
  width: 450px;
}

.mailbutton-1 {
  margin-top: 15px;
}

.mailbutton-2 {
  margin-top: 20px;
}

.textinhalt-10,
.textinhalt-2,
.textinhalt-3,
.textinhalt-4 {
  text-align: justify;
}

.textinhalt-1,
.textinhalt-11,
.textinhalt-12 {
  width: 100%;
  text-align: justify;
}

.textinhalt-13 {
  width: 290px;
  margin-top: 82px;
}

.textinhalt-5 {
  width: 100%;
  text-align: center;
}

.textinhalt-8 {
  min-height: 365px;
}

.ueberschrift-3 {
  min-height: 50px;
  margin-top: -120px;
}

.ueberschrift-1,
.ueberschrift-2,
.ueberschrift-4 {
  margin-top: -120px;
}

.ueberschrift-5 {
  margin-top: -80px;
}

.unterueberschrift-2,
.unterueberschrift-3,
.unterueberschrift-4 {
  min-height: 64px;
}

.starttext a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: italic;
  font-size: 1.294em;
  font-weight: 600;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.starttext span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: 0.824em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.textinhalt a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.textinhalt a:hover {
  text-decoration: underline;
}

@media(max-width: 1450px) {
  .mailbutton-2:hover {
    box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, .5);
  }

  .handynummer:hover {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  }

  .contextbutton {
    height: 55px;
  }

  .contextbutton .contextbuttonline {
    left: 0;
    right: 0;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: 0.3s;
  }

  .drittel .inhaltcontainer {
    width: 100%;
  }

  .drittelcontainer .drittel {
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer {
    position: relative;
    z-index: 1;
  }

  .haelfte .inhaltcontainer {
    width: 66%;
  }

  .hauptcontainer {
    position: relative;
  }

  .hauptcontainer .starttextcontainer {
    width: 680px;
    margin-top: 100px;
  }

  .header {
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .header:hover {
    box-shadow: 0 0 50px rgba(54, 54, 54, 0.15) inset, 0 0 10px 5px rgba(0, 0, 0, .5);
  }

  .header .headline {
    margin-top: 10px;
    margin-left: 20px;
  }

  .header .menubar {
    position: static;
    width: 675px;
    margin-top: 17px;
    margin-right: 0;
  }

  .inhaltcontainer .ueberschrift {
    padding-top: 110px;
  }

  .menubar .menuitem {
    font-size: 1.333em;
  }

  .starttextcontainer .image {
    height: auto;
  }

  .starttextcontainer .starttext {
    float: left;
    max-width: 415px;
    margin-top: 0;
    margin-left: 5px;
  }

  .contextbutton .contextbuttonline-1 {
    top: 12px;
  }

  .contextbutton .contextbuttonline-2 {
    top: 24px;
  }

  .contextbutton .contextbuttonline-3 {
    top: 36px;
  }

  .drittelcontainer .drittel-6 {
    float: right;
  }

  .haelftecontainer .haelfte-2 {
    float: right;
  }

  .hauptcontainer .inhaltcontainer-1,
  .hauptcontainer .inhaltcontainer-12 {
    width: 75%;
  }

  .hauptcontainer-1 {
    z-index: 65;
    padding-bottom: 50px;
  }

  .hauptcontainer-2 {
    z-index: 61;
  }

  .hauptcontainer-3 {
    z-index: 56;
  }

  .hauptcontainer-4 {
    z-index: 40;
    width: 99.9989224137%;
  }

  .hauptcontainer-5 {
    z-index: 14;
  }

  .hauptcontainer-6 {
    z-index: 10;
  }

  .inhaltcontainer .textinhalt-13 {
    margin-top: 15px;
  }

  .inhaltcontainer .ueberschrift-1,
  .inhaltcontainer .ueberschrift-2,
  .inhaltcontainer .ueberschrift-3,
  .inhaltcontainer .ueberschrift-4 {
    margin-top: -110px;
  }
}

@media(max-width: 700px) {
  .mailbutton-2:hover {
    box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, .5);
  }

  .handynummer:hover {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  }

  body {
    font-size: 0.938em;
  }

  .contextbutton {
    width: 40px;
    height: 45px;
  }

  .contextbutton .contextbuttonline {
    left: 0;
    right: 0;
    height: 4px;
    margin-right: auto;
    margin-left: auto;
  }

  .drittelcontainer .drittel {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .footer {
    position: relative;
    z-index: 1;
  }

  .haelfte .inhaltcontainer,
  .hauptcontainer .inhaltcontainer-6 {
    width: 100%;
  }

  .haelftecontainer .haelfte {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .hauptcontainer {
    position: relative;
  }

  .hauptcontainer .haelftecontainer {
    padding-top: 0;
  }

  .hauptcontainer .starttextcontainer {
    width: 100%;
    min-width: 0;
    margin-top: 20px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .header {
    left: 0;
    right: 0;
    min-width: 275px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .header:hover {
    box-shadow: 0 0 50px rgba(54, 54, 54, 0.15) inset, 0 0 10px 5px rgba(0, 0, 0, .5);
  }

  .header .headline {
    width: 85%;
    margin-top: 5px;
    margin-left: 2%;
    font-size: 1.467em;
  }

  .header .menubar {
    float: left;
    clear: both;
    width: 100%;
    height: 0;
    margin-top: 5px;
  }

  .inhaltcontainer .mailbutton {
    width: 90%;
    max-width: 400px;
  }

  .inhaltcontainer .ueberschrift {
    padding-top: 80px;
  }

  .menubar .menuitem {
    width: 100%;
    padding-left: 25px;
  }

  .starttextcontainer .image {
    float: none;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .starttextcontainer .starttext {
    float: none;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .contextbutton .contextbuttonline-1 {
    top: 10px;
  }

  .contextbutton .contextbuttonline-2 {
    top: 20px;
  }

  .contextbutton .contextbuttonline-3 {
    top: 30px;
  }

  .drittelcontainer .drittel-2,
  .drittelcontainer .drittel-3 {
    padding-right: 0;
    padding-left: 0;
  }

  .drittelcontainer .drittel-4,
  .drittelcontainer .drittel-5,
  .drittelcontainer .drittel-6 {
    padding-top: 10px;
  }

  .hauptcontainer .drittelcontainer-2 {
    padding-top: 10px;
  }

  .hauptcontainer .inhaltcontainer-1 {
    width: 95%;
    min-width: 0;
  }

  .drittel .inhaltcontainer-4,
  .drittel .inhaltcontainer-5,
  .hauptcontainer .inhaltcontainer-12 {
    width: 95%;
  }

  .hauptcontainer .inhaltcontainer-13 {
    width: 95%;
    max-width: 450px;
  }

  .hauptcontainer-1 {
    z-index: 65;
  }

  .hauptcontainer-2 {
    z-index: 61;
  }

  .hauptcontainer-3 {
    z-index: 56;
  }

  .hauptcontainer-4 {
    z-index: 40;
    width: 100%;
  }

  .hauptcontainer-5 {
    z-index: 14;
  }

  .hauptcontainer-6 {
    z-index: 10;
  }

  .inhaltcontainer .textinhalt-13 {
    width: 95%;
    max-width: 290px;
  }

  .inhaltcontainer .textinhalt-8,
  .inhaltcontainer .unterueberschrift-3,
  .inhaltcontainer .unterueberschrift-4 {
    min-height: 0;
  }

  .inhaltcontainer .ueberschrift-1,
  .inhaltcontainer .ueberschrift-2,
  .inhaltcontainer .ueberschrift-3,
  .inhaltcontainer .ueberschrift-4 {
    margin-top: -80px;
  }

  .menubar .menuitem-2,
  .menubar .menuitem-3,
  .menubar .menuitem-4 {
    clear: both;
  }

  .menubar .menuitem-5,
  .menubar .menuitem-6 {
    clear: both;
    border-top-style: none;
  }
}