@charset "UTF-8";
/* CSS Document */
* {
  /*margin: 0;
  padding: 0;*/
}


@media only screen and (min-width:980px){


body {
  background-color:  white;
  text-align:     left;
  margin:     0;
  padding:    0;
  font-family:    Noto Sans, Roboto, sans-serif,  Helvetica, Arial, Verdana;
  font-size:    14px;
}


h3 {
  font-size:    15px;
  font-weight:    normal;
  color:    rgb(201,134,42);
  font-size: 120%;
  font-weight: bold;
}





.MainContainer {
  width:    100%;
  text-align:left;
  background-color: white;
}

.important {
  font-size:    15px;
}

.frame-ruler-before {
  border-top: 2px solid #DC7D1E;
  display: 0;
}

.frame-ruler-before:before { content: ''; }


.jumbotron, .frame-jumbotron {
  background-color: white;
  color: #ff8700;
  border: 2px solid #ff8700;
}


.well, .frame-well {
  border: 1px solid #ff8700;
  }

.caption {
  font-size: 110%;
  color: black;
}

/*
.TopRow {
  width:    1180px;
  height:    100px;
  margin:    0 auto;
  background-color: white;

}
*/

.TopRow {
 /* max-width: 1180px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
  /*padding: 1% 0 1% 0;*/
  background-color: white;/*#2C2C2C; #4E4E4E; #FF862D; #4FA486;*/
  opacity: 0.90;
  filter: alpha(opacity=95);
  /*position: fixed;
  overflow: hidden;*/
  /*border-bottom: 8px solid #FF6607;
    background-position: 50% 20px;
    position:            fixed;
  top:                 0px;
  overflow:            hidden;
  z-index:             1000;*/
}



.LogoContainer {
  /*max-width: 1180px;*/
  width: 100%;
 /* margin: 0 auto;*/
  padding: 0;
  height: 100px;
  background-color: #2C2C2C; /*#FF862D; #4FA486;*/
  opacity: 0.80;
  filter: alpha(opacity=80);
  /*position: fixed;
  overflow: hidden;*/
  background-position: 50% 5px;
  position:            fixed;
  top:                 0;
  overflow:            hidden;
  z-index:             9999;
}

.TopRow2 {
  width: 1180px;
  margin: 0 auto;
}

.Logo {
  float: left;
  width: 90px;
  height: 80px;
  color: white;
  font-size: 150%;
  margin: 1% 2% 1% 2%;
  z-index:             9999;
  /*background-color: #4E4E4E; */
 /* opacity: 0.95;
  filter: alpha(opacity=95);*/
}


.LogoText {
  float: left;
  width: 180px;
  height: 80px;
  padding: 20px 0 0 0;
  color: white;
  font-family:    Marcellus, serif;
  font-size: 155%;
  margin: 0;
    z-index:             9999;
  /*background-color: #4E4E4E; */
 /* opacity: 0.95;
  filter: alpha(opacity=95);*/
}

.LogoText a {
  text-decoration: none;
  color: white;
}


.MobileMenu {
  display: none;
}

.MainMenuContainer {

}

.MainMenu {
  float: left;
  width: auto;
  max-width: 840px;
  height: 80px;
 /* opacity: 0.95;
  filter: alpha(opacity=95);*/
  filter: alpha(opacity=95);
  height:    5px;
  padding:  57px 0 0 6%;
  margin:    0 auto;
  font-weight:    normal;
  font-size:    116%;
    z-index:             9999;
  color: white;
}

.MainMenuItem {
  margin:    0;
  color:    white;
  text-decoration:  none;
}

.MainMenuItem a {
  color:    white;
  text-decoration:  none;
}


.MainMenuItem a:hover {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

/*
.MainMenuItemActive {
  color:    rgb(201,134,42);
  text-decoration:  none;
}
*/

.MainMenuItemActive {
  color:    white;
  text-decoration:  none;
}

div .MainMenuItemActive>a {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

.MainMenuItemActive a:active {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

div .MainMenuItemActive>span .MainMenuItem a {
  color:    white;
}

/*
.MainMenuItemHighlight {
  background-color:  rgb(201,134,42);
  float:    right;
  width:    25px;
  height:    12px;
  margin:    2px 0px 0px 5px;
}
*/

/*
.SliderRow {
  width: 100%;
  min-height: 100px;
  padding: -20px 0 0 0;
  margin: 0 auto;
}

.Slider {
  width:     100%;
  vertical-align: top;
  overflow: hidden;
  padding: 0;
  margin: 0 auto 0 auto;
}
*/
.SliderRow {
  width: 100%;
  /*max-height: 400px;*/
  padding: 0;
  margin: 0;
  /*max-height: 460px;*/
}

.Slider {
  width:     100%;
  vertical-align: top;
  /*max-height: 400px;*/
  /*overflow: hidden;*/
  padding: 0;
  margin: 0 auto 0 auto;
}


.Cont {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
      display: flex;
    float: none;
      align-items: center;
  background-color: yellow;
}


.SubMenu {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  /*padding: 15px 50px 20px 50px;*/
  padding: 10% 2% 7% 2%;
  float:    left;
  margin:    0;  
  font-weight:    normal;
  text-align:    left;
  background-color: white;
  color: black;
}


.SubMenuItem {
    color:    black;
  text-decoration:  none;
}

.SubMenuItem a {
  color:    black;
  text-decoration:  none;
}

.SubMenuItem a:hover {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

.SubMenuItemActive {
  color:    black;
  text-decoration:  none;
}

.SubMenuItemActive>a {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

div .SubMenuItemActive>span .SubMenuItem  a {
  color: black;
}

/*

.TopMenu {
  width:     100%;
  float:     left;
  background-color:  white;
  text-align:    left;
  padding:    5px 0 15px 0;
  font-size:    14px;
}

.TopMenuItem {

}

.TopMenuItem a {
  color:    black;
  text-decoration:  none;
}

.TopMenuItemActive {
}

.TopMenuItemActive a {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

*/

/*
.ContentContainer {
  width: 100%;
  margin: 0 auto;
  text-align:    left;
  min-height:    300px;
  background-color:  white;
  font-size:    14px;
}
*/

.Content {
  max-width: 1100px;
  width: 100%;
  float:    left;
  text-align:    left;

  padding: 0;
  background-color:  white;
  font-size:    100%;
  background-color:white;
  

}

.Content a:link {
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

h1, h2 {
  font-family:    Marcellus, serif;
  /*text-shadow: 1px 1px grey;*/
  font-size:    28px;
  padding-top: 12px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h1 {
  font-family: Marcellus, serif;
  font-size:    24px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h2 {
  font-family:    Marcellus, serif;
  /*text-shadow: 1px 1px grey;*/
  font-size:    38px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h3 {
  font-size:    15px;
  font-weight:    normal;
  color:    rgb(201,134,42);
}

.Content h4 {
  font-weight:    normal;
  color:    black;
}

.Content h5 {
  font-weight:    normal;
  color:    rgb(201,134,42);
}

.Content h6 {
  font-weight:    normal;
  color:    rgb(201,134,42);
}



.bodytext a:link {
  color:     black;
  text-decoration: underline;
}

.bodytext a:visited {
  color:     black;
  text-decoration: underline;
}

.csc-sitemap a:link {
  font-size:    15px;
  color: #DC7D1E;
}
.csc-sitemap li, ul {
  font-size:    15px;
  color: #DC7D1E;
}
.csc-sitemap li, ul a:visited {
  font-size:    15px;
  color: #DC7D1E;
}
.nav nav-tabs .span {
  color: #DC7D1E;
}
.nav-tabs {
  color: #DC7D1E;
}


/*
.ContentLeft {
 max-width: 1180px;
  width: 100%;
  padding: 0;
  float:    left;
  text-align: center;
  background-color:  white;
  font-size:    100%;
  
}*/

.ContentLeft1 {
  float:    left;
  width: 100%;
}

.ContentLeft1 caption {
  vertical-align: center;
  horizontal-align: center;

}


.Aktuelles1 {
    float: left;
  width: 23%;
    text-align:     left;
  image-align: left;
  margin: 1%;
}

.Aktuelles2 {
  float: left;
  width: 23%;
    text-align:     left;
    margin: 1%;
}

.Aktuelles3 {
  float: left;
  width: 23%;
    text-align:     left;
    margin: 1%;

}

.Aktuelles4 {
  float: left;
  width: 23%;
    text-align:     left;
    margin: 1%;

}

.LinkRow {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  /*padding: 15px 50px 20px 50px;*/
  padding: 0 0 0 0;
  background-color: white;
  /*float:    left;*/
  text-align:    left; 
}

.LinkRow1 {
  float:    left;
  text-align:    left;
  width: 50%;
  margin:0;
  padding-left: 3%;
}

.LinkRow0 {
  float:    left;
  text-align:    left;
  width: 40%;
    margin:0;
  padding:0;
}

.LinkRow2 { 
  display: none;
  }


.BottomRow {
  float:    left;
  text-align:    left;
  font-size: 90%;
  width: 100%;
  background-color: #2C2C2C;
  color: white;
  padding: 0 0 0 0;
  margin: 0 auto;
  line-height: 1.2;
}

.BottomRow2 {
  max-width: 1150px; /*1180px;*/
  margin: 0 auto;
  padding:0;
}

.BottomRow a {
color: white;
}

.BottomRow a:hover, a:active {
  color:    rgb(201,134,42);
}


.BottomLeft {
  float:    left;
  padding-left: 3%;
  width: 24%;
}

.BottomMiddle {
  float:    left;
  padding-left: 3%;
  width: 24%;
}

.BottomMiddleMiddle {
  float:    left;
  padding-left: 4%;
  width: 20%;
}

.BottomRight {
  float:    left;
  padding-left: 3%;
  width: 18%;
}



/*Kontaktformular*/

div.csc-mailform ol {
list-style:none;
}

.csc-form-element-textline {
  width: 500px:
    display: block;
}

div.csc-mailform ol  {
  max-width: 500px;  
}

div.csc-mailform li  {
  margin: 5px;
}

div.csc-mailform label {
  width:    130px;
  display:  block;
  float:     left;
}

div.csc-mailform input {
  border-style:  solid;
  border-width:  1px;
  border-color:  grey;
  background-color:  #DEDEDE;
}

div.csc-mailform textarea {
  border-style:  solid;
  border-width:  1px;
  border-color:  grey;
  background-color:  #DEDEDE;
}


/*:::::: DATEILISTE ::::::*/

.csc-uploads-fileName {
font-size: 85%;
margin: 0;
padding: 0;
}

.csc-uploads-fileName a:link {
color:   black;
text-decoration: underline;
}

.csc-uploads-fileName a:visited {
color:   rgb(201,134,42);
text-decoration: underline;
}

}



@media only screen and
(min-width:0px) and
(max-width:980px){

  
  
.gallery-row {
/*flex-wrap: nowrap;*/
  display: flex;
  flex-wrap: nowrap;
}  


.frame-ruler-before:before { content: ''; }


.jumbotron, .frame-jumbotron {
  background-color: white;
  color: #ff8700;
  border: 2px solid #ff8700;
}


.well, .frame-well {
  border: 1px solid #ff8700;
  font-size: 11px;
  }
  
/* aha*/


.MenuRow {
  float:right;
  width: 100%;
  background-color: #8B0146;
  margin: 0;
  padding: 0 0 0 0;
  
  
    background-color: white;/*#2C2C2C; #4E4E4E; #FF862D; #4FA486;*/
  opacity: 0.90;
  filter: alpha(opacity=95);
  
}


/*
.MenuRow {
    margin: 5px 0 0 0;
  padding: 95px 0 10px 0;
    width: 100%;
  }
*/
  
.MenuButton {
  height: 30px;
}
  

  .menu-btn div {
     margin: 0 0 20px 0;
    padding: 0;
   /* position: absolute;
    left: 100%;
      top: 20%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;*/
  }

  .menu-btn span {
   horizontal-align:center;
    display: block;
    width: 35px;
    height: 3px;
    margin: 3px 4% 6px auto;
    background-color: white; /*#1B6EB9;*/
    color: white;
   /* z-index: 99;*/

  }

.MobileMenu span {
  display: block;
  width: 99%;

}

.MobileMenu {
  display: block;
  font-size: 13pt;
  letter-spacing: 2.5px;
  width: 100%;
  background-color: white;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  display: none;
  }

.MobileMenu a {
  text-decoration: none;
  color: #BA722A;
}

.MobileMenu a:hover, a:focus, a:active {
  color: #BA722A;
}

.MobileMenuLevel1 {
  display: block;
  width: 100%;
  border-bottom: 1px solid grey;
  padding: 7px 0 7px 9%;
}

.MobileMenuLevel1Active {
      display: block;
  width: 100%;
  background-color: #D7D7D4;
  color: #8B0146;
  border-bottom: 1px solid grey;
    padding: 7px 0 7px 9%;
}

.MobileMenuLevel2 {
      display: block;
  width: 100%;
  background-color: #DCDCDC;
  font-size: 90%;
  border-bottom: 1px solid grey;
  padding: 4px 0 4px 12%;
}

.MobileMenuLevel2Active {
      display: block;
  width: 100%;
  font-size: 90%;
  background-color: #DCDCDC;
  color: white;
  border-bottom: 1px solid grey;
  padding: 4px 0 4px 12%;
}
.MobileMenuLevel1 a, .MobileMenuLevel2 a{
      display: block;
  text-decoration: none;
}

.MobileMenuLevel1Active a, .MobileMenuLevel2Active a {
      display: block;
  background-color: #D7D7D4;
  color: #8B0146;
}

  .expand {
    display: block !important;
  }
/* end aha */


body {
  background-color:  #4E4E4E;
  text-align:     left;
  margin:     0px;
  padding:    0px;
  font-family:    Noto Sans, Helvetica, Arial, Verdana;
  font-size:    14px;
}


a:link {
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

a:visited {
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.MainContainer {
  width:    100%;
  text-align:left;
}

.frame-ruler-before {
  border-top: 2px solid #DC7D1E;
  display: 0;
}

.frame-ruler-before:before { content: ''; }


/*
.TopRow {
  width:    1180px;
  height:    100px;
  margin:    0 auto;
  background-color: white;

}
*/

.TopRow {
  /*max-width: 1180px;*/
  width: 100%;
  min-height: 140px;
  margin: 0 auto;
  padding: 5px 0 25px 0;
  background-color: #2C2C2C; /*#FF862D; #4FA486;*/
  opacity: 0.95;
  filter: alpha(opacity=95);
  /*position: fixed;
  overflow: hidden;*/
  /*border-bottom: 8px solid #FF6607;
    background-position: 50% 20px;
    position:            fixed;
  top:                 0px;
  overflow:            hidden;
  z-index:             1000;*/
}

.TopRow2 {
  padding: 0 0 5px 0;
}

.LogoContainer {
  max-width: 1180px;
  width: 100%;
 /* min-height: 10px;*/
  margin: 5px auto 10px auto;
  padding: 0;
  /*background-color: #2C2C2C; 
  opacity: 0.80;
  filter: alpha(opacity=80);*/
  /*position: fixed;
  overflow: hidden;*/
 /* background-position: 50% 5px;
  position:            fixed;
  top:                 0px;
  overflow:            hidden;
  z-index:             1000;*/
 
}


.Logo {
  float: left;
  width: 90px;
  height: 80px;
  padding: 0;
  color: white;
  font-size: 150%;
  margin: 0 2% 0 2%;
 /* margin: 1% 1%;*/
  /*background-color: #4E4E4E; */
 /* opacity: 0.95;
  filter: alpha(opacity=95);*/
}


.LogoText {
  float: left;
  width: 180px;
  height: 80px;
  padding: 15px 0 0 0;
  color: white;
  font-family:    Marcellus, serif;
  font-size: 145%;
  margin: 0;
  /*background-color: #4E4E4E; */
 /* opacity: 0.95;
  filter: alpha(opacity=95);*/
}


.LogoText a {
  text-decoration: none;
  color: white;
}



.MainMenu {
display: none;

}

/*
.MainMenuItem {
  margin:    0;
}

.MainMenuItem a {
  color:    white;
  text-decoration:  none;
}

.MainMenuItem a:hover {
  color:    rgb(201,134,42);
  text-decoration:  none;
}


.MainMenuItemActive {
  color:    white;
  text-decoration:  none;
}

.MainMenuItemActive a {
  color:    white;
  text-decoration:  none;
}

*/

.SliderRow {
  width: 100%;
  /*max-height: 400px;*/
  /*min-height: 100px;*/
    padding: 0;
    /*max-height: 460px;*/
  margin: 0 0 40px 0;
}

.Slider {
  width:     100%;
  /*vertical-align: top;*/
/*  overflow: hidden;*/
  padding: 0;
  margin: 0 auto;
}


.SubMenu {
  width: 100%;
  margin: 0 auto;
  /*padding: 15px 50px 20px 50px;*/
  padding: 6% 2% 3% 2%;
  float:    left;
  margin:    0;  
  font-weight:    normal;
  text-align:    left;
  background-color: white;
  color:   black:
}

.SubMenuItem {
    color:    black;
  text-decoration:  none;
}

.SubMenuItem a {
  color:    black;
  text-decoration:  none;
}

.SubMenuItem a:hover {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

.SubMenuItemActive {
  color:    black;
  text-decoration:  none;
}

.SubMenuItemActive>a {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

div .SubMenuItemActive>span .SubMenuItem  a {
  color: black;
}


/*

.TopMenu {
  width:     100%;
  float:     left;
  background-color:  white;
  text-align:    left;
  padding:    5px 0 15px 0;
  font-size:    14px;
}

.TopMenuItem {

}

.TopMenuItem a {
  color:    black;
  text-decoration:  none;
}

.TopMenuItemActive {
}

.TopMenuItemActive a {
  color:    rgb(201,134,42);
  text-decoration:  none;
}

*/


.Content {
  float:    left;
  text-align:    left;
  width: 100%;

  padding: 0;
  background-color:  white;
  font-size:    105%;
  

}



figure > img, figure a > img {
  display: inline;
 }

.Content img {
 /*float: left;*/
  max-width: 90%; 
  height: auto;
  }

.view figure.image > img {
  width: 98%;
  height: auto;
 }


.Content h1 {
  font-family: Marcellus, serif;
  font-size:    24px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h2 {
  font-family:    Marcellus, serif;
  font-size:    32px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h3 {
  font-size:    15px;
  font-weight:    normal;
  color:#DC7D1E;   /* rgb(201,134,42);*/
}

.Content h4 {
  font-weight:    normal;
  color:    black;
}

.Content h5 {
  font-weight:    normal;
  color:    rgb(201,134,42);
}

.Content h6 {
  font-weight:    normal;
  color:    rgb(201,134,42);
}



.bodytext a:link {
  color:     black;
  text-decoration: underline;
}

.bodytext a:visited {
  color:     black;
  text-decoration: underline;
}

.csc-sitemap a:link {
  font-size:    13px;
  color: black;
}
.csc-sitemap li, ul {
  font-size:    13px;
  color: black;
}
.csc-sitemap li, ul a:visited {
  font-size:    13px;
  color: black;
}


.ContentLeft {
 max-width: 1180px;
  width: 100%;
  /*padding: 15px 50px 20px 50px;*/
  padding: 0 3%;
  float:    left;
  text-align: center;
  background-color:  white;
  font-size:    100%;
  background-color:white;
  
}


.ContentLeft1 {
  float:    left;
  width: 100%;
  text-align: center;
}

.ContentLeft1 .figcaption {
  vertical-align: center;
  horizontal-align: center;
    text-align: center;

}

.Aktuelles1 {
  float: left;
  width: 36%;
  text-align:     left;
  image-align: left;
  margin: 1%;
}

.Aktuelles2 {
  float: left;
  width: 36%;
  text-align:     left;
  image-align: left;
  margin: 1%;
}

.Aktuelles3 {
  float: left;
  width: 36%;
  text-align:     left;
  image-align: left;
  margin: 1%;

}

.Aktuelles4 {
  float: left;
  width: 36%;
  text-align:     left;
  image-align: left;
  margin: 1%;
}

.LinkRow {
  float:    left;
  text-align:    left;
  padding: 0 3%;
  width: 100%;
  background-color: white;
}

.LinkRow1 {
  float:    left;
  text-align:    left;
  width: 99%;
  margin: 0;
}

.LinkRow0 {
  display: none;
}

 
.LinkRow2 { 
  float:    left;
  text-align:    left;
  horizontal-align: left;
  width: 99%;
  margin: 0;
}

.BottomRow1 {
  width: 100%;
  background-color: yellow;
}


.BottomRow {
  float:    left;
  text-align:    left;
  font-size: 87%;
  width: 100%;
  background-color: #2C2C2C;
  color: white;
  padding: 1% 0 3% 0;
}

.BottomRow a {
color: white;
}

.BottomRow a:hover, a:active {
  color:    rgb(201,134,42);
}



.BottomLeft {
  float:    left;
  padding-left: 3%;
  width: 49%;
}

.BottomMiddle {
  float:    left;
  padding-left: 2%;
  width: 45%;
}

.BottomMiddleMiddle {
  float:    left;
  padding-left: 3%;
  width: 49%;
}

.BottomRight {
  float:    left;
  padding-left: 2%;
  width: 45%;
}



/*Kontaktformular*/

div.csc-mailform ol {
list-style:none;
}

.csc-form-element-textline {
  width: 500px:
    display: block;
}

div.csc-mailform ol  {
  max-width: 500px;  
}

div.csc-mailform li  {
  margin: 5px;
}

div.csc-mailform label {
  width:    130px;
  display:  block;
  float:     left;
}

div.csc-mailform input {
  border-style:  solid;
  border-width:  1px;
  border-color:  grey;
  background-color:  #DEDEDE;
}

div.csc-mailform textarea {
  border-style:  solid;
  border-width:  1px;
  border-color:  grey;
  background-color:  #DEDEDE;
}


/*:::::: DATEILISTE ::::::*/

.csc-uploads-fileName {
font-size: 85%;
margin: 0;
padding: 0;
}

.csc-uploads-fileName a:link {
color:   black;
text-decoration: underline;
}

.csc-uploads-fileName a:visited {
color:   rgb(201,134,42);
text-decoration: underline;
}

}

@media only screen and
(min-width:0px) and
(max-width:728px){
  
.gallery-row {
flex-wrap: wrap;
}  

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* marcellus-regular - latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/marcellus-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/marcellus-v13-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/marcellus-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/marcellus-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/marcellus-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/marcellus-v13-latin-regular.svg#Marcellus') format('svg'); /* Legacy iOS */
}



}