@charset "UTF-8";


/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}


/* -------------------------------- 

Main Components 

-------------------------------- */
header {
  height: auto;
  background: transparent;
}


/** Hauptnavigation oben **/

.mainmenu {margin-top:44px; padding-left:40px;}
ul.horizontal-main, ul.horizontal-main li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; 
  }

ul.horizontal-main a, ul.horizontal-main span {
  padding: 0 1rem 0.75rem 2.875rem; 
  color:#158e30; 
  display: inline-block; 
  text-transform:uppercase;
  font-size:1.125rem;
   font-family: 'Signika Negative',Sans-Serif; 
 	
 }

 ul.horizontal-main li span.current {
	color:#afca0b;  
 } 

ul.horizontal-main li:first-child a, ul.horizontal-main li:first-child span {
  padding-left: 0; }

nav ul.horizontal-main a:after, nav ul.horizontal-main span:after { 
  padding-left: 0.75rem; }

nav ul.horizontal-main li:first-child a:before, nav ul.horizontal-main li:first-child span:before {
  padding-right: 0.75rem; }

.topsvg {cursor:pointer;}
.navimagelist li{list-style-type: none; padding:0;}
.navimage { position:absolute; right:5%; color:#fff; top:7rem; display:none;}
.navimage-active{display:block;}
.imgKat {display:none; width:75%;}
.imgKat2 {display:none; }
.img-fade-in {display:block;}

#menu-610 a {font-weight:bold;}
#menu-610 a:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding-right: 1rem;
}
#menu-611 a {font-weight:bold;}
#menu-611 a:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding-right: 1rem;
}

/* Menübar start */
#menu-button-bars-wrapper {
  display: inline-block;
  width: 44px;
  height:44px;
  float: left;
  margin-right: 5px; 
  background:url(../Images/menu_.svg) no-repeat; 
  background-size:contain;
  border:1px solid #AFCA0B;
}
#menu-button-bars-wrapper.check-wrap { 
   border:1px solid #fff;
}


.hamburg { 
   display: block;
   width: 42px; height: 42px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
   transition: border-radius .5s;
}

.line { 
   position: absolute; 
   left:10px;
   height: 2px; width: 22px; 
   background:#AFCA0B; 
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 14px; }
.line:nth-child(2) { top: 20px; }
.line:nth-child(3) { top: 26px; }

.hamburg.checked .line:nth-child(1){
   transform: translateY(6px) rotate(-45deg);
}

.hamburg.checked .line.check-line{
   background:#fff;
}

.hamburg.checked .line:nth-child(2){
   opacity:0;
}

.hamburg.checked .line:nth-child(3){
   transform: translateY(-6px) rotate(45deg);
}
/* Tourismus */
#menu-171 a {font-weight:700;}
#menu-171 a:before {
  content: "\f0a9";
  font-family: 'FontAwesome';
  padding-right:1rem;
}
/* Gemeinde */
#menu-172 a {font-weight:700;}
#menu-172 a:before {
  content: "\f0a9";
  font-family: 'FontAwesome';
  padding-right:1rem;
}





.menu-button-bar {
  background-color: rgba(21, 142, 48, 1);
  display: block;
  height: 1px;
  margin-top: 3px;
  width: 25px;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; 
}
.cd-dropdown-trigger:hover #menu-button-text {
  color: #afca0b;

}


#menu-button-wrapper:hover .menu-button-bar {
  background-color: #afca0b;
}
#menu-button-text {
  float: left;
  line-height: 16px;
  position: relative;
  color:#AFCA0B; 
  font-size:1.125rem;
  font-family: 'Signika Negative',Sans-Serif;
  padding-right:5px;
  padding-top:15px
}
/* Menübar ende */


/** Checkbox für Barrierefreiheit **/
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent; }

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -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: 1px;
  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; }
  
 @media (max-width: 601px) { 
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: block; } 
 }  

#main-menu-state:checked ~ #main-menu {
  display: block; }
  
/* Umgibt die Menubar */
.cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  z-index:12;
  height: 40px;
  margin: 25px 0 0 4%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:120px; 
   float:left; 
  
}



.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding: 0 36px 0 20px;
  line-height: 40px;
  background-color: transparent;
  color: #000;
  border-radius: 0; 
}
.no-touch .cd-dropdown-trigger:hover {
  background-color: #171b46; 
}
/*
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {

  content: '';
  position: absolute;
  top: 50%;
  margin-top: 6px;
  height: 2px;
  width: 9px;
  z-index:12;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s; 
  border:1px solid #158e30; 
}
.cd-dropdown-trigger::before {
  right: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);   
}*/



