/**************/
/*NEU*/

/**************/
/*Defaults*/
/*************/

#wrappr{
    bottom: 0;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 80;



}


html, body {
    background : #fff;
    overflow : auto;
    margin: 0;
    padding: 0;
    height: 100%;
    border: none;
    color:#000;
    font-size: 1.1em;
    line-height: 1.65em;
    /*font-family: 'Source Sans pro', sans-serif,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;    */
    font-family: 'Open Sans', sans-serif;
}
#halign{
    margin:auto;
    max-width:1345px;
    /*max-width:1682px;*/
    width:100%; /*proportion breite*/
    height:100%; /*proportion hoehe*/
    margin-top:1.5%;
    z-index:15;
    /*transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */

}


a:link {
    color: #368234;
    text-decoration : none;
    background-color : transparent;
    font-size:0.9em;
    font-weight: 400;
}
a:visited {
    color : #000;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;
}
a:hover {
    color: #368234;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;

}


.lnksec{
    padding-right:24px;
}

h1 {

    margin: 0;
    margin-bottom:18px;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.35em;
    color:#444444;
     font-weight:700;

}
.lft3 h1{
    color:#368234;
}
.rgh3 b{
    color:#368234;
}

 h2 {
    margin: 0;
    margin-bottom:18px;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.35em;
    color:#444444;
    font-weight:400;
}
h3 {
    margin: 0;
    padding: 0;
    font-size: 0.1.2em;
    line-height: 1.25em;
    margin-bottom:16px;
    color:#444444;
    font-weight:700;
}
h4 {
     margin: 0;
    padding: 0;
    font-size: 0.1.2em;
    line-height: 2.4em;
    color:#444444;
    font-weight:700;
}
.pdf{
    font-size:1.4em;
    color:#ed2d22 ;
    margin-right:16px;
}


/*************/
/* FX */
/*************/
 /*Langsamer rollover bei divs */

a:hover, div:hover {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.clear{
    clear:both;
}
.ct8{
    -moz-hyphens: auto; /*auto umbruch im Content*/
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;

}

.nvw2{
    display:none;
}

/*init hamburger*/
/* menu btn */

  .header .menu-btn {
    display: none;
}

.header .menu-btn:checked ~ .menu {
    max-height: 1000px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}
    .header .menu {
        position:absolute;
        clear: none;
        float: right;
        max-height: none;
        width:70%;
        top:8%;
        right:0%;
    z-index:700;
    font-weight:600;
    text-align:right;

    }
    .header .menu-icon {
        display: none;
    }



/* // init hamburger */
/*************/
/* Template */
/*************/

#template{
    margin-top:5px;
    background-color:#fff;


}
.logo{
    position:relative;
    text-align:left;
    z-index:500;
    margin-bottom:8px;
}
.logo img{
    position:relative;
    width:17%;
    max-width:286px;
    height:auto;
    margin-left:6.7%;
    z-index:550;
}

.tmplgal{
    position:relative;
    margin-top:4px;
    width:100%;
    height:auto;
    z-index:500;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.5);
}
/**************/
/*Templategalerie*/
/*************/
 .wprgh5{
    position:relative;
    margin-top:24px;
    width:100%;
    z-index: 400;
}
#tpgal9 img{
    position: absolute;
    top:0;
    right:0;
    left:0;
    z-index: 400;
}
#tpgal9 img{
    opacity: 0;
}
#tpgal9 img:nth-of-type(1) {
    -webkit-animation: fade 30s 3s ease-in-out infinite;
    animation: fade 30s 3s  ease-in-out infinite;
}

#tpgal9 img:nth-of-type(2) {
    -webkit-animation: fade 33s 9s ease-in-out infinite;
    animation: fade 33s 9s ease-in-out infinite;
}

#tpgal9 img:nth-of-type(3) {
    -webkit-animation: fade 33s 15s ease-in-out infinite;
    animation: fade 33s 15s ease-in-out infinite;
}

