.sm-clean {	background: transparent;}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { font-family: "Montserrat"; font-size: 12px; }

.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
	font-size: 12px;
	border-left: 8px solid transparent;
}


@media (min-width: 768px) {
	.sm-clean a:has(.sub-arrow):after {content: "\F078"; font-family: "FontAwesome"; font-size: 0.7em; width: auto; height: auto; transition: 1s; position: absolute; margin-left: 8px; margin-top: 0px;  }
	.sm-clean a .sub-arrow {display: none;}
	.sm-clean li a {border-bottom: 3px solid transparent;}
	.sm-clean li:hover a {border-bottom: 3px solid rgba(var(--dunkelbraun));}
//	.sm-clean a:has(.sub-arrow):hover:after {transform: rotate(-180deg);}
	.sm-clean ul {border: 0px!important; padding: 0px!important; border-radius: 0px!important;}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted, .sm-clean ul a.current {background: rgba(var(--dunkelbraun)); color: #FFF!important;}


	.sm-clean > li > ul::before, .sm-clean > li > ul::after { border: 0px!important;
		content: '';
		position: absolute;
		top: -18px;
		left: 30px;
		width: 0;
		height: 0;
		overflow: hidden;
	  }
	
	

}


.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#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;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 768px) {
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { padding: 0px 20px 10p 20px;}
	.sm-clean a.has-submenu { padding-right: 24px; }

  /* hide the button in desktop view */
  .main-menu-btn {
	position: absolute;
	top: -99999px;
	display: none;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
	display: block;
	float: right;
  }
  
  /* prevent text rendering degrade during animation in Mac browsers */
	#main-menu {
	  -webkit-font-smoothing: subpixel-antialiased;
	}
	/* show animation */
	#main-menu ul.show-animation {
	  -webkit-animation: show-animation 0.2s;
	  animation: show-animation 0.2s;
	}
	@-webkit-keyframes show-animation {
	  0% {
		-webkit-transform: scale3d(0, 0, 1);
		opacity: 0;
	  }
	  60% {
		-webkit-transform: scale3d(1.05, 1.05, 1);
	  }
	  100% {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1;
	  }
	}
	@keyframes show-animation {
	  0% {
		transform: scale3d(0, 0, 1);
		opacity: 0;
	  }
	  60% {
		transform: scale3d(1.05, 1.05, 1);
	  }
	  100% {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	  }
	}
	/* hide animation */
	#main-menu ul.hide-animation {
	  -webkit-animation: hide-animation 0.2s;
	  animation: hide-animation 0.2s;
	}
	@-webkit-keyframes hide-animation {
	  0% {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: scale3d(0, 0, 1);
		opacity: 0;
	  }
	}
	@keyframes hide-animation {
	  0% {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	  }
	  100% {
		transform: scale3d(0, 0, 1);
		opacity: 0;
	  }
	}
  }
  
  
}