/* Globale Definitionen */
/* RESET > */

html, body, div, span, object, iframe, h1, h2, h3, h4, p, a, abbr, em, img, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figcaption, figure, footer, header, main, menu, nav, section, video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    font-size: 100%;
  }
  
  
  article, aside, figcaption, figure, footer, header, main, menu, nav, section {
    display: block; 
  }
  
  a, input, button /* CSS2 */{
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-decoration-skip: objects;
  }
  
  a:hover, a:active /* CSS2 */{
    outline-width: 0;
  }
  
  :focus /* CSS2 */ {
    outline: thin dotted;
  }
  
  abbr[title] /* CSS2 */ {
    text-decoration: underline dotted;
    cursor: help;
  }
  
  [disabled] /* CSS2 */ {
    cursor: default;
  }
  
  
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
  
  caption, th, td {
    text-align: left;
  }
  
  
  button, input, textarea {
    margin: 0;
    vertical-align: baseline;
    font-size: 100%;
  }
  
  button, input {
    line-height: normal;
  }
  
  button, select {
    text-transform: none;
  }
  
  button,  [type='reset'], [type='submit'] {
    cursor: pointer; /* CSS2 */
    -webkit-appearance: button;
  }
  
  button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner /* CSS2 */ {
    padding: 0;
    border: 0;
  }
  
  button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring /* CSS2 */{
    /* CSS 2 */
    outline: 1px dotted ButtonText;
  }
  
  label /* CSS2 */{
    cursor: pointer;
  }
  
  textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
  }
  
  input, textarea {
    margin: 0;
    background-color: none; /* CSS2 */
    vertical-align: bottom;
  }
  
  img, audio, video {
    border-style: none;
    vertical-align: middle;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  /* < RESET */
  
  
  @font-face {
    font-weight: 300;
    font-style: normal;
    font-family: 'Lato-Web';
  src: url('lato-300-web.woff2') format('woff2'), url('lato-300-web.woff') format('woff'); 
  /*    src: url('/client/css/lato-300-web.woff2') format('woff2'), url('/client/css/lato-300-web.woff') format('woff');*/
  /*	src: local('Lato-Web'), local('Lato-Web'), url('/client/fonts/lato-300-web.woff2') format('woff2'), url('/client/fonts/lato-300-web.woff') format('woff');  */
  
  }
  
  @font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato-Web';
  /*	src: local('Lato-Web'), local('Lato-Web'), url('/client/fonts/lato-400-web.woff2') format('woff2'), url('/client/fonts/lato-400-web.woff') format('woff'); */
  /*    src: url('/client/css/lato-400-web.woff2') format('woff2'), url('/client/css/lato-400-web.woff') format('woff'); */
  
  src: url('lato-400-web.woff2') format('woff2'), url('lato-400-web.woff') format('woff'); 
  }
  
  body {
    background: #fff;
    color: #424a61;
    font: normal 10px 'Lato-Web', arial, helvetica, geneva, sans-serif;
  /*    font: normal 10px arial, helvetica, geneva, sans-serif; */
    font-weight:300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
  }
  
  /* GLOBAL */
  
  p, li {
      margin-bottom: .6em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin-block: 0px;
  }
  
  h1{
    margin-bottom: .4em;
    color: #0089af;
    font-size: 2.9rem;
   }
  
  h2 {
      margin-bottom: .4em;
      color: #ffffff;
      font-size: 2.9rem;
  }
  
  h3{    margin-bottom: .2em;
    color: #0089af;
    font-size: 2rem;}

  h4{    margin-bottom: .2em;
    color: #ffffff;
    font-size: 2rem;}

  h5{    margin-bottom: .2em;
    color: #0089af;
    font-size: 1.8rem;}

  h6{    margin-bottom: .2em;
    color: #717e86;
    font-size: 1.8rem;}
  






  /* ENDE GLOBAL */
  
  