@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------- Styles für Sprachmenü ------------------------- */
.lang_container {
  position: absolute;
    right:2%;
    width: 100%;
    z-index: 10;
}

.lang{
  position:relative;
  height:50px;
  float:right;
}

.langmenu {
  float: left;
  width:24px;
  height:30px;
  
  margin-left:0px;
  margin-right:5px;
  text-align:center;
  
  background-color:#9a9a9a;
  opacity:0.6;
  border-radius: 0 0 2px 2px;
  margin-top:-8px;
  
  -ms-transition: .5s all ease-out;
  -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

.langmenu a {
  display:block;
  padding-top:12px;
  
  font-weight:400;
  text-transform:uppercase;
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
  
  -ms-transition: .5s all ease-out;
  -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

.langmenu a:hover{
  color:#ffffff;
}

.langmenu:hover{
  background-color:#93c11a;
  opacity:0.8;
  margin-top:0px;
}

.act,
.act:hover {
  background-color:#93c11a;
  opacity:1;
  margin-top:0px;
}

.act a, .act a:hover{
  color:#ffffff;
}

/*----------------------------------------------------------------------------- Styles für Hauptmenü ------------------------- */

.mainnavigation {
  width:auto;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  
  font-size:0.8em;
  font-weight:400;
  color:#929292;
}

nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

nav ul li {
  /*float the main list items*/
  margin: 0;
  float: left;
  padding-right:0px;
  margin-left:10px;
  margin-right:10px;
}

#top-menu a {
  font-size:1.2em;
  font-weight:400;
  text-transform:uppercase;
  color:#ffffff;
  
  width:auto;
  
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
    display:inline-block;
    text-align: center;
  
    transition: all 1s ease;      
   -webkit-transition: all 1s ease;          
   -moz-transition: all 1s ease;

    text-decoration: none;
    outline:none;
}

#top-menu a:hover {
  color:#93c11a;
}

.landing_menu .active{
  color:#000000 !important;
}








/*----------------------------------------------------------------------------- Styles für sticky_menu ------------------------- */
.resize{
  height:90px !important;
  background-color:#c9e670 !important;
  border-bottom:2px solid #ffffff !important;
}

.sticky_menu{
  padding:0px;
}

.sticky_menu .balken_logo{
  height:20px;
  position:absolute;
  width:50%;
  top:63px;
  margin-left:-50.5%;

  background: #ffffff; /* Old browsers */
  
  -ms-transition: .5s all ease-out;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

.sticky_menu .logo_header{
  width:100px;
  height:65px;
  background-image:url(../layout_images/logo_white.png);
  background-size: 100px 65px;
  background-repeat:no-repeat;
  background-position:center;
  
  position:relative;
  display:inline-block;
  
  -ms-transition: .5s all ease-out;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;

}

.sticky_menu .mainnavigation {
  width:auto;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  
  font-size:0.9em;
  font-weight:300;
  color:#ffffff;
  margin-bottom:-3px;
}

.sticky_menu nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.sticky_menu nav ul li {
  /*float the main list items*/
  margin: 0;
  float: left;
  padding-right:0px;
  margin-left:5px;
  margin-right:5px;
}

.sticky_menu #top-menu a {
  font-size:0.85em;
  font-weight:400;
  color:#ffffff;
  
  width:130px;
  padding-top:5px;
    display:inline-block;
    text-align: center;
  
  background-image:url(../layout_images/images/mainmenu_button_gruen_normal.png);
  background-position:bottom center;
    background-repeat:no-repeat;
  
  
    transition: all 1s ease;      
    -webkit-transition: all 1s ease;          
    -moz-transition: all 1s ease;

    text-decoration: none;
    outline:none;
}

.sticky_menu #top-menu a:hover {
  color:#ffffff;
}

.sticky_menu .active{
  color:#ffffff !important;
  background-image:url(../layout_images/images/mainmenu_button_white_hover.png) !important;
}


.sticky_menu #top-menu a:after{
  content: "" ;
  padding-right:0px;
  padding-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  width:130px;
  height:23px;
    
  float:right;
  
  background-image:url(../layout_images/images/mainmenu_button_white_act.png);
     background-position:bottom center;
    background-repeat:no-repeat;
  
  opacity:0;
    
  transition: all 1s ease;      
   -webkit-transition: all 1s ease;          
   -moz-transition: all 1s ease;
   
}

.sticky_menu #top-menu a:hover:after{
  opacity:1;
}

.sticky_menu #top-menu a:before{
  content: "" ;
  padding-right:0px;
  padding-left:0px;
  margin-top:0px;
  margin-bottom:5px;
  width:130px;
  height:2px;
    
  float:right;
  
  background-color:#ffffff;
  
  opacity:0;
    
  transition: all 1s ease;      
   -webkit-transition: all 1s ease;          
   -moz-transition: all 1s ease;
   
}

.sticky_menu #top-menu a:hover:before{
  opacity:1;
}

@media handheld, only screen and (max-width: 1084px) {

.menu_trigger{
  position:absolute;
  top:40px;
}  
  
.block_menu_wrapper{
  height:230px;
}

.block01_wrapper{
  padding-top:250px;
}

.haupttitel p{
  font-size:2.2em;
}
  
/*----------------------------------------------------------------------------- Styles für landing_menu ------------------------- */

.landing_menu{
  text-align:center;
}

.landing_menu .balken_logo{
  visibility:hidden;
  
  -ms-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
}

.landing_menu .logo_header{
  width:100%;
  height:150px;
  margin-top: -20px;
  margin-bottom: 20px;
  background-size:200px 130px;
  background-position:center;
  
}


/*----------------------------------------------------------------------------- Styles für sticky_menu ------------------------- */
.resize{
  height:77px !important;
  background-color:#c9e670 !important;
  border-bottom:2px solid #ffffff !important;
}

.sticky_menu{
  padding:0px;
  text-align:center;
  margin-top:-23px;
  
  -ms-transition: 0.5s all ease-out;
    -webkit-transition: 0.5s all ease-out;
    -moz-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.sticky_menu .balken_logo{
  visibility:hidden;
}

.sticky_menu .logo_header{
  background-image:url(../layout_images/logo.png);
  background-size:0px 0px;
  height:0px;
  width:100%;
  visibility:hidden;
  opacity:0;
  background-position:center;
  
  -ms-transition: 0.6s all ease-out;
    -webkit-transition: 0.6s all ease-out;
    -moz-transition: 0.6s all ease-out;
    transition: 0.6s all ease-out;

}

.sticky_menu #top-menu a {
  font-size:0.85em;
  width:130px;
  padding-top:7px;
}

.sticky_menu #top-menu a:after{
  width:130px;
}



.sticky_menu #top-menu a:before{
  width:130px;  
}

}