/*==HEADER STYLE==*/
header .container{
      background: url('../img/bg_header_div_logo_vorlage.png') no-repeat;
      background-size: contain;
}
/*--navigation style--*/
.navbar-default{
      margin-top: 71px;
      background-color: transparent;
      border-color: transparent;
}
.navbar-collapse{
      padding: 0px;
}
.navbar-nav{
      float: right;
}
.navbar-nav li:last-child a{
      padding-right: 0px;
}
.navbar-default .navbar-nav>li>a{
      font-family: 'Lato-Light';
      font-size: 13px;
      color: #fff;
      text-transform: uppercase; 
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
      color: #99c8b8;
}
/*logo*/
header .logo{
      position: absolute;
      left: 11px;
      top:-28px;
      width: 50%;
}
/*--language menu--*/
header .col-md-12.lng{
      z-index: 50;
}
.langmenu{
      text-align: right;
      margin-top: 5px;
}
.langmenu a{
      color: #333333;
      font-size: 14px;
}
.langmenu .active,
.langmenu a:hover{
      color: green;
      text-decoration: none;
}
.sep{
      margin: 0 4px;
}
/*==CONTENT STYLE==*/
.layout{
      background: url('../img/bg_header_folgeseite_repeat_x.gif') repeat-x;
      min-height: 100%;
      position: relative;
      padding-bottom: 140px;
}
.layout-main{
      background: url('../img/bg_header.gif') repeat-x;
      min-height: 100%;
      position: relative;
      padding-bottom: 140px;
}
.container.main{
      margin-top: -20px;
      top: -5px;
      position: relative;
}
.layout .container.main{
      background: url('../img/bg_content_folgeseite_norepeat.gif') no-repeat;
      min-height: 100px;
}
.layout .col-md-12.bg{
      display: none;
}
.container.main .bg img{
      border: 3px solid #fff;
}
.textarea{
      margin-top: 10px;
      margin-bottom: 10px;
      padding-left: 35px;
      padding-right: 35px;
}
.textarea .col-md-8{
      line-height: 26px;
}
.textarea .col-md-8 p{
      line-height: 36px;
}
.textarea .col-md-4{
      line-height: 22px;
      margin-top: 15px;
      padding-left: 30px;
}
.textarea .col-md-4 li{
      line-height: 30px;
}
.textarea .col-md-4 ul{
      padding-left: 18px;
      padding-top: 5px;
}
/*==DCE STYLE==*/
/*--green-box--*/
.green-boxes .title{
      margin-top: 15px;
      padding: 15px;
      background-color: #006542;
}
.green-boxes .title h3{
      /*text-transform: uppercase;*/
      margin: 0px;
      color: #fff;
}
.green-boxes .link-cont{
      position: relative;
      background-color: #d9e8e3;
      margin-top: 3px;
      padding-bottom: 40px;
      padding-top: 10px;
}
.green-boxes .gr-list{
      list-style-type: none;
      padding-left: 17px;
}
.green-boxes .gr-list li{
      background: url('../img/pfeil_gruen.gif') no-repeat;
      background-position-y: 8.5px; 
      background-position: 0px 8.5px;
      padding-left: 10px;
}
.green-boxes .gr-list a{
      color: #006542;
      line-height: 27px;
      text-decoration: none;
}
.green-boxes .col-md-4:nth-child(1){
      padding-right: 0px;
}
.green-boxes .col-md-4:nth-child(2){
      padding: 0px 6px;
}
.green-boxes .col-md-4:nth-child(3){
      padding-left: 0px;
}
.green-boxes .green-btn{
      background: url('../img/pfeil_weiss.gif') no-repeat;
      background-position-y: 25px;
      background-position-x: 8.5px;
      background-position: 25px 8.5px;
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      bottom: -7px;
      background-color: #2b9b74;
      border: 3px solid #fff;
      color: #fff;
      width: 145px;
      padding-top: 4px;
      padding-bottom: 4px;
}
/*--side-box--*/
.side-box{
      margin-top: 65px;
}
.col-md-4 .side-box ul{
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 0px;
}
.side-box li:first-child{
      background: url('../img/pfeil_gruen.gif') no-repeat;
      background-position-y: 10px; 
      background-position: 0px 10px;
      padding-left: 10px;
}
.main a:hover,
.main a:active {
      text-decoration: none;
}
.main a,
.side-box a{
      color: #006542;
      text-decoration: underline;
}