#tpgal9 img:nth-of-type(4) {
    -webkit-animation: fade 33s 21s ease-in-out infinite;
    animation: fade 33s 21s ease-in-out infinite;
}

#tpgal9 img:nth-of-type(5) {
    -webkit-animation: fade 30s 27s ease-in-out infinite;
    animation: fade 30s 27s ease-in-out infinite;
}

@-webkit-keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}

 .tmpl1{
    position:relative;
    width:100%;
    height:auto;
    margin-right:0;
    z-index: 400;

}



/*************/
/* hmnu */
/*************/



ul.navlist
{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: hsla(255, 255%, 255%, 0.98);
    padding:2% 2% 1.7% 1%;

}

ul.navlist li
{
    display: inline;
    /*float: left;*/
    width: 27%;
    margin: 0;
    /*margin-right:10px;*/
    padding: 0;
    border-width: 0px;
    border-color: #ffe #aaab9c #ccc #fff;
    border-style: solid;
    border-right:1px #000 solid;
}

ul.navlist li:nth-last-child(1){
    border-right:0px #000 solid;
}


ul.navlist li a
{
    display: inline;
    width: 100%;
    padding: 0 1.5% 0 1.5%;
    color: #000;
    font-size:1em;
    font-weight:400;
    text-decoration: none;
    /*background: #7C7977;*/
}


#hmnu>ul.navlist li a {
width: auto;
}


ul.navlist li a:hover
{
    color:#e94740;
}



/*************/
/* content */
/*************/

.content{
    position:relative;
    width:81.7%;
    margin-top:3%;
    padding: 0 0 1.5% 8%;
    z-index:400;


}
.ctimg{
   width:81.3%;
   height:auto;
}

.lft3{
    float:left;
    width:34.2%;
}
.lft3 img{
    width:100%;
    height: auto;
    margin-top:13%;
}
.rgh3{
    padding:0 0 0 0;
    width:64%;
    float:left;
    margin:0 0 2% 0.7%;
}

.rgh3 ul, li{
    margin:0;
    margin-left:2%;
    padding:0;
}
.rgh3 ul{
    margin:2% 0 2% 0;
}

.pct54{
    width:100%;
    height:auto;
}
.rgh3 a:hover{
    color:#e94740;
}

.c15{

    float:right;
    color: #0164A1;
    font-size:0.95em;
    line-height: 3.5em;
    margin-right:24px;
}
.btn6 {
    position:absolute;
    bottom:4%;
    left:8%;
    cursor: pointer;
    color: #000;
    font-size: 0.80em;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    border: 1px solid #000;
    outline: none;
    background:#fff;
}
.btn6:active {
    color:#e94740;
}
.impr{
    font-size:0.85em;
}

/*************/
/* team_boxen */
/*************/


 .flx88{
     display:flex;
    flex-wrap:wrap;
    font-size:0.8em;
    line-height:1.6em;

 }
 .flxit88 a{
     font-weight:400;
 }

 .flxit88{
     width:32%;
     margin:0 2% 2% 0;
     padding-bottom:38px;
 }
 .flxit88:nth-child(3n){
    margin-right:0;
}
 .pc39{
    width:100%;
    padding-bottom:14px;
}

/*************/
/* flx_boxen */
/*************/

.grcnt8{
    display:flex;
    flex-wrap:wrap;
    padding:0 0 8% 34.5%;
    background:#ededed;
}
.bxctnt{
   width:100%;
}
.pc109{
    width:100%;
    height:auto;
}
.pc110{
    width:100%;
    height:auto;
    max-width:482px;
}
.bxctnt a:hover{
    color:#000;
    opacity:0.7;
    }

.pc38{
position:relative;
width:67.1%;
height:auto;
max-width:893px;
margin:0 0 0 3%;
float:right;

}
.lgft7{
  font-size:1.3em;
  line-height:1.4em;
}

