body {
        font-family: 'Source Sans Pro';
        color:#fff;
        background-color: #444445;
}

header {
    background-color: #fff;
    width: 100%;
}

.head1 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;

}

.head2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;

}

.head3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;

}

.orbit-bullets {
    display: none;
}

.orbit-slide-number {
    display: none;
}

.orbit-prev {
    display: none;
}

.orbit-next {
    display: none;
}

.orbit-timer {
    display: none;
}

.orbit-progress {
    display: none;
}

a {
   color: #000;
   text-decoration: none;
   line-height: inherit;
}

a:link{color:#fff;}
a:visited{color:#000;}
a:hover{color:#c3c4c5;}
a:active{color:#000;}

.footer a:link{color:#000;}
.footer a:visited{color:#000;}
.footer a:hover{color:#5b5b5b;}
.footer a:active{color:#000;}

.head3 a:link{color:#000;}
.head3 a:visited{color:#000;}
.head3 a:hover{color:#5b5b5b;}
.head3 a:active{color:#000;}

.rowN {
      width: 100%
}

.navi {
    background-color: #F9B200;
    text-align: center;
    min-height: 65px;
}

.top-bar .title-area {
    background-color: #F9B200;
}

.top-bar {
    background-color: #F9B200;
    display: inline-block;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: none repeat scroll 0% 0% #F9B200;
    color: #7a5b0e;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background: none repeat scroll 0% 0% #F9B200;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-size: 1.2em;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 27px;
    line-height: 65px;
    background: none repeat scroll 0% 0% #F9B200;
    color: #000;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-size: 1.2em;
}

.top-bar.section ul li > a.button.secondary{
    color: #F9B200;
}

.top-bar.expanded .toggle-topbar a {
    color: #0253a2;
}

.top-bar.expanded .toggle-topbar a span:after {
    box-shadow: 0px 0px 0px 1px #000, 0px 7px 0px 1px #000, 0px 14px 0px 1px #000;
}

.top-bar.expanded .title-area {
    background: transparent;
}

.top-bar .toggle-topbar.menu-icon span{
    color: #000;
}

h1 {
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: italic;
    font-size: 2.5em;
    padding-top: 20px;
    color: #fff;
}

h2 {
    font-family: 'Source Sans Pro';
    font-weight: bolder;
    font-style: italic;
    font-size: 2.2em;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

h3 {
    font-family: 'Source Sans Pro';
    font-weight: lighter;
    font-style: italic;
    font-size: 1.7em;
    padding-top: 30px;
    color: #fff;
}

h4 {
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
    padding-top: 45px;
    color: #000;
}

h5 {
    font-family: 'Source Sans Pro';
    font-weight: bolder;
    font-style: normal;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 0px;
    color: #000;
}

p {
    font-size: 1.1em;
    font-weight: lighter;
}

.main {
      background-color: #444445;
      padding: 0em;
      text-align: justify;
}

.bild {
      border-style: solid;
      border-width: 1px;
      border-color: #fff;
      margin-right: 1em;
      text-align: center;
}

.bild2 {
      border-style: solid;
      border-width: 1px;
      border-color: #fff;
      margin-right: 1em;
      text-align: center;
      margin-top: 106px;
}

.bild3 {
      border-style: solid;
      border-width: 1px;
      border-color: #fff;
      margin-left: 2em;
      text-align: center;
      margin-top: 106px;

}

.bild4 {
      border-style: solid;
      border-width: 1px;
      border-color: #fff;
      margin-left: 2em;
      text-align: center;
      margin-top: 1em;

}

.bild5 {
      border-style: solid;
      border-width: 1px;
      border-color: #fff;
      margin-right: 1em;
}

.main li {
    font-weight: lighter;
    font-size: 1.1em;
}

footer {
    background-color: #F9B200;
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    color: #000;
    font-weight: bolder;
}



@media only screen { }
/* Define mobile styles */ 

@media only screen and (max-width: 40em) {

.head1 {
  padding: 1em;
  margin-bottom: 0px;
  text-align: center;
}

.full_width li img {
    margin:0 auto;
}

.head2 {
  display: none;
}

.head3 {
  margin-top: 0px;
}


h3 {
    font-size: 1.5em;
}

h4 {
    padding-top: 0px;
}

.bild {
      margin: 1em 0em 1em 0em;
      text-align: center;
}

.bild2 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.bild3 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.bild4 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.main {
      padding: 0em 1em 0em 1em;
}

.main2 {
      padding: 0em 1em 0em 1em;
      min-height: 0px;
      margin-bottom: 0px;
}


.top-bar .menu-icon span{
    color: #fff;}

footer {
    font-size: 0.8em;
}
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 


@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.head1 {
  padding: 1em;
  margin-bottom: 0px;
  text-align: center;
}

.full_width li img {
    margin:0 auto;
}

.head2 {
  display: none;
}

.head3 {
  margin-top: 0px;
}


h3 {
    font-size: 1.5em;
}

h4 {
    padding-top: 0px;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background: none repeat scroll 0% 0% #F9B200;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-size: 1.1em;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 15px;
    line-height: 65px;
    background: none repeat scroll 0% 0% #F9B200;
    color: #000;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-size: 1.1em;
}

.bild {
      margin: 1em 0em 1em 0em;
      text-align: center;
}

.bild2 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.bild3 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.bild4 {
      margin: 1em 1em 1em 1em;
      text-align: center;
}

.main {
      padding: 0em 1em 0em 1em;
}

.main2 {
      padding: 0em 1em 0em 1em;
      min-height: 0px;
      margin-bottom: 0px;
}


.top-bar .menu-icon span{
    color: #fff;}

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 

@media only screen and (min-width: 64.063em) and (max-width: 90em) {}
   /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 


@media only screen and (min-width: 90.063em) and (max-width: 120em){}
    /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */