<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'TheSans';
  src: url('/fonts/TheSansOffice5_.eot');
  src: local('â˜º'), url('/fonts/TheSansOffice5_.woff') format('woff'), url('/fonts/TheSansOffice5_.ttf') format('truetype'), url('/fonts/TheSansOffice5_.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TheSansLight';
  src: url('/fonts/thesans-b3-light.eot');
  src: local('â˜º'), url('/fonts/thesans-b3-light.woff') format('woff'), url('/fonts/thesans-b3-light.ttf') format('truetype'), url('/fonts/thesans-b3-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}
a img {
  border: none
}
a  {
  border: none
}
html {
  height: 100.1%
}
body {
  background-color: #fff;
  color: #555;
  padding: 0px;
  font: 1.2em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
  font-weight: 200;
}
a, a:visited {
  color: #00a9e0;
  text-decoration: none;
}
a:hover {
  color: #00a9e0;
  text-decoration: underline
}
h1 {
  color: #000000;
  font: normal 220%/120% 'TheSans', Verdana, 'Geneva, sans-serif';
  margin: 0 0 0.5em 0
}
h2 {
  color: #333333;
  font: normal 180%/140% 'TheSans', Verdana, 'Geneva, sans-serif';
  margin: 0em 0 0.5em 0
}
h3 {
  font: normal 110%/120% 'TheSans', Verdana, 'Geneva, sans-serif';
  margin: 0;
  color: #00a9e0
}
h4 {
  font: normal 120%/120% 'TheSans', Verdana, 'Geneva, sans-serif';
  margin: 0 0 1em 0
}
p {
  margin-bottom: 1.2em
}
strong {
  font-family: 'TheSans'
}
ul {
  margin: 0 0 2em 2.5em;
}
ul li {
  margin: 0 0 0.5em 0
}
@media only screen and (max-width: 1020px) {
  ul {
    margin: 0 0 2em 4em;
    width: 80%
  }
}
@media only screen and (max-width: 640px) {
  h2 {
    color: #333333;
    font: normal 150%/140% 'TheSans', Verdana, 'Geneva, sans-serif';
    margin: 0.1em 0 0.5em 0
  }
  ul {
    margin: 0 0 2em 1.4em;
    width: auto
  }
}
@media only screen and (max-width: 420px) {
  h1 {
    font: normal 200%/120% 'TheSans', Verdana, 'Geneva, sans-serif';
  }
}
sub {
  font-size: 0.7em;
  vertical-align: -2px
}
.green {
  color: #009a49
}
.grey {
  color: #4d4f53
}
.blue {
  color: #00a9e0
}
.grey {
  color: #444;
  font-family: 'TheSans'
}
.small {
  font-size: 90%
}
.weiss {
  color: #fff
}
a.weiss:hover {
  color: #fff
}
.grey-BG {
  background: #f3f3f3
}
/********************** HEADER ********************************/
.headerAround {
  width: 100%;
  height: 118px;
  position: fixed;
  top: 0;
  z-index: 1000;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
}
.headergreenAround {
  width: 100%;
  background-color: #009a49;
}
.headergreen {
  max-width: 980px;
  margin: 0 auto;
  font-size: 0.8em;
  color: #ffffff;
  padding: 6px 10px 6px 40px;
  text-align: right
}
.headergreen a, .headergreen a:visited {
  color: #ffffff;
}
.headergreen a:hover {
  color: #c9ead8;
  text-decoration: none
}
.header {
  max-width: 1080px;
  margin: 0 auto;
  height: 100px;
  position: relative;
  background-image: url(img/header_BG.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
.header img {
  width: 160px;
  margin: 18px 60% 24px 20px;
  float: left
}
.header a, .header a:visited {
  color: #009a49 !important;
}
.mobilicon {
  display: none
}
@media only screen and (max-width: 768px) {
  .mobilicon {
    display: inline;
    width: 44px;
    position: absolute;
    top: 0px;
    right: 35px;
  }
  .mobilicon img {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px;
  }
}
#nav {
  margin: 0px 0 0 10px;
  font: normal 100%/140% 'TheSans', Verdana, 'Geneva, sans-serif';
}
#nav a:link {
  display: block;
  float: left;
  padding: 8px 8px 8px 8px;
  margin-top: 25px;
  margin-right: 1%;
  color: #009a49;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 0px solid #fff;
  line-height: 100%;
  transition: border-bottom 0.3s ease-in, color 0.0s ease-in; /* IE */
  -webkit-transition: border-bottom 0.3s ease-in, color 0.0s ease-in; /* chrome &amp; safari */
  -moz-transition: border-bottom 0.3s ease-in, color 0.0s ease-in; /* FF */
}
#nav a:focus {
  text-decoration: none;
  border-bottom: 5px solid #009a49;
  padding: 8px 8px 8px 8px;
}
#nav a:visited {
  text-decoration: none;
  border-bottom: 5px solid #009a49;
  padding: 8px 8px 8px 8px;
}
#nav a:hover {
  text-decoration: none;
  border-bottom: 5px solid #009a49;
  padding: 8px 8px 8px 8px;
}
.tel {
  border-bottom: 0px solid #ffffff !important;
}
#nav a:active {
  text-decoration: none;
  border-bottom: 5px solid #000;
  padding: 8px 8px 8px 8px;
}
.nav-top {
  max-width: 1120px;
  margin: 0 auto;
  text-align: right;
  padding: 10px 10px 0px 0px
}
@media only screen and (max-width: 1024px) {
  #nav a {
    font-size: 0.8em;
    padding: 14px 8px 13px 8px;
    margin-right: 1%;
  }
  #nav a:hover {}
  .header img {
    margin: 18px 25% 24px 20px;
    float: left
  }
}
@media only screen and (max-width: 768px) {
  #nav {
    display: none
  }
  #grey-bar {
    display: none
  }
  .headerAround {
    height: 118px;
    background-image: none
  }
  .header {
    height: 118px;
    background-image: none;
    background-size: auto 100%;
    background-position: top center;
  }
  .header img {
    width: 160px;
  }
}
@media only screen and (max-width: 640px) {
  .header, .headerAround {
    height: 88px;
  }
  .header img {
    width: 150px;
    margin: 15px 0% 10px 20px;
  }
  .headergreen {
    width: 98%;
    margin: 0;
    font-size: 0.72em;
    color: #333333;
    padding: 5px 10px 3px 5px;
    text-align: center;
    line-height: 110%
  }
}
@media only screen and (max-width: 360px) {
  .header img {
    width: 130px;
    margin: 15px 0% 5px 20px;
  }
}
/************************ mobiles Ausklappen  **************************/
#klapp {
  z-index: 1500 !important;
  background-color: #fff;
  clear: both;
  top: 7px;
  right: 5px;
  width: 60%;
  line-height: 100%;
  position: absolute;
  font-family: 'TheSans', Verdana, 'Geneva, sans-serif';
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.4);
  padding: 10px 20px 0 20px
}
#klapp a {
  color: #009a49;
  display: block;
  font-size: 1.2em;
  width: auto;
  padding: 12px 0;
  border-bottom: 1px dotted #ccc
}
#klapp a:hover {
  text-decoration: none;
  color: #017336
}
.close {
  text-align: center;
  color: #4d4f53;
  background: #f3f3f3;
  cursor: pointer;
  padding: 10px 0 8px 0
}
.bigIMAGE {
  margin-top: 50px;
  height: 550px;
  width: 100%;
  z-index: 0;
}
.bigIMAGE.home {
  background: url(img/HEADER.jpg) no-repeat center left;
  background-size: cover;
}
.bigIMAGEslogan {
  position: relative;
  left: 0;
  right: 0;
  top: 20%;
  width: 70%;
  margin: 0 auto 0% 5%;
  
  z-index: 0;
  text-align: left;
  /*background-color: rgba(34, 83, 1, 0.6);*/
}