.cd-dropdown-triggerout::before {
  right: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border:1px solid #fff;
}
.cd-dropdown-triggerout::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
border:1px solid #fff;  
}



@media (min-width: 601px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px; }

  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block; } 
	
	
	}


@media only screen and (min-width: 1024px) {
  .cd-dropdown-trigger {
   /* font-size: 1.5rem;  */
  }
  .cd-dropdown-trigger.dropdown-is-active {
    background-color: #afca0b; 
  }
  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    background-color: #47975f; 
  }
  .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    width: 20px;
  }
  .cd-dropdown-trigger.dropdown-is-active::before {
    /* transform the arrow into a 'X' */
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}


.cd-dropdown-content{
  list-style: none;
  margin: 0;
  padding: 0;
	
}
/* Erste Ebene */
.cd-dropdown-content li, .is-hidden li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  /* Erste Ebene Min-WIdth*/
  min-width:320px;
	
}

/* General Link */
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  min-height: 30px;
  line-height: 30px;
  font-family: 'Signika Negative',Sans-Serif; 
}

@media only screen and (min-width: 768px) {

  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 40px;
    line-height: 40px;
	font-family:'Conv_BakerSignet',Sans-Serif; 
  }
}
@media only screen and (min-width: 1024px) {

  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    min-height: 30px;
    line-height: 40px;
	font-family: 'Signika Negative',Sans-Serif; 
  }
}


.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0;
  font-family: 'Signika Negative',Sans-Serif;
}

/* Wrap um die erste Ebene - nav class="cd-dropdown" */
.cd-dropdown {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: #ffffff;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;  
}

.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent; 
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s; 
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
   .cd-dropdown {
  /*  padding-top:160px; */
   top: 160px);
   }
}


@media only screen and (min-width: 1024px) {
  .cd-dropdown {
    position: absolute;
    top: 160px;
	
    /* reset style*/
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background: transparent;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; 
  }
  .open-to-left .cd-dropdown {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    right: 0;
    left: auto;
  }
 .cd-dropdown .cd-close {
    /* on desktop - hide title and 'X' */
    display: none;
  }
  .cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  }
}

/* Wrap um jede Ebene */
.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px; 
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #ffffff;
  /* truncate text with ellipsis if too long
  overflow: hidden; 
  text-overflow: ellipsis;*/
  white-space: nowrap;
   border-bottom-width: 0px;
  border-color: transparent;
  border-style: solid;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 0;
}

.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right SUBMENU */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); 
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.move-out > li > a {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0; 
  border-bottom:1px solid #fff; 
}

.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);

}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1025px) {
	 .cd-dropdown {
    position: absolute;
    top: calc(100% - 2px);
	 }
}



@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 40px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 1.125rem; 
  }
 
  
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
	/* abstand von oben */  
    padding-top: 40px;
    overflow: visible;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    color: #fff;
    min-height: 30px;
    line-height: 40px; 
  }

  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 0;
  }
  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* reset mobile style */
    opacity: 1;
  }
}


@media only screen and (min-width: 1024px) {
  .cd-dropdown-content {
    /* reset mobile style */
    position: static;
    height: auto;
    width: auto;
  }
  .cd-dropdown-content > li:last-of-type a {
    border-bottom: none;
  }
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    color: #afca0b; 
  }
  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  .cd-dropdown-content .is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-dropdown-content .go-back {
    display: none;
  }

  .cd-dropdown-content .cd-dropdown-item, .cd-dropdown-content a, .cd-dropdown-content .cd-dropdown-item, .cd-dropdown-content a, .cd-dropdown-content .cd-dropdown-item, .cd-dropdown-content a {
    border: none;
  }
  
   /* Erste Ebene ACT */
  .cd-dropdown-content > .act > a{
    color: #afca0b;
  }

  /* Zweite Ebene */
  .cd-dropdown-content > .has-children > ul {
    visibility: hidden; 
	padding-left:80px;
    background:url(../Images/border.png) no-repeat 40px 0;	
  }
  

  
   /* Zweite Ebene CUR */
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown li.cur > a{
    color: #afca0b;
  }
  
   /* Zweite Ebene ACT */
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown li.act > a{
    color: #afca0b;
  }
  
  /* Dritte Ebene */
  .cd-dropdown-content > .has-children > ul > .has-children > ul{
    visibility: hidden; 
	padding-left:20px; 
	
  }
  
   /* Dritte Ebene aufgeklappt */
   .cd-dropdown-content > .has-children > ul > .has-children > ul.is-active{
    visibility: visible; 
	padding-left:160px; 
	background:url(../Images/border.png) no-repeat 120px 0;
	
  }
  
  .cd-dropdown-content > .has-children > ul.is-active {
    /* when hover over .cd-dropdown-content items - show subnavigation Zweite Ebene */
    visibility: visible; min-height:480px;
  }
  
 
  
   .cd-dropdown-content > .has-children > .			.is-active > li > ul.is-active {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    /* visibility: hidden; */
    visibility: visible; 	
  }
  
  
 
  
 
  .cd-dropdown-content > .has-children > a.is-active {
    /* hover effect for .cd-dropdown-content items with subnavigation HAUPTNAVIGATION */
    color: #afca0b; 
  }
  /* HAuptebene hover Pfeil */
  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
    /*background: #afca0b; */
  }
  /* Submenü Link Hover */
 .cd-dropdown-content > .has-children > ul.is-active li a:hover{
    color: #afca0b; 
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}

