@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-display: swap;
}
@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;
      font-display: swap;
}
* {
      margin: 0;
      padding: 0;
}
a img {
      border: none;
}
html {
      height: 100.1%;
}
body {
      background-color: #007fab;
      color: #000;
      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: none;
}
h1 {
      color: #000000;
      font: normal 200%/140% "TheSans", Verdana, "Geneva, sans-serif";
      margin: 0.3em 0 0.5em 0;
}
h2 {
      color: #333333;
      font: normal 180%/140% "TheSans", Verdana, "Geneva, sans-serif";
      margin: 0.2em 0 0.5em 0;
}
h3 {
      font: normal 125%/140% "TheSans", Verdana, "Geneva, sans-serif";
      margin: 0em 0 0.3em 0;
      color: #00a9e0;
}
h4 {
      font: normal 120%/130% "TheSans", Verdana, "Geneva, sans-serif";
      margin: 0 0 1em 0;
      color: #333333;
}
p {
      margin-bottom: 1.2em;
}
strong {
      font-family: "TheSans";
}
ul {
      margin: 0 0.2em 1em 0em;
      list-style-type: none;
}
ul li::before {
      content: "✓ ";

      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
}
ul li {
      margin: 0 0 0.5em 1em;
}
@media only screen and (max-width: 640px) {
	h1 {
      font: normal 170%/140% "TheSans", Verdana, "Geneva, sans-serif";
      margin: 0.2em 0 0.5em 0;
}
      h2 {
            color: #333333;
            font: normal 150%/140% "TheSans", Verdana, "Geneva, sans-serif";
            margin: 0.1em 0 0.1em 0;
      }
      ul {
            margin: 0 0 1em 0.8em;
            width: auto;
      }
}
@media only screen and (max-width: 420px) {
      h1 {
            font: normal 160%/130% "TheSans", Verdana, "Geneva, sans-serif";
      }
	  h3 {
            font: normal 110%/130% "TheSans", Verdana, "Geneva, sans-serif";
      }
}
sub {
      font-size: 0.7em;
      vertical-align: -2px;
}
.green {
      color: #009a49;
}
.grey {
      color: #4d4f53;
}
.blue {
      color: #0191cd;
}
.orange {
      color: #ea7125;
}
.grey {
      color: #444;
      font-family: "TheSans";
}
.small {
      font-size: 90%;
}
.weiss {
      color: #fff;
}
a.weiss:hover {
      color: #0191cd;
}
a.weiss:visited {
      color: #fff;
}
.grey-BG {
      background: #f3f3f3;
}
.green-BG {
      background: #009a49;
}
.headerAround {
      width: 100%;
      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);
}
.header {
      max-width: 1080px;
      margin: 0 auto;
      height: 70px;
      position: relative;
}
.header img {
      width: 160px;
      margin: 10px 1% 10px 10px;
      float: left;
}
@media only screen and (max-width: 768px) {
      .no-mobile {
            display: none;
      }
}
@media only screen and (max-width: 640px) {
      .header,
      .headerAround {
            height: 68px;
      }
      .header img {
            width: 150px;
            margin: 10px 1% 10px 30px;
      }
}
@media only screen and (max-width: 360px) {
      .header img {
            width: 130px;
            margin: 15px 0% 5px 30px;
      }
}.bigIMAGE {
  margin-top: 20px;
    height:auto;
min-height:450px;
  background-color: #007fab;
  width: 100%;
  z-index: 0;
}
.bigIMAGE.home {
    background: url("img/HEADER-cadet-007fab.webp") no-repeat right top 20px;
  background-size:cover;
  background-color: #007fab;
}
.content {
  max-width: 1080px;
  margin: 0 auto;
  height: auto;
  position: relative;
  z-index: 0;
  padding: 40px;
}

  .contentWhiteAround {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    margin-top: 0;
  }
