@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Mako);


/* DEFAULT FONTS & RTE ELEMENTS-------------------------------------------------- */

* {
  margin:0px;
  padding:0px;
}


body  {
font-family: 'Mako', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 140%;
color: #929498;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;  
}

p { /* font-size: 14px; */ margin-bottom:18px; }

h1, h2, h3, h4, h5 {
   /* margin-bottom: 10px !important;*/
    margin-top: 0px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;  
}



h1, .h1  {
font-family: 'Libre Baskerville', serif;
font-size:30px;
margin-bottom:14px;
font-style:normal;
font-weight:400;
color: #929498;
text-transform:uppercase;
padding: 0px;
	
}
 

h2, .h2  {
font-family: 'Libre Baskerville', serif;
font-size:20px;
margin-bottom:8px;
font-style:normal;
font-weight:400;
color: #929498;
text-transform:uppercase;
padding: 0px;
}


h3, .h3  {
font-family: 'Libre Baskerville', serif;
font-size:16px;
margin-bottom:8px;
font-style:normal;
font-weight:400;
color: #929498;
text-transform:uppercase;
padding: 0px;
}




ul {
	margin-left:20px;
}

li {	
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
} 


#infobox h1, #infobox h2, #infobox h3,
#infobox p {
  color:#D7D8D9 !important;
}

#infobox h2 {
  font-size:20px;
  line-height:auto;
  padding-top:4px;
}




#footer {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #666;
}


.fa-lg {  font-size: 1.75em !important; }
.fa {   padding-left: 5px !important; }


/* Linkstyle */

a img { border:0px;}
a.download { color:  #929498; text-decoration:underline; }
a.internal-link { color: #929498; text-decoration:underline;  }
a.external-link-new-window { color:#929498; text-decoration:underline }
a.mail { color:#929498; text-decoration:underline;  }
a { color:#929498; text-decoration:underline; }


a.download:hover,
a.internal-link:hover, 
a.external-link-new-window:hover, 
a.internal-link-new-window:hover, 
a.mail:hover
 {
  color:#C19200;
}


a h2, a:hover h2,  #download a {
  color:#fff;
  text-decoration:none !important;
  font-weight:400;
}


#infobox a { color:#D7D8D9 !important; text-decoration:underline; }
#infobox a:hover { color:#C19200 !important; text-decoration:underline; }


#footer a { color: #666 !important; text-decoration:none;}
#footer a:hover { text-decoration:underline;} 


#meguralink a { color:#767E63; text-decoration:none; font-weight:400 !important; }
#meguralink a:hover{ color:#767E63; text-decoration:underline; font-weight:400 !important; }

#stablink-icons a:hover .fa { color: #C19200 !important; }








/* Backende RTE Settings */
.htmlarea-content-body { background-color:#fff; }

.htmlarea-content-body {
    font-family: 'Open Sans', sans-serif !important;
 
}

.htmlarea-content-body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 3px;
}


.htmlarea-content-body a.linkbox {
    border: 1px solid #333 !important;
    color: #333;
    text-decoration:none !important;
}

.htmlarea-content-body,
.htmlarea-content-body h1,
.htmlarea-content-body h2,
.htmlarea-content-body h3,
.htmlarea-content-body h4,
.htmlarea-content-body p   {
  color:#333 !important
}


.htmlarea-content-body h1,
.htmlarea-content-body h2,
.htmlarea-content-body h3,
.htmlarea-content-body h4 {
  line-height:130%;
}



.htmlarea-content-body a.linkbox {
  color:#333 !important;
}


.htmlarea-content-body a,
.htmlarea-content-body a:hover  {
  color:#333;
  text-decoration:underline;
}








/* RESPONSIVE FONTS
-------------------------------------------------- */


@media screen and (max-width: 767px) { 

  .fa-lg {
    font-size: 2.25em !important;
    padding-left: 15px !important;
  }

 }


@media screen and (min-width: 768px) and (max-width: 965px) {
    
}


@media screen and (max-width: 600px) { 

  h1, .h1  {   font-size:24px;   }
  h2, .h2  {   font-size:18px;   }
  h3, .h3  {   font-size:16px;   }
 

}

@media screen and (max-width: 480px) { 

}