.bigIMAGEslogan h1 {
  font-size: 3.5em;
  font-weight: bold;
  color: #fff;
  line-height: 130%;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 1), 2px 1px 3px rgba(0, 0, 0, 0.8);
  /*  text-shadow:2px 1px 12px rgba(0, 0, 0, 0.5),2px 1px 10px rgba(0, 0, 0,0.5),1px 2px 5px rgba(0, 0, 0, 0.5),1px 2px 7px rgba(0, 0, 0, 1),1px 1px 8px rgba(0, 0, 0, 0.5),1px 2px 6px rgba(0, 0, 0, 0.5);*/
  padding: 0 20px 0 00px;
}
.bigIMAGEslogan h2 {
  font-size: 2.5em;
  font-weight: normal;
  color: #fff;
  line-height: 130%;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 1), 2px 1px 3px rgba(0, 0, 0, 0.8), 1px 2px 4px rgba(0, 0, 0, 0.8);
  /* text-shadow: 2px 1px 4px black, 1px 2px 3px black,1px 2px 6px rgba(0, 0, 0, 0.5),1px 2px 7px rgba(0, 0, 0, 0.5),2px 1px 8px rgba(0, 0, 0, 0.5),2px 1px 10px rgba(0, 0, 0, 1);*/
  padding: 0px 0 10px 0;
}
@media (max-width: 1440px) {
  .bigIMAGEslogan {
    top: 22%;
  }
  .bigIMAGE.home {
    background-position-y: top;
    background-position-x: left -40px;
    background-size: cover;
    -moz-background-size: cover;
  }
}
@media (max-width: 960px) {
  .bigIMAGEslogan {
    top: 15%;
    width: 98%; padding-left:2%;
  }
    .bigIMAGEslogan h1 {
        font-size: 3.0em; }
 .bigIMAGE.home {
     background-position-x: left -300px;
  }
}
@media (max-width: 767px) {
  .bigIMAGEslogan h1 {
    font-size: 2.9em;
  }
  .bigIMAGEslogan h2 {
    font-size: 1.9em;
  }
  .bigIMAGE {
    height: 450px;
  }
    

  .bigIMAGE.home {
          background: url(img/HEADER-mob.jpg) no-repeat;
    background-position-y: top;
    background-position-x: left -40px;
    background-size: cover;
    -moz-background-size: cover;
  }
}
@media (max-width: 639px) {
  .bigIMAGE {
    height: 350px;
  }
  .bigIMAGEslogan {
    top: 25%;
  }
  .bigIMAGEslogan h1 {
    font-size: 1.9em;
  }
  .bigIMAGEslogan h2 {
    font-size: 1.4em;
  }
}
@media (max-width: 420px) {
  .bigIMAGE.home {
    background-position-y: top;
    background-position-x: left -0px;
    background-size: cover;
    -moz-background-size: cover;
  }
  .bigIMAGE {
    height: 230px;
  }
  .bigIMAGEslogan {
    top: 25%;
  }
  .bigIMAGEslogan h1 {
    font-size: 1.4em;
    line-height: 120%;
  }
  .bigIMAGEslogan h2 {
    font-size: 1.0em;
  }
}
.bigIMAGEslogan h1 span {
  background-color: rgba(0, 0, 0, 0.0);
  padding: 0 0.2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.bigIMAGEslogan a, .bigIMAGEslogan a:hover {
  text-decoration: none;
  outline: none;
  border-bottom: none
}
/*.headimageAround {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  border-top: 1px solid #ccc;
  padding-top: 78px;
}
.headimageAround img {
  width: 100%;
} */
/********************** CONTENT ********************************/
.contentWhiteHeader {
  max-width: 1080px;
  margin: 0px auto 0 auto;
  height: auto;
  position: relative;
  z-index: 100;
  padding: 50px 80px 20px 80px;
  background-color: rgba(255, 255, 255, 1);
}
@media only screen and (max-width:920px) {
  .contentWhiteHeader {
    max-width: 920px;
    margin: 0px auto 0 auto;
  }
}
@media only screen and (max-width:600px) {
  .contentWhiteHeader {
    padding: 25px;
  }
}
.contentWhiteAround {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.content {
  max-width: 1180px;
  margin: 0 auto;
  height: auto;
  position: relative;
  z-index: 0;
  padding: 30px 40px 30px 40px;
}
.contentCalcAround {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #009a49;
  margin: 0px 0px 0px 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 600px) {
  .contentWhiteAround {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    margin-top: 0;
  }
  .content {
    padding: 25px;
  }
}
.contentGreenAround {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #009a49;
  margin-top: 0px
}
.lineCONT {
  height: 1px;
  border-bottom: 1px dotted #ccc;
  margin: 1em 0 2em 0;
  clear: both
}
.imgBoxRE {
  width: 35%;
  float: right;
  text-align: center;
}
.imgBoxRE img {
  width: 85%;
  text-align: center;
}
.FORMbox {
  color: #009a49;
  background-color: #fff;
  padding: 25px 25px;
  font-size: 120%;
  line-height: 140%;
  margin-bottom: 2em;
  border: 2px solid #009a49;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.BBoxAround {
  width: 100%;
  clear: both;
  margin: 0.8em 0 0em -8px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  line-height: 120%;
}
.BBoxIconAround {
  width: 100%;
  clear: both;
  margin: 0.8em 0 0em 0px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  line-height: 120%;
  text-align: center;
}
.BBoxIcon {
  width: 21.5%;
  margin: 0 6px 6px 0px;
  border: 2px solid #d0f3ff;
  padding: 12px 12px;
  text-align: center
}
.BBox {
  width: 30%;
  margin: 0 8px;
  border: 2px solid #d0f3ff;
  padding: 12px 12px;
  text-align: center
}
.border-grey {
  border: 2px solid #e0e0e0;
}
.border-no {
  border: 0px solid #cccccc;
}
.infoBox {
  width: 100%;
  clear: both;
  margin: 2em auto 0 auto;
  overflow: hidden;
  font-size: 93%;
  display: flex;
  align-items: stretch
}
.infoBoxLI {
  width: 48%;
  float: left;
  text-align: left;
}
.infoBoxRE {
  width: 48%;
  float: right;
  text-align: center;
}
.infoBoxLI img, .infoBoxRE img {
  width: 100%;
}
.infoBoxLI p, .infoBoxRE p {
  margin: 0px 10px
}
.infoBoxSmall {
  font-size: 80%;
  line-height: 120%
}
@media only screen and (max-width: 1100px) {
  .BBoxIcon {
    width: 44%;
    margin: 0 1% 1%x 0px;
    border: 2px solid #d0f3ff;
    padding: 12px 12px;
    text-align: center
  }
}
@media only screen and (max-width: 820px) {
  .BBoxAround {
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0.1em 0 0em -8px;
  }
  .BBox {
    width: 43%;
    float: left;
    margin-bottom: 1em
  }
  .infoBoxRE, .infoBoxLI {
    width: 99% !important;
    float: left;
    margin-bottom: 1em
  }
  .infoBoxLI img, .infoBoxRE img {
    width: 100%;
  }
  .imgBoxRE {
    width: 99%;
    float: none;
    text-align: center;
    margin: 0 auto;
  }
  .imgBoxRE img {
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 680px) {
  .BBoxIcon {
    width: 99% !important;
    float: left;
    margin-bottom: 1em
  }
  .BBox {
    width: 99% !important;
    float: left;
    margin-bottom: 1em
  }
}
.BBox p, .BBoxIcon p {
  font-size: 90%;
  margin-bottom: 3px
}
.BBox .Yline, .BBoxIcon .Yline {
  height: 2px;
  background-color: #ffcb00;
  margin: 1em 35%
}
.BBox h3, .BBoxIcon h3 {
  font: normal 100%/120% 'TheSans', Verdana, 'Geneva, sans-serif';
  margin: 1.3em 0 0 0;
  color: #00a9e0
}
.icon {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #aae9ff;
  margin: 1em auto;
  text-align: center
}
.icon img {
  width: 50px;
  margin-top: 25px
}
.button-more {
  color: #fff;
  display: block;
  border: 1px solid #fff;
  moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  width: 50%;
  text-align: center;
  padding: 8px 0px;
  background: #009a49;
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 80%;
}
a.button-more:link {}
a.button-more:visited {
  color: #fff;
}
a.button-more:hover {
  color: #fff;
  display: block;
  background: #54af7f;
  text-decoration: none;
  border: 1px solid #fff;
}
.button-more-blue {
  background: #007fab;
}
a.button-more-blue:hover {
  background: #2692b8;
}
@media only screen and (max-width: 480px) {
  .button-more {
    width: 90%;
    margin-top: 10px
  }
}
.form {
  width: 46%;
  margin-right: 2%;
  float: left
}
@media only screen and (max-width: 680px) {
  .form {
    width: 100%;
    margin-right: 0%;
    clear: both
  }
}
.textfeld, .freitext {
  width: 100%;
  line-height: normal;
  text-decoration: none;
  background: #fff;
  color: #333;
  border: 0px solid #e4f7ed;
  margin-bottom: 8px;
  padding: 3px 4px 1px 4px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
}
.textfeld {
  height: 26px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
}
.freitext {
  height: 165px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
}
.textfeld-K {
  width: 100px;
  line-height: normal;
  text-decoration: none;
  background: #fff;
  color: #333;
  border: 0px solid #e4f7ed;
  margin-bottom: 8px;
  height: 26px;
  font: 1em/140% 'TheSansLight', Verdana, 'Geneva, sans-serif';
}
.buttonBig {
  -webkit-appearance: none;
  width: 210px;
  padding: 6px 4px 5px 4px;
  border: 0px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font: 1em/140% 'TheSans', Verdana, 'Geneva, sans-serif';
  background: #009a49;
  moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  margin: 0px auto;
  text-align: center;
}
.buttonTopFooter {
  width: 70px;
  margin: -36px auto 0px auto;
  height: auto;
  position: relative;
  z-index: 1000;
}
.buttonTopFooter img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .buttonTopFooter {
    width: 50px;
    margin: -25px auto 25px auto;
  }
}
#videobereich {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.videoextern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********************** footer **************************/
.footerAround {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #ebebeb;
  border-top: 1px solid #e0e0e0;
}
.footer {
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
  padding: 66px 40px 40px 40px;
  font-size: 80%;
}
.line {
  clear: both;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 0.5em 0
}
.line-white {
  clear: both;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #fff;
  margin: 1em 0
}
#socialmedia a, #socialmedia a:visited {
  color: #838383;
  text-decoration: none;
}
#socialmedia a:hover {
  color: #838383;
  text-decoration: underline
}
#socialmedia img {
  margin-right: 3px;
  vertical-align: -2px;
}