/*==FOOTER STYLE==*/
footer{
      position: absolute;
      width: 100%;
      bottom: 0px;
      font-family: 'Lato-light';
      font-size: 14px;
      color: #2b2b2b;
      background: url('../img/bg_footer_repeat_x.gif');
      padding: 25px 0px;
}
.foot-menu{
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 15px;
}
.foot-menu li{
      position: relative;
      display: inline;
      padding: 0px 3px;
}
.foot-menu a{
      color: #2b2b2b;
}
/*==RESPONSIVE==*/
@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
      .layout{
            background-size: auto 187px;
      }
      .layout-main{
            background-size: auto 526px;
      }
      @media screen and (-webkit-min-device-pixel-ratio:0) {
            .layout-main{
                  background-size: auto 522px;
            }
            .layout{
                  background-size: auto 185px;
            }
      }
      .navbar-default{
            margin-top: 66px;
      }
      header .logo{
            left: 17px;
            width: 238px;
      }
}

@media (min-width: 768px) and (max-width: 991px) {
      /*general*/
      header{
            background: url('../img/bg_navigation.jpg') no-repeat;
            background-size: 100% 78px;
            border-top: 4px solid #006641;
            background-position: 0px 127px;
            background-position-y: 127px;
      }
      /*header*/
      header .container{
            background: none;
      }
      /*navigation*/
      .navbar{
            position: static;
      }
      .navbar-nav{
            float: none;
            margin: 0px;
      }
      .navbar-default.sm{
            position: relative;
            margin: 0px;
      }
      .navbar-collapse.collapse.in{
            position: relative;
            top: -5px;
            /*margin-top: -3px;*/
      }
      /*footer*/
      .foot-menu{
            text-align: center;
      }
      .foot-menu li:nth-child(3){
            visibility: hidden;
      }
      .foot-menu li:nth-child(4):before{
            content: "";
            display: block;
      }
}

@media (max-width: 991px){
      /*general*/
      .layout,
      .layout-main,
      .layout .container.main,
      header .container{
            background: none;
      }
      header{
            border-top: 4px solid #006641;
      }
      header .col-md-6{
            position: static;
      }
      header .logo{
            z-index: 10;
            top: 0px;
            width: 375px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
      }
      .container.main{
            margin-top: 20px;
            top: 0px;
      }
      .container.main .bg img{
            border: 0px;
      }
      /*navigation*/
      .navbar{
            margin-bottom: 0px;
      }
      .navbar-default .navbar-toggle {
            border-color: transparent;
            background: url('../img/bt_nav_oeffnen.png') no-repeat;
      }
      .navbar-collapse.collapse.in{
            background: url('../img/bg_mobile_top_kachel_rep.png') repeat-y;
            background-position: center;
            overflow-x: hidden;
            border: 0px;
      }
      .navbar-default .navbar-toggle {
            padding: 30px 28px;
      }
      .navbar-default .navbar-collapse{
            border: 0px;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus{
            background-color: transparent;
      }
      .navbar-collapse.collapsing{
            overflow-x: hidden;
      }
      .navbar-default.top{
            margin-top: 100px;
      }
      .navbar-default.sm{
            min-height: 0px;
            border: 0px;
      }
      /*content*/
      .textarea{
            margin-top: 0px;
            padding: 0px;
      }
      .textarea .col-md-4{
            padding-left: 15px;
      }
      .green-boxes .col-md-4{
            padding-left: 15px !important;
            padding-right: 15px !important;
      }
      /*footer*/
      .foot-menu{
            text-align: center;
      }
}

@media (max-width: 767px) {
      /*header*/
      header .logo{
            position: absolute;
            z-index: 10;
            left: -50px;
            width: 390px;
      }
      /*navigation*/
      .navbar-default.top{
            background: url('../img/bg_mobile_top_kachel_rep.png') repeat-y;
            background-position: center;
            /*margin-right: 25px;*/
            margin-right: -15px;
            margin-left: -15px;
            border-bottom: 10px solid #f3f3f3;
      }
      .navbar{
            min-height: 0px;
            border: none;
      }
      .navbar-default.sm{
            margin: 0 -15px;
      }
      .navbar-collapse.collapse.in{
            /*-webkit-box-shadow: none;*/
            /*box-shadow: none;*/
            margin-top: -5px;
      }
      ul.navbar-nav{
            float: none;
            margin: 0px;
            padding: 15px 0px;
      }
      ul.navbar-nav>li{
            padding-top: 5px;
            padding-bottom: 5px;
      }
      .navbar-default .navbar-nav>li>a{
            font-size: 20px;
      }
      .navbar-collapse.collapse.in{
            position: relative;
            width: 100%;
            top: -10px;
      }
      button.navbar-toggle{
            z-index: 100;
      }
      /*content*/
      .container.main{
            margin-top: 0px;
      }
      .textarea{
            padding: 0px;
      }
      .textarea h1{
            color: #333333;
      }
      .textarea h2{
            color: #333333;
            font-size: 30px;
      }
      .textarea .col-md-4 ul{
            padding-top: 0px;
      }
      .textarea .col-md-4{
            padding-left: 15px;
      }
      .separator{
            border-bottom: 2px solid #787878;
            margin: 30px 15px;
      }
      /*footer*/
      footer{
            padding: 15px 0px;
      }
}