/*25rem=400px  26.563rem=425px  28rem=450px  80rem=1280px 60rem=960px 62.5rem=1000px 66rem=1052px 41rem=656px 50rem=800px 18rem=288px*/
/* gruen=rgba(123,172,37,1) dunkelgruen=rgba(68,101,22,1) hellgruen=rgba(171,240,53,1) lila=rgba(141,38,171,1) grau=rgba(148,149,151,1) */
#main-menu {clear:both;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
/* Mobile menu toggle button */
.main-menu-btn {float:right;margin:.3rem .4rem 0rem 0;position:relative;display:inline-block;width:40%;height:3.9rem;white-space:nowrap;overflow:hidden;cursor:pointer;background-color:rgba(123,172,3,1);border-radius:.5rem}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {position:absolute;top:1.7rem;rrrrright:37%;right:20%;height:.25rem;width:2.5rem;background:rgba(255,255,255,1);transition:all 0.75s}
.main-menu-btn-icon:before {content:'';top:-.8rem;left:0}
.main-menu-btn-icon:after {content:'';top:.8rem;left:0}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {height:0}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {top:-10%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {top:-10%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {position:absolute;width:1px;height:10px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {display:none}
#main-menu-state:checked ~ #main-menu {display:block}
.navi {display:block;box-sizing:border-box;position:relative;z-index:9999}
.navi, .navi ul, .navi li {display:block;list-style:none;margin:0;padding:0;line-height:normal;text-align:left}
.navi>li>h1,.navi>li>h2,.navi>li>h3,.navi>li>h4,.navi>li>h5,.navi>li>h6 {margin:0;padding:0;}
.navi ul {display:none}
.navi li,.navi a {position:relative;line-height:1.6}
.navi a {display:block}
.navi a.disabled {cursor:default}
.navi::after {content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.navi *,.navi *::before,.navi *::after {box-sizing:inherit}
.navi a {padding:.8rem .4rem .6rem .4rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.18rem;color:rgba(255,255,255,1);background:rgba(123,172,3,1);bbbbbbborder-left:.4rem solid rgba(123,172,3,1);text-decoration:none}
.navi a:hover, .navi a:focus, .navi a:active {color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(255,255,255,1.0);text-decoration:none}
.navi a.current {padding-left:.4rem;color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(255,255,255,1.0)}
.navi a.current:hover {border-left:.4rem solid rgba(123,172,3,1)}
.navi a .sub-arrow {position:absolute;top:.42rem;right:.5rem;width:5.4rem;height:2.2rem;overflow:hidden;font-size:1.6rem;line-height:1.4;text-align:center;color:rgba(123,172,3,1);background:rgba(255,255,255,1);border-radius:.25rem}
.navi a .sub-arrow::before {color:rgba(123,172,3,1);content:'+'}
.navi a.highlighted .sub-arrow::before {content:'–'}
.navi > li:last-child > a, .navi > li:last-child > *:not(ul) a, .navi > li:last-child > ul, .navi > li:last-child > ul > li:last-child > a, .navi > li:last-child > ul > li:last-child > *:not(ul) a, .navi > li:last-child > ul > li:last-child > ul, .navi > li:last-child > ul > li:last-child > ul > li:last-child > a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {}
.navi > li:last-child > a.highlighted, .navi > li:last-child > *:not(ul) a.highlighted, .navi > li:last-child > ul > li:last-child > a.highlighted, .navi > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .navi > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > rgba(180,217,230,1) li:last-child > *:not(ul) a.highlighted {border-radius:0}
.navi ul {padding-left:0}
.navi ul a {padding-left:1.1rem;color:rgba(123,172,3,1);background:rgba(255,255,255,1.0);border-left:.4rem solid transparent}
.navi ul a:hover, .navi ul a:focus, .navi ul a:active {color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1);text-decoration:none}
.navi ul a.current {padding-left:1.1rem;color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1)}
.navi ul a.current:hover {border-left:.4rem solid rgba(123,172,3,1)}
.navi ul ul {padding-left:0}
.navi ul ul a {padding-left:2.2rem;color:rgba(123,172,3,1);background:rgba(255,255,255,1.0);border-left:.4rem solid transparent}
.navi ul ul a:hover, .navi ul a:focus, .navi ul a:active {color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1);text-decoration:none}
.navi ul ul a.current {padding-left:2.2rem;color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1)}
.navi ul ul a.current:hover {border-left:.4rem solid rgba(123,172,3,1)}
.navi ul ul ul {padding-left:0}
.navi ul ul ul a {padding-left:3.3rem;color:rgba(123,172,3,1);background:rgba(255,255,255,1.0);border-left:.4rem solid transparent}
.navi ul ul ul a:hover, .navi ul a:focus, .navi ul a:active {color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1);text-decoration:none}
.navi ul ul ul a.current {padding-left:3.3rem;color:rgba(123,172,3,1);background:rgba(255,255,255,.7);border-left:.4rem solid rgba(123,172,3,1)}
.navi ul ul ul a.current:hover {border-left:.4rem solid rgba(123,172,3,1)}
.navi ul li {border-top:.063rem solid rgba(255,255,255,0)}
/* --- die listenpunkte mit externen links --- */
.navi ul a[target=_blank]::before {font-family:'FontAwesome';content:"\f08e";padding-right:.5rem;vertical-align:baseline}