.validator {display: none;}

/********************** Cookie Info ********************************/
#cookiebar {
  position: fixed;
  right: 10px;
  background: #fff;
  border: 10px solid #f1f1f1;
  height: 220px;
  width: 350px;
  bottom: 0;
  text-align: left;
  color: #666666;
  padding: 20px;
  z-index: 19999;
  box-sizing: border-box;
}
#cookiebar p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.6em;
}
#cookiebar a {
  color: #009dde;
  text-decoration: none
}
#cookiebar a:hover {
  color: #009dde;
  text-decoration: underline
}
#cookiebar #cookieOK {
  padding: 3px 10px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #009dde;
  font-size: 14px;
  margin-left: 0px;
  margin-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
#cookiebar .closeBuck {
  width: 25px;
  float: right;
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 0;
  padding-right: 10px;
  padding-bottom: 185px
}

/********************** sticky box ********************************/
.stickybox {
  height: 145px;
  width: 125px;
  position: fixed;
  top: 20%;
  right: -2px;
  z-index: 1000;
  -moz-border-radius: 15px 0px 0px 15px;
  -webkit-border-radius: 15px 0px 0px 15px;
  border-radius: 15px 0px 0px 15px;
  background-color: #009a49;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position-y: top 8px;
  background-position-x: center;
  background-image: url(img/MAP-handbook.png);
  border: 1px solid #fff;
  ;
}
.stickybox img {
  width: 100%
}
.mobile {
  display: none
}
@media only screen and (max-width: 768px) {
  .stickybox {
    display: none;
  }
  .mobile {
    display: block
  }
}</pre></body></html>