@media only screen and (max-width: 780px) {
.bigIMAGE {
height:350px;
min-height: inherit;
}
}
@media only screen and (max-width: 600px) {
.bigIMAGE {
height:300px;
}
.content {
    padding: 25px;
  }
}
.contentGreenAround {
      width: 100%;
      height: auto;
      position: relative;
      background: #00534f; /* Old browsers */
      background: -moz-linear-gradient(
            top,
            #00534f 40%,
            #0e0e0e 100%
      ); /* FF3.6-15 */
      background: -webkit-linear-gradient(
            top,
            #00534f 40%,
            #0e0e0e 100%
      ); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(
            to bottom,
            #00534f 40%,
            #0e0e0e 100%
      ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00534f', endColorstr='#0e0e0e', GradientType=0); /* IE6-9 */
      margin-top: 0px;
}
.lineCONT {
      height: 1px;
      border-bottom: 1px dotted #ccc;
      margin: 1em 0 2em 0;
      clear: both;
}
.BBoxAround {
      width: 100%;
      clear: both;
      margin: 0.8em 0 0em -8px;
      overflow: hidden;
      display: flex;
      align-items: stretch;
      line-height: 120%;
}
.BBoxIcon {
      width: 25%;
      margin: 0 22px 10px 0px;
      border: 2px solid #b2e1c8;
      padding: 12px 15px 20px 15px;
      text-align: center;
}
.BBox {
      width: 29%;
      margin: 10px 20px 20px 10px;
      border: 0px solid #007fab;
      padding: 8px 8px;
      text-align: center;
      background: rgba(255, 255, 255, 0.8);
      overflow: hidden;
      display: inline-block;
      moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
}
.BBox h3 {
      padding: 10px;
      margin: 0px;
}
.BBox:hover {
      border: 0px solid #fff;
}
.border-grey {
      border: 2px solid #e0e0e0;
}
.border-green {
      border: 2px solid #009a49;
}
.border-no {
      border: 0px solid #cccccc;
}

.infoBoxLI {
      width: 50%;
      float: left;
      margin: 0 1% 0 0%;
}
.infoBoxRE {
      width: 49%;
      float: right;
      margin: 0 0% 0 0%;
}
.infoBoxLI3 {
      width: 49%;
      float: left;
      margin: 0 0% 0 0%;
}

@media only screen and (min-width: 799.9999px) {
      .infoBoxLI2 {
            width: 60%;
            float: left;
            margin: 0 1% 0% 0%;
      }
      .infoBoxRE2 {
            width: 39%;
            float: right;
            margin: 0 0% 0 0%;
      }
       .infoBoxLI3 {
            width: 39%;
            float: left;
            margin: 0 0% 0 0%;
      }
}


.infoBoxRE img {
      width: 90%;
      float: right;
      moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    border-radius: 10px;
}
.infoBoxLI img {
      width: 90%;
      moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    border-radius: 10px;
}


.infoBoxLI3 img
{
      width: 90%;
      float: left;
      moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
}

@media only screen and (max-width: 800px) {
      .infoBoxRE,.infoBoxLI3,
      .infoBoxLI {
            width: 96% !important;
            margin: 0 2% 0.5% 2%;
            float: none;
      }
    .infoBoxLI { padding-bottom:2%}
    
      .infoBoxLI img,
      .infoBoxRE img,
    .infoBoxLI3 img {
            width: 100%;
            float: none;
      }
}
.button-more {
      color: #fff;
      display: block;
      border: 1px solid #009a49;
      moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      width: 98%;
      text-align: center;
      padding: 8px 0px;
      background: #009a49;
      margin: 0 auto;
      font-weight: bold;
}
a.button-more:link {
      color: #fff;
}
a.button-more:visited {
      color: #fff;
}
a.button-more:hover {
      color: #fff;
      display: block;
      background: #005321;
      text-decoration: none;
      border: 1px solid #005321;
}
.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;
      }
}
@media only screen and (max-width: 1080px) {
      .BBoxAround {
            width: 100%;
            clear: both;
            margin: 0.8em 0 0em -8px;
            overflow: hidden;
            display: flex;
            flex-flow: row wrap;
            line-height: 120%;
      }
      .BBoxIcon {
            width: 19%;
            margin: 0 10px 10px 0px;
      }
      .BBox {
            width: 29%;
            margin: 0 10px 10px 0px;
      }
      .BBox ul {
            font-size: 90%;
      }
}
@media only screen and (max-width: 825px) {
      .BBoxIcon {
            width: 43%;
            margin: 0px 1% 1% 0px;
            padding: 10px 10px;
      }
      .imgBoxRE,
      .imgBoxLI {
            float: none;
            width: 95%;
      }
      .BBox {
            width: 43%;
            margin: 0 0.6em 0.6em 0;
      }
      .infoBoxRE,
      .infoBoxLI {
            width: 100% !important;
            float: left;
            margin: 0 0 0em 0;
      }
}
@media only screen and (max-width: 530px) {
      .BBoxIcon {
            width: 99% !important;
            float: left;
            margin-bottom: 1em;
      }
      .BBox {
            width: 90% !important;
            float: none;
            margin: 10px auto;
      }
      .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;
      }
}
.BBox p,
.BBoxIcon p {
      font-size: 90%;
      margin-bottom: 3px;
}
.Yline {
      height: 2px;
      background-color: #ffcb00;
      margin: 1em 35%;
}
.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: #009a49;
      margin: 1em auto;
      text-align: center;
}
.icon img {
      width: 70px;
      margin-top: 15px;
}
.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;
}
.buttonBig:hover {
      background: #00534f;
}
.buttonTopFooter {
      width: 70px;
      margin: -36px auto 0px auto;
      height: auto;
      position: relative;
      z-index: 10;
}
.buttonTopFooter img {
      width: 100%;
}
@media only screen and (max-width: 640px) {
      .buttonTopFooter {
            width: 50px;
            margin: -25px auto 25px auto;
      }
}
.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: 26px 40px 40px 40px;
      font-size: 80%;
}
.line {
      clear: both;
      height: 1px;
      width: 100%;
      border-bottom: 1px solid #fff;
      margin: 1em 0;
}
.line-grey {
      clear: both;
      height: 1px;
      width: 100%;
      border-bottom: 1px solid #999;
      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;
}

