body {
  font-family: "Ubuntu", sans-serif;
  line-height: 1.428571429;
  background:#333333;
  color:rgb(51, 51, 51);
}

.container {
  background-color:#ffffff;
}

@media (min-width: 480px) and (max-width: 679px) {
.col-xs-6{
  width:50%;
  position: relative;
  min-height: 1px;
}
}

@media (max-width: 479px){
.col-xs-6{
  width:100%;
  position: relative;
  min-height: 1px;
}
}

/*---------------------------- Header ------------------------------------------------*/

.custom_header_links {
  background-color:rgb(20, 20, 1);

}

.customheader_rechts {
  background-color:rgb(20, 20, 1);
}

@media (max-width: 320px){

.custom_header_links > div:nth-child(1)  {
height:180px;
overflow:hidden;
}
.custom_header_links > div:nth-child(1)  img{
margin-top:-30px;
}
}


/*---------------------------- Illustration ------------------------------------------------*/

.custom_illustration {
  background-color:rgb(151, 190, 13);
  z-index:1;
}

@media (max-width: 320px) {
.custom_illustration {
height:100px;
overflow:hidden;
}
}

@media (min-width: 321px) and (max-width: 360px) {
.custom_illustration {
height:100px;
overflow:hidden;
}
}

@media (min-width: 768px) {
.custom_illustration {
height:180px;
overflow:hidden;
}
.custom_illustration img{
height:180px;
}
}

@media (min-width: 480px) and (max-width: 680px){
.custom_illustration {
height:90px;
overflow:hidden;
}
}

/*---------------------------- Mini Navbar & EMail Button------------------------------------------------*/


.untermenu {
  font-family: "Ubuntu", sans-serif;
  /*font-style:italic;*/
   font-size:1.2em;
  letter-spacing: 0.07em;
color:#5F5F5F;
text-decoration:none;
margin:8px 0px 0px 80px;
}

.untermenu2 {
 font-family: "Ubuntu", sans-serif;
  /*font-style:italic;*/
   font-size:1.2em;
  letter-spacing: 0.07em;
color:#5F5F5F;
text-decoration:none;
cursor:pointer;
margin:40px 0px 0px 65px;
}

.untermenu3 {
 font-family: "Ubuntu", sans-serif;
  /*font-style:italic;*/
   font-size:1.2em;
  letter-spacing: 0.07em;
color:#5F5F5F;
text-decoration:none;
cursor:pointer;
margin:8px 0px 10px 65px;
}

.untermenu a, .untermenu2 a, .untermenu3 a{
 font-family: "Ubuntu", sans-serif;
  /*font-style:italic;*/
   font-size:1em;

color:#5F5F5F;
text-decoration:none;
cursor:pointer;
}

.untermenu a:hover, . untermenu2 a:hover, . untermenu3 a:hover{

font-weight:bold;
color:#5F5F5F;
text-decoration:none;
cursor:pointer;
}




@media (max-width: 480px) {
.custom_mini_nav > div:nth-child(1){
z-index:999;
margin-right:5px;
position:relative;
top:-330px;
height:0px;
}

.item-page h2{
font-size:1.6em;
}

.untermenu {
margin:0px 0px 0px 35px;

}
.untermenu2 {
margin:20px 0px 0px 20px;
}

.untermenu3 {
margin:0px 0px 0px 20px;
}

}

@media (min-width: 480px) {
.custom_mini_nav > div:nth-child(1){
visibility:hidden;
height:0px;
z-index:0;
}
}




@media (max-width: 479px) {
.custom_email_button > div:nth-child(1) > a:nth-child(1){
z-index:998;
position:relative;
top:-280px;
height:0px;
opacity: .5;
}
h2{
font-size:16px;
}
}

@media (min-width: 480px) and (max-width: 680px){
.untermenu {
margin:0px 0px 0px 35px;

}
.untermenu2 {
margin:40px 0px 0px 20px;
}

.untermenu3 {
margin:0px 0px 10px 20px;
}
}

@media (min-width: 480px) and (max-width: 680px){
li.mega first submenu-align-fullwidth{
width:100%;
display:block;
overflow:hidden;

}
}

