html, body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  height: 100%;
/* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.nofloat {
  clear: both;
}

.small {
  font-size: 9px;
  text-align: center;
  line-height: 10px;
}

.pad2dd {
  padding: 0px 20px 50px 20px;
}

.pad2cc {
  padding: 0px 0px 0px 0px;
}

.pad2c {
  padding: 110px 20px 190px 20px;
}

.pad2d {
  padding: 180px 20px 110px 20px;
}

.pad {
  padding: 20px 20px 20px 20px;
}

.pad2 {
  padding: 50px 20px 50px 20px;
}

.pad2a {
  padding: 110px 20px 110px 20px;
}

.pad2aa {
  padding: 110px 100px 110px 100px;
}

.pad2aaa {
  padding: 110px 20px 110px 20px;
}

.pad2b {
  padding: 110px 90px 110px 90px;
}

.pad3 {
  padding: 0px 20px 0px 20px;
}

.pad4 {
  padding: 20px 0px 20px 20px;
}

.pad5 {
  padding: 90px 0px 20px 0px;
}

.pad6 {
  padding: 180px 20px 30px 20px;
}

.pad7 {
  padding: 250px 20px 170px 20px;
}

.pad-left {
  padding-left: 3%;
}

.pad-right {
  padding-right: 3%;
}

.pad-top-bottom {
  padding: 40px 0px 40px 0px;
}

.absolute {
  position: absolute!important;
  z-index: 11000;
}

.container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

.fixed {
  position: fixed;
  z-index: 15000;
}

.grid-wrapper {
  margin: 0 auto;
  width: 80%;
}

.grid-wrapper2 {
  margin: 0 auto;
  width: 60%;
}

.grid-wrapper3 {
  margin: 0 auto;
  width: 100%;
  padding-bottom: 0px;
}

.grid-1-1 {
  float: left;
  width: 100%;
}

.grid-1-2 {
  float: left;
  width: 50%;
}

.grid-2-2 {
  float: right;
  width: 50%;
}

.grid-1-3 {
  float: left;
  width: 33.33%;
}

.grid-2-3 {
  float: left;
  width: 33.33%;
}

.grid-3-3 {
  float: right;
  width: 33.33%;
}

.grid-1-4 {
  float: left;
  width: 25%;
}

.grid-2-4 {
  float: left;
  width: 25%;
}

.grid-3-4 {
  float: left;
  width: 25%;
}

.grid-4-4 {
  float: right;
  width: 25%;
}

.content-image-left {
  width: 45%;
  margin: 0% 30px 30px 0%;
  padding: 0;
}

.content-image-right {
  width: 45%;
  margin: 0% 0% 30px 30px;
  padding: 0;
}

h1 {
  font-family: 'Open Sans', verdana;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 44px;
  font-weight: 100;
  line-height: 55px;
  letter-spacing: -2px;
  margin: 0 0 25px 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

h1 b {
  font-weight: 300;
}

h2 {
  font-family: 'Open Sans', verdana;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 28px;
  font-weight: 100;
  line-height: 36px;
  letter-spacing: -1px;
  margin: 0px 0 20px 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

h2 b {
  text-transform: uppercase;
}

h3 {
  /*font-family: 'Open Sans', verdana;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -1px;
  margin: 0px 0 20px 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

h4 {
  font-family: 'Open Sans', verdana;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -1px;
  margin: 0px 0 20px 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

h5 {
  font-family: 'Open Sans', verdana;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1px;
  margin: 0px 0 20px 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

p {
  /*font-family: 'Open Sans', verdana;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  color: black;
  /*margin: 0 0 30px 0;*/
/*  text-align: left;*/
}

b, strong {
  font-weight: 600;
}

img {
  width: 100%;
}