.has-children > a, .go-back a {
  position: relative;
   border-bottom:1px solid #fff;
}

.no-child a{
  position: relative;
   border-bottom:1px solid #fff;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists 
  content: '';;*/
  position: absolute;
  top: 0;
  margin-top: -1px;
  display: inline-block;

  background: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
 
}
.has-children > a::after, .go-back a::after {
	font-family: 'FontAwesome';
	content: "\f0da";
}
#menu-281 > a::after{
    content: "";
}
.cd-dropdown-content > .cur > a {
    color: #afca0b;
}

.has-children > a {
  padding-right: 40px; 
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 5px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

@media only screen and (min-width: 1024px) {
  .open-to-left .cd-dropdown-content > .has-children > a {
    padding-left: 40px;
    padding-right: 20px; 
	
  }
  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
    right: auto;
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;  
  }
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color:transparent;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2; 
}

/*
  .cd-dropdown-content .cd-secondary-dropdown > li {
    width: 50%;
    float: left; border:2px solid blue !important;
  }
  .cd-dropdown-content .cd-secondary-dropdown {
    overflow: hidden;
    width: 550px;
    padding-bottom: 65px;
  }
  */

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}

@media screen and (max-width: 1280px) {
	.mainmenu {padding-left:20px;}
	ul.horizontal-main a, ul.horizontal-main span {
  padding: 0 1rem 0.75rem 2.25rem; 
  color:#158e30; 
  display: inline-block; 
  text-transform:uppercase;
  font-size:1.125rem;
  font-family:'Conv_BakerSignet',Sans-Serif;
  }
}


@media screen and (max-width: 1024px) {
.navimage { position:absolute; right:auto; left:0; color:#fff; top:2rem;}
.imgKat2 {max-width:70%;}
.mainmenu {margin-top:0; padding-left:40px;}
.cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  z-index:12;
  height: 40px;
  margin: 26px 0 0 5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:120px; 
   float:left; 
}
/* Erste Ebene */
.cd-dropdown-content li, .is-hidden li {
  min-width:280px;	
}


.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.move-out > li > a {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
 /* opacity: 0; */
  border-bottom:0px solid #fff; 
}

   /* Erste Ebene */
  .cd-dropdown-content > .has-children  { 
	padding-left:20px;
	padding-right:20px;
  }
  
    /* Erste Ebene ohne Submenu */
  .cd-dropdown-content > .no-child  { 
	padding-left:20px;
	padding-right:20px;
  }
  
 /* Zweite Ebene */
  .cd-dropdown-content > .has-children > ul li{
	border-bottom:1px solid #fff;
  }

      /* Zweite Ebene */
  .cd-dropdown-content > .has-children > ul {
	padding-left:40px;
    background:url(../Images/border.png) no-repeat 20px 0;

  }
  
    /* Dritte Ebene aufgeklappt */
   .cd-dropdown-content > .has-children > ul > .has-children > ul.is-active{
	padding-left:100px; 
	background:url(../Images/border.png) no-repeat 70px 0;
  }
  
  
  /*########################*/
  
  /* Erste Ebene ACT */
  .cd-dropdown-content > .act > a{
    color: #afca0b;
  }

   /* Zweite Ebene CUR */
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown li.cur > a{
    color: #afca0b;
  }
  
   /* Zweite Ebene ACT */
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown li.act > a{
    color: #afca0b;
  }
}