table {
      width: 100%;
}

.c-table {
      border-collapse: collapse;

      text-align: left;
      font-size: 18px;
}
*,
::before,
::after {
      box-sizing: inherit;
}

.c-table__col--no-wrap {
      white-space: nowrap;
}
.c-table__col {
      vertical-align: top;
      padding: 16px 16px 16px 0;
}
.c-table__heading {
      margin: 0;
}

.c-table__heading img {
      width: 95px;
}

.c-table__row {
      border-bottom: 3px dotted #0191cd;
}

@media only screen and (max-width: 860px) {
      .c-table {
            font-size: 16px;
            width: 100%;
      }
      .c-table__heading img {
            width: 65px;
      }
      .c-table__row {
            border-bottom: 2px dotted #0191cd;
      }
      .c-table__col {
            vertical-align: top;
            padding: 8px 8px 8px 0;
      }
}

@media only screen and (max-width: 740px) {
      .c-table {
            font-size: 14px;
            line-height: 140%;
      }
      .c-table__heading img {
            width: 65px;
      }
      .c-table__col {
            vertical-align: top;
            padding: 8px 8px 8px 0;
      }
}



/********************** Cookie Info ********************************/

#cookiebar {
	position: fixed;
	right:10px;
	background: #fff;
	border:12px solid #f1f1f1;
	height:220px; width:350px;
	bottom: 0;
	text-align: left;
	color: #666666;
	padding: 12px;
	z-index: 19999;
	box-sizing: border-box;
}

#cookiebar p {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.4em;
}

#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:35px; float: right; cursor: pointer; position: fixed;
	right:10px;	bottom: 0;padding-right:10px; padding-bottom:185px}