a {
  font-family: 'Open Sans', verdana;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  color: black;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:hover {
  text-decoration: none;
  color: #7e7e7e;
}

li {
  font-family: 'Open Sans', verdana;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  /*color: black;*/
  margin: 0 0 20px 0;
  text-align: left;
}

.list-white ul, .list-white li {
  color: white;
  list-style-type: disc;
}

.list-white ul a, .list-white li a {
  text-decoration: none;
}

.list1 ul, .list1 li {
  list-style-type: disc;
}

.list1 ul a, .list1 li a {
  text-decoration: none;
}

.list2 ul, .list2 li {
  list-style-type: none;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  list-style-position: outside;
}

ul.list2 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.list3 ul, .list3 li {
  list-style-image: url(../../images/listimg.png);
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
}

.color {
  background-color: #7e7e7e;
}

.color h1, .color h2, .color h3, .color p, .color a {
  color: #fff;
}

.color2 {
  background-color: #a4a4a4;
}

.color2 h1, .color2 h2, .color2 h3, .color2 p, .color2 a {
  color: #fff;
}

.color3 {
  background-color: #c2c2c2;
}

.color3 h1, .color3 h2, .color3 h3, .color3 h2, .color3 p, .color3 a {
  color: #000;
}

.color4 {
  background-color: #e1e1e1;
}

.color4 h1, .color4 h2, .color4 h3, .color4 h2 b, .color4 p, .color4 a {
  color: #000;
}

.footer {
  background-color: grey;
  padding: 50px 0px 0px 0px;
}

.footer p {
  text-align: center;
  color: #fff;
}

.footer a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer a:hover {
  color: #d0d0d0;
}

.footer img {
  width: auto;
}

/* # # # # # # Responsive Settings # # # # # # # # # # # # # # # # # # # # # # # # */

@media screen and (max-width:1200px) {
 
  .grid-wrapper {
    margin: 0 auto;
    width: 100%;
  }

.grid-1-4, 
.grid-2-4, 
.grid-3-4, 
.grid-4-4 {
    float: left;
    width: 50%;
  }

  h1 {
    font-size: 33px;
    font-weight: 100;
    line-height: 44px;
    letter-spacing: -1px;
    margin: 0 0 44px 0;
  }

  p {
    font-size: 24px;
    line-height: 25px;
    color: black;
    margin: 0 0 30px 0;
  }

  .fixed {
    /*position: absolute!important;*/
    /*z-index: 15000;*/
  }
}

@media screen and (max-width:1000px) and (orientation:portrait) { 

  .grid-wrapper {
    margin: 0 auto;
    width: 100%;
  }

  h1 {
    font-size: 66px;
    font-weight: 100;
    line-height: 77px;
    letter-spacing: -2px;
    margin: 0 0 30px 0;
    text-align: center;
  }

  h2 {
    font-size: 54px;
    font-weight: 100;
    line-height: 66px;
    letter-spacing: -2px;
    margin: 0px 0 30px 0;
    text-align: center;
  }

  h3 {
    font-size: 42px;
    font-weight: 100;
    line-height: 48px;
    letter-spacing: -1px;
    margin: 0px 0 30px 0;
    text-align: center;
  }

  h4 {
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    letter-spacing: -1px;
    margin: 0px 0 30px 0;
    text-align: center;
  }

  h5 {
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    letter-spacing: -0.5px;
    margin: 0px 0 30px 0;
    text-align: center;
  }

  p {
    font-size: 33px;
    line-height: 44px;
    color: black;
    margin: 0 0 30px 0;
    text-align: center;
  }

  a {
    font-size: 33px;
    line-height: 44px;
    margin: 0 0 30px 0;
    text-align: center;
  }

  ul {
    margin: 0;
    padding: 0;
  }

  li {
    font-size: 33px;
    line-height: 44px;
    font-weight: 300;
    margin: 0 0 30px 0;
    text-align: center;
    list-style-position: inside!important;
  }

  .grid-1-1, 
  .grid-1-2,  
  .grid-2-2, 
  .grid-1-3, 
  .grid-2-3, 
  .grid-3-3, 
  .grid-1-4, 
  .grid-2-4, 
  .grid-3-4, 
  .grid-4-4 {
    float: left;
    width: 100%;
  }

  .content-image-left {
    width: 100%;
    padding: 0%;
    margin: 0% 0% 30px 0%;
  }

  .content-image-right {
    width: 100%;
    padding: 0%;
    margin: 0% 0% 30px 0%;
  }

  .pad-left {
    padding-left: 0%;
  }

  .pad-right {
    padding-right: 0%;
  }

  .fixed {
    position: relative;
    z-index: 15000;
  }
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}