@media (min-width: 768px) {
.custom_email_button > div:nth-child(1) > a:nth-child(1){
z-index:998;
position:relative;
top:-50px;
height:0px;
visibility:hidden;
}
}

/*---------------------------- Main Menu ------------------------------------------------*/

#js-mainnav.megamenu .js-megamenu span.menu-title{
  font-family: "Ubuntu", sans-serif;
  font-weight:200;
  font-size:1.3em;
  letter-spacing: 0.1em;
  line-height: 1.428571429;
  color:rgb(255,254,230);
  text-transform:uppercase;
 margin:10px 20px 10px 20px;
}

#js-mainnav.megamenu .js-megamenu{
background-color:rgb(151, 190, 13);
}

#js-mainnav.megamenu.blackwhite ul.level0 li:hover, #js-mainnav.megamenu.blackwhite ul.level0 li.active, #js-mainnav.megamenu.blackwhite ul.level0 li.over, #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over {
        background:rgb(20, 20, 1);
/*border-top:1px solid white;
border-bottom:1px solid white;*/

}

#js-mainnav.megamenu.blackwhite {
    border-width: 2px 0px 0px 0px;
    border-style: solid solid solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(255, 255, 255)) repeat scroll 0% 0% padding-box transparent;
    border-radius: 2px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
}

#js-mainnav.megamenu.blackwhite .childcontent-inner {
        border: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #f9f9f9;
        color:rgb(255,254,230);
        /*background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
        background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
        background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
        background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
        background: -o-linear-gradient(top, #f9f9f9, #fefefe);*/
        background:rgb(20, 20, 1);
        text-align: center;
}




@media (max-width: 480px){
#js-mainnav.megamenu ul.level0 li.mega {
width:100%;
text-align:center;


}
}

@media (min-width: 480px) and (max-width: 680px){
#js-mainnav.megamenu .js-megamenu span.menu-title{
  font-family: "Ubuntu", sans-serif;
  font-weight:200;
  font-size:1em;
  letter-spacing: 0.1em;
  line-height: 1.428571429;
  color:rgb(255,254,230);
  text-transform:uppercase;
  margin:5px 10px 5px 10px;
}


}

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

#js-mainnav.megamenu ul.level0 li.mega {
text-align:center;
width:33.33%;
}



}

@media (min-width: 768px) {
#js-mainnav.megamenu ul.level0 li.mega {
width:33.33%;
text-align:center;
}

}

/*---------------------------- Content ------------------------------------------------*/

h2 {
 text-transform:uppercase;
 font-weight:100;
   font-size:2em;
  letter-spacing: 0.07em;
 color:rgb(151, 190, 13);
 padding-top:20px;
 padding-bottom:20px;
}


@media (max-width: 768px) {
.item-page{
font-size:18px;
padding:0px 40px 40px 40px;
}

.blog, .blog-featured {
padding:0px 40px 40px 40px;
}

}


@media (min-width: 768px) {
.item-page{
font-size:20px;
padding:0px 80px 80px 80px;
}

.blog, .blog-featured {
padding:0px 80px 80px 80px;
font-size:20px;
}

}



@media (max-width: 768px) {
.zitate {
padding:40px 40px 40px 40px;
margin:0px -40px -40px -40px;
  font-family: "PT-Serif", serif;
  font-style:italic;
 font-weight:100;
   font-size:2em;
  letter-spacing: 0.07em;
 background-color:rgb(20, 20, 1);
 color:rgb(255,254,230);

}

}


@media (min-width: 768px) {
.zitate {
padding:40px 80px 80px 80px;
margin:0px -80px -80px -80px;
  font-family: "PT-Serif", serif;
  font-style:italic;
 font-weight:100;
   font-size:2em;
  letter-spacing: 0.07em;
 background-color:rgb(20, 20, 1);
 color:rgb(255,254,230);

}

}



/*---------------------------- Footer ------------------------------------------------*/

.moduletable_footer_menu {
   background-color:rgb(30, 30, 4);
   text-align:right;
}

.moduletable_footer_menu a{
    color:rgb(120,120,120);
}

.nav > li > a:hover,
.nav > li > a:focus {
  color:rgb(151, 190, 13);
}