.bxrgh7{
    position:relative;
    color:#000;
    background:white;
    padding: 0px;
    margin:5% 0 0 3.5%;
    width:38.2%;


}

.inn4{
    padding: 4% 4% 8% 8%;

}

.bxrgh7:nth-child(2n){
    margin-right:0;
}
.bxrgh7 a{
    font-weight:400;
    color:#000;
    display:block;
}
.bxrgh7:hover{
    opacity:0.7;
}
.pc36{
position:relative;
width:100%;
height:auto;
border-bottom: 8px solid #ededed;
}

.c15a{
    font-size:small;
    float:right;
    color: #fff;
    line-height: 1.5em;
}
.ctbx11{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    width:100%;
    background:blue;
}
.hb3{
    width:46%;
    height: auto;
    padding:5px;
}
/*Link Sec*/
.head6{
    display:flex;
    flex-direction: column;
}
.lnksec{
    width:30%;

}
.lgo{
    width:66%;
}

/*************/
/* footer */
/*************/
.footer{
    width:96%;
    padding: 8% 0 8% 4%;
    margin-bottom:48px;
    background-color:#449135;
    font-size:1em;
    color:#fff;
    line-height:1.5em;
}
.flxit7{
    float:left;
}
.al3{

}
.al7{
    margin:0 10% 0 22%;

}
.al8{
    font-size: 3em;
    padding-left:5%;
}
.al9{
   padding-right:8px;
}
.footer a{
    color:#fff;
    font-weight:400;
}
.footer a:hover{
    opacity:0.7;
    color:#fff;
}


/*************/
/* Screen 12400px bis 1700px)*/
/*************/
@media screen and (max-width: 1561px) {
#template {

/*background-color:fuchsia;*/
}
.al7{
    margin:0 10% 0 19%;
}
.al8{
    padding-left:2%;
}
 .header .menu {
        width:72%;
    }
ul.navlist li a
{
    font-size:0.98em;
    padding: 0 1% 0 1%;
}

}/*end*/

/*************/
/* Screen 1024px bis 1240px)*/
/*************/
@media screen and (max-width: 1358px) {

#template {

/*background-color:teal;   */
}
ul.navlist
{
    padding:1.5% 0 1.7% 0;

}


ul.navlist li a
{
    font-size:0.90em;
}
.grcnt8{
    font-size:0.95em;
    line-height:1.5em;
}


.footer{
    width:96%;
    padding: 1.8% 2% 4% 2%;
    margin-bottom:48px;
    }

.a13,.al7,.al8{
    margin:0;
    padding:0;
}
.footer .lft3{
    padding:0;
    width:auto;
    float:inherit;
    margin:0;
}
.footer .rgh3{
    padding:0;
    width:auto;
    float:inherit;
    margin:0;

}
.flxit100{
    display:flex;
    justify-content:space-between;
}
.flxit7{
    width:32%;
}
.flxit7:nth-child(2){
    text-align:center;
}
.flxit7:nth-child(3){
    text-align:right;
}





}/*end*/



/*************/
/* Screen kleine Tablets  */
/*************/
@media screen and (max-width: 1247px) {

#template {
/*background-color:lime; */
}
    .header .menu {
    width:80%;
    top:0%;
    margin-left:1%;
    }

ul.navlist li a
{
    font-size:0.8em;
}
.rgh3 ul{
    margin:2% 0 2% 2%;
}
.bxrgh7{
    margin:5% 0 0 3.5%;
    width:88.2%;
}



}/*end*/


/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 1064px) {
html, body {
    font-size: 1.0em;
    line-height: 1.55em;

    }
    #template {
/*background-color:yellow; */

}
.logo{
    min-height: 12px;
}

.logo img{
    width:17.55%;
    margin-top:1%;
}

.wprgh5{
    padding-top:13%;
}
#tpgal9 img{
    top:25.55%;
}