/* --- die zweite navi ebene links ausblenden --- */
.navizweiteebene {display:none} 
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */
/* --- die media queris --- */
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */
@media only screen and (min-width:62.5rem) {
#main-menu {clear:none}
#main-menu:before {display:none}
.main-menu-btn {position:absolute;top:-99999px}
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {display:inline-block}
/* start... (it's not recommended editing these rules) */
/*** navvvvvv {width:100%;padding:.3rem 0 .14rem 0;line-height:1;text-align:center;background-color:rgba(123,172,3,1);position:sticky;top:-.025rem;z-index:1} ***/
nav {wwwwidth:100%;padding-left:3rem;line-height:1;text-align:center;bbbbbbbackground-color:rgba(255,255,255,0);bbbborder:2px solid red}
 
.navi ul {position:absolute;mmmmargin:0 auto;bbbbborder:2px solid red}
.navi li {float:left}
.navi ul li {float:none}
.navi a {white-space:nowrap}
.navi .navi-nowrap > li > a, .navi .navi-nowrap > li > :not(ul) a {white-space:nowrap}
/* ...end */
.navi li {mmmmargin:0 1.4rem;bbbbackground-color:red}
.navi li:hover {bbbbackground-color:white}  
.navi li:last-childd {mmmmargin-right:0}
.navi ul li {border-top:0}
/*** .navi a:link {padding:.4rem .5rem;border:.125rem solid rgba(123,172,3,1);border-radius:.25rem;text-decoration:none} ***/
.navi a:link {font-size:.92rem;padding:1.4rem 1.6rem 1.225rem 1.6rem;color:rgba(255,255,255,1);background-color:rgba(255,255,255,0);text-decoration:none;border-left:.1rem solid rgba(123,172,37,0)} 
.navi a:visited {font-size:.92rem;padding:.4rem .6rem .2rem .6rem;color:rgba(255,255,255,1);background-color:rgba(255,255,255,0)}
.navi a:hover {color:rgba(123,172,37,1);background-color:rgba(255,255,255,1)} 
.navi a:active {color:rgba(123,172,37,1);background-color:rgba(255,255,255,1)} 
.navi a.current {border-left:0}
.navi a.current:hover {border-left:0}    
  
.navi li ul li {margin-right:10rem}
.navi li ul li:last-child {margin-right:0rem}    
.navi li ul li:first-child {}

.navi li ul {background:rgba(123,172,37,.9);z-index:2}
.navi li ul li {margin:.2rem 0;z-index:2}
.navi li ul li:first-child {margin-top:0rem}
.navi li ul li:last-child {margin-bottom:0}  
.navi li ul li a:link {color:rgba(255,255,255,1);padding:.4rem 2.4rem .4rem 1rem;letter-spacing:.09rem;text-transform:none;border-left:.1rem solid rgba(123,172,37,.9)} 
.navi li ul li a:visited {color:rgba(255,255,255,1);pppppadding-right:2rem;letter-spacing:.09rem;text-transform:none;border-left:.1rem solid rgba(123,172,37,.9)}    
.navi li ul li a:hover {color:rgba(123,172,37,1);border-left:.1rem solid rgba(123,172,37,1)} 
.navi li ul li a:active {color:rgba(123,172,37,1);border-left:.1rem solid rgba(123,172,3,1)} 
.navi li ul li a.current {color:rgba(123,172,37,1);border-left:.1rem solid rgba(123,172,3,1)} 
.navi li ul li a.current:hover {color:rgba(255,255,255,1);border-left:.1rem solid rgba(123,172,3,1)}  

.navi li ul li ul {bbbbackground:rgba(248,248,248,1);bbbborder-radius:.5rem}
.navi li ul li ul li a:link {padding-right:2rem;letter-spacing:.09rem;text-transform:none}   
.navi li ul li ul li a:visited {color:rgba(255,255,255,1);padding-right:2rem;letter-spacing:.09rem;text-transform:none;border-left:.1rem solid rgba(123,172,37,.9)}    
.navi li ul li ul li a:hover {color:rgba(123,172,3,1);border-left:.1rem solid rgba(123,172,3,1)} 
.navi li ul li ul li a:active {color:rgba(123,172,3,1);border-left:.1rem solid rgba(123,172,3,1)} 
.navi li ul li ul li a.current {color:rgba(123,172,3,1);border-left:.1rem solid rgba(123,172,3,1);padding-left:.6rem}
.navi li ul li ul li a.current:hover {border-left:.1rem solid rgba(123,172,3,1)}  

 
  
.navi a .sub-arrow {display:none}
.navi li ul li a .sub-arrow  {display:block}
.navi li ul li a .sub-arrow::before {color:rgba(255,255,255,1);content:'+'}
.navi li ul li a.highlighted .sub-arrow::before {content:'+'}  
.navi li ul li a .sub-arrow {position:absolute;top:.4rem;right:.5rem;width:1rem;height:1.3rem;padding-top:.09rem;font-size:1.2rem;line-height:1.1}
.navi li ul li a .sub-arrow {color:rgba(255,255,255,1);background:rgba(123,172,37,.5)} 
.navi li ul li a:hover .sub-arrow {color:rgba(123,172,3,1);background:rgba(123,172,37,0)} 
.navi li ul li a:active .sub-arrow {color:rgba(123,172,3,1);background:rgba(123,172,37,0)}  
.navi li ul li a.current .sub-arrow {color:rgba(123,172,3,1);background:rgba(123,172,37,0)}  

  
  
  

  



/* --- die zweite navi ebene links einblenden --- */
.navizweiteebene {display:block} 



  
  
}