@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-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-regular - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-500 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-600 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/fira-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/fira-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fira-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/fira-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/fira-sans-v16-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-700 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/fira-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/fira-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fira-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fira-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/fira-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/fira-sans-v16-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
  }


/* grün 2F8D5D
gelb:fbd02d 
weiss:f1efed*/

@media all{





.skip{
  padding:25px 25px 50px;
  display: flex;
      flex-direction: row;
      justify-content: center;
}



.huSection {
    height: 380px;
    color: #fff;
    margin: 5px;
    padding:40px;
    max-width: 389px;
    float: left;
    background-color: rgb(59, 59, 59);

    border-radius:15px;
        }



.skipsection{
    margin: 20px;
    padding:20px;
    height:30px;
    width:150px;
}

.skipLink{
  margin:10px;
  color:rgb(185, 80, 180);
  text-decoration:underline;
}
.huSection a{text-decoration:underline;}


.flexWrapperHu{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  align-content: stretch;
 
}

.h1pc{margin-top:0;
color:#ffffff;
font-size:35px;
margin: -10px 15px 10px;
width:90%;

/*padding:10px 0 10px 10px;
border-radius: 8px;*/}

.h2pc{
font-family: 'Open Sans', verdana, tahoma, sans-serif;
font-size:28px;
margin: 10px 0 30px;
padding:0;
color:#d1d1d1;
}

.huSection img{ margin: 0px 10px;
    float:right;
    }





}
@media all and (max-width: 1080px) {
    
    .h1pc{font-size: 35px;
        margin: -5px 10px 5px;}
    .huSection {padding:30px;
        height: 450px;
      margin:5px auto;
    }
        .skipLink{
          margin:10px 7px;}

          .huSection:first-child{
            margin-top:80px;
          }
.flexWrapperHu{
  flex-direction: column;
  
}

}
@media all and (max-width: 800px) {

}


@media all and (max-width: 600px) {
}
  
@media all and (max-width: 480px){


}
@media all and (max-width: 380px){



}
@media all and (max-width: 280px){

}