@media screen and (max-width: 960px) {
ul.horizontal-main a, ul.horizontal-main span {
  padding: 0 1rem 0.75rem 2.25rem;
  }
.navimage-active{display:none;}  
}


@media screen and (max-width: 810px) {
 .mainmenu {margin-top:0; padding-left:0;}
 .cd-dropdown-wrapper { margin-top:2.5rem; }
 ul.horizontal-main li:last-child{display:none} 
  ul.horizontal-main a, ul.horizontal-main span {
  padding: 0 1.3rem 0.75rem 1.3rem;
  color:#158e30; 
  display: inline-block; 
  text-transform:uppercase; 
  }
  ul.horizontal-main li:last-child a {padding: 0 0 0.75rem 1.3rem;}
   .cd-secondary-dropdown { padding-right:20px;}
   .cd-secondary-dropdown .cd-secondary-dropdown {  padding-right:20px;} 
  /* Zweite Ebene */
  .cd-dropdown-content > .has-children > ul {
	padding-left:20px;
    background:none;

  }
  
    /* Dritte Ebene aufgeklappt */
   .cd-dropdown-content > .has-children > ul > .has-children > ul.is-active{
	padding-left:20px; 
	background:none;
  } 
   
}

@media screen and (max-width: 700px) {
  ul.horizontal-main a, ul.horizontal-main span { padding: 0 1rem 0.75rem 1rem;}
  ul.horizontal-main li:nth-child(2) a {padding: 0 0 0.75rem 1.3rem; }
  .cd-dropdown-trigger::before, .cd-dropdown-trigger::after { display:none}
  .cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  z-index:12;
  height: 40px;
  margin-left: 0;
  margin-top:8px; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:100px; 
   float:left; 
}
.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding: 0 20px 0 20px;
  line-height: 40px;
  background-color: transparent;
  color: #000;
  border-radius: 0; 
}
}

@media screen and (max-width: 600px) {
.mainmenu {margin:0 auto !important; padding:0 !important; float:none; display:table; width:auto; } 
.wrapper-logo .col-6 { float:left; background:#158e30; }

.imgKat2 {max-width:90%;}

/* Umgibt die Menubar NEU */
.cd-dropdown-wrapper {
  display: inline-block;
  position: absolute;
 /* bottom:16px; */
  top:6px;
  left:0;
  z-index:1200;
  height: 40px;
  margin: 0 !important;
  padding-top:10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:120px; 
   float:left;
}

.menu-button-bar {
  background-color: rgba(255, 255, 255, 1);
  display: block;
  height: 1px;
  margin-top: 3px;
  width: 25px;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; 
}
#menu-button-text {
  color:#afca0b; 
}

ul.horizontal-main a, ul.horizontal-main span {
  padding: 0.5rem 1rem 0.5rem 1rem; 
  color:#fff; 
  display: inline-block; 
  text-transform:uppercase;
  font-size:1rem;
  font-family:'Conv_BakerSignet',Sans-Serif; 
  }
 ul.horizontal-main a:hover{color:#000;} 
 ul.horizontal-main li.current a {
	color:#afca0b;  
 }

 ul.horizontal-main li span.current {
	color:#afca0b;  
 }
}

@media screen and (max-width: 568px) {
.cd-dropdown-wrapper {
 /* bottom:0; */
}
}

@media screen and (max-width: 480px) {
#menu-button-text { display:none;}
.cd-dropdown {top: 0; }
}

@media screen and (max-width: 360px) {
	.cd-dropdown-wrapper {
  display: inline-block;
  position: absolute;
  z-index:1200;
  height: 40px;
  margin: 0 !important;
  padding-top:10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:auto; 
   float:left; 
   }
}


@media screen and (max-width: 320px) {
 .cd-secondary-dropdown { padding-right:20px; min-width:290px; max-width:290px;}
 .cd-secondary-dropdown li a{ min-width:260px; max-width:260px;}
 .cd-secondary-dropdown .cd-secondary-dropdown {  padding-right:20px;}
 .mainmenu {margin:0 10px 0 auto !important; padding:0 !important; float:none; display:table; width:auto; } 
 .cd-dropdown-wrapper {
  display: inline-block;
  position: absolute;
  z-index:1200;
  height: 40px;
  margin: 0 !important;
  padding-top:10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   min-width:auto; 
   float:left; 
}
}

@media screen and (max-width: 568px) {
.cd-dropdown-trigger:before, .cd-dropdown-trigger:after { display:none}
}