/*hamburger*/
/* header */

.header {
    position:absolute;
    width: 100%;
    z-index: 9999;

}

.header ul {
    position:relative;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;

z-index:99999;

}



.header li a {
    display: block;
    padding: 20px 20px;
    border-right: 0px solid #f4f4f4;
    text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
    color: #FFCC33;
}


/* menu */

    .header .menu {

    clear: both;
    max-height: 0;
    float:right;
    margin-right:3%;
    max-width:80%;
}

ul.navlist li
{
    display: block;
    width: 95%;
    border-right:0;
    font-size:1.8em;
    padding:12px;

}
ul.navlist li:nth-child(odd) {
    background-color: #f4f4f4 ;

}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 5px;
}

.header .menu-icon .navicon:after {
    top: -5px;
}

.header .menu-btn:checked ~ .menu {
    position:relative;
    padding-bottom: 48px;
}
.rgh3 li{
    margin:0 0 5px 0;
}
.rgh3 li:first-child{
   margin-top:12px;
}
.rgh3 li:last-child{
    margin-bottom:24px;
}

/*//hamburger*/

.pc38{
width:50%;
margin:0;
}
 h2 {
    font-size: 1.3em;
    line-height: 1.35em;

}
.lgft7 {
    font-size:1em;
}

.inn4{
    padding: 2% 2% 3% 3%;
    font-size:0.80em;
    line-height:1.3em;
}
.content .inn4{
    padding:0;
    font-size:0.80em;
    line-height:1.3em;

}


.btn6 {
    position:relative;
    margin:0 0 24px 12px;
    left:0;
}
.inn4{
    font-size:1.0em;
    line-height:1.5em;
}

}/*end*/

  /*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 732px) {
.content {
/*background-color:green;*/
}
.content, .grcnt8{
    width:100%;
    padding: 0 0% 1.5% 0;
}
.wprgh5{
    padding-top:17%;
}
.logo img{
    margin-left:3%;
    min-width:146px;
}

.lft3{
    padding-left:1.8%;
    float:inherit;
    width:96%;
    margin:5% 0 0 0%;
}
.lft3 img{

     margin:1% 0 4% 0;
}

.rgh3{
    width:93%;
    float:inherit;
    margin:0 0 2% 0.7%;
}
 .c15{
    font-size:0.95em;
    margin-right:5px;
}
 .flx88{
    font-size:0.85em;
    line-height:1.6em;
}
.content, .rgh3{
    width:98.3%;
    padding-left:1.3%;
}
.rgh3 ul{
    margin:2% 0 2% 3%;
}
 .flxit88{
     width:47%;
 }
 .flxit88:nth-child(3n){
    margin:0 2% 2% 0;
}
 .flxit88:nth-child(2n){
    margin:0 0 2% 0;
}
.bxrgh7{
    width:91%;
}
.bxrgh7:last-child{
    margin-bottom:48px;
}
.footer{
    width:92%;
    padding: 5% 3% 4% 5%;
    font-size:0.9em;
    line-height:1.4em;
    margin:0;
    }
.flxit100{
    flex-direction: column;
}
.flxit7{
    width:62%;
}
.flxit7:nth-child(2){
    text-align:left;
}
.flxit7:nth-child(3){
    text-align:left;
    padding:24px 0 18px 0;
}
.pct54{
    width:95%;

}
#tpgal9 img{
    top:30.9%;

}



}/*end*/

/*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 550px) {

.content {
/*background-color:maroon;   */

}
.wprgh5{
    padding-top:22%;
}

.logo img{
    min-width:126px;
}
#tpgal9 img{
    top:36.6%;

}

.head6{

    flex-direction: column;
}

}/*end*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE bis 11 Bug Fix kein Flexbox rechte boxen*/
.bxrgh7{
  	display: block;
  	float:left;
  	min-height:195px;
}

}/*end*/