/*TASTATURBEDIENUNG BARRIEREFREI*/
#mainNavigation a.invisible:focus-visible {clip: initial;position: absolute; top: 0px;width: 100%;height: 100%;background-color: var(--white);z-index: 2;text-align: center;padding: 10px !important; color: var(--black) !important; display: flex;align-items: center;justify-content: center}
#mainNavigation a:focus-visible {display: inline-block;padding: 20px 10px; margin: 0}
/*ENDE TASTATURBEDIENUNG BARRIEREFREI*/ 


/*HEADER*/
#container {padding-top: 147px}
#header {position: fixed !important; top: 0; width: 100%; left: 0; background-color: #fff;z-index: 999999;}
#headBar {padding-top: 20px; padding-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: space-between}
#headBar .inside {position: relative}
#logo a  {display: flex; align-items: center}
#logo img {width: 60px}
#logo img {margin-right: 18px}
#pageTitle {font-family: var(--font-bold);margin: 0; font-size: 20px}
#pageTitle p {margin: 0}
#logo a:focus, #searchToggle:focus {outline: 2px dashed currentColor}

/*NAVIGATIONSBAR*/
#navBar {border-top: 1px solid #d7dce1;border-bottom: 1px solid #d7dce1}
#navBar > .inside, #mainNavigation ul {overflow: visible}
#navBar .backlayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);display: none;}

#mainNavigation {position: relative}
#mainNavigation li {display: inline-block;}
#mainNavigation ul {display: flex; width: 100%;align-items: center}
#mainNavigation ul.level_1 {/*justify-content: space-between;*/ max-width: 1000px}

#mainNavigation .level_1 > li {position: relative;vertical-align: middle; display: flex;margin-right: 3%}
#mainNavigation .level_1 > li > a:before, #mainNavigation .level_1 > li > strong:before {content: ""; background-color: var(--red); height: 3px; width: 0; position: absolute; bottom: -1px; left: 0;    -webkit-transition: all .75s cubic-bezier(.23,1,.32,1);-moz-transition: all .75s cubic-bezier(.23,1,.32,1);-ms-transition: all .75s cubic-bezier(.23,1,.32,1);-o-transition: all .75s cubic-bezier(.23,1,.32,1);transition: all .75s cubic-bezier(.23,1,.32,1); }
#mainNavigation .level_1 > li.submenu > a[aria-expanded="true"]:before, #mainNavigation .level_1 > li > a:hover:before, #mainNavigation .level_1 > li > strong:before, #mainNavigation .level_1 > li.trail > a:before {width: 100%}

#mainNavigation .level_1 li.submenu > a {display: flex; align-items: center}
#mainNavigation .level_1 li.submenu > a:after {content: url("/files/sysImg/navigationfull_icons/ic-db_navigation_chevron-right_20.svg"); transform: rotate(90deg);transition: transform .3s cubic-bezier(.15,0,.45,1); margin-left: .6rem;}
#mainNavigation .level_1 li.submenu > a[aria-expanded="true"]:after {transform: rotate(-90deg)}
#mainNavigation .level_1 li.submenu > a[aria-expanded="true"], #mainNavigation .level_1 li.trail > a {font-family: var(--font-bold)}

#mainNavigation .level_1 li > ul {position: absolute; background-color: #fff;opacity: 0;z-index: 12}
#mainNavigation .level_1 li.submenu ul {display: none; width: 400px;box-shadow: 2px 2px 5px rgba(0,0,0,0.4); opacity: 0;}
#mainNavigation .level_1 li > ul > li {display: block; border-bottom: 1px solid #d7dce1; padding: 0 15px; margin: 0;}
#mainNavigation ul ul {display: block;opacity: 1;}
/*#mainNavigation .level_1 li.submenu.open > ul , #mainNavigation .level_1 li:hover > ul{display: block !important; opacity: 1 !important}*/ 

#mainNavigation .level_1 li > ul > li.submenu:after {content: ""; display: none}
#mainNavigation .level_1 li > ul > li > ul {top: 0px !important; left: 300px; border-left:1px solid #d7dce1}

#mainNavigation span.active, #mainNavigation li.active:after, #mainNavigation li.trail:after, #mainNavigation li.trail > a,#mainNavigation li.trail > span {font-weight: bold}
#mainNavigation li.trail.submenu:after {transform: rotate(180deg); color: #37444e}
#mainNavigation li.trail.submenu:before, #mainNavigation li.active:before {width: 100%}
#mainNavigation a, #mainNavigation strong {text-decoration: none;padding: 20px 10px;display:block;white-space: nowrap;}
#mainNavigation .level_2 a, #mainNavigation .level_2 strong {padding: 20px 10px; margin: 2px}
#mainNavigation .level_2 {display: none;}
#mainNavigation [aria-expanded="true"] + .level_2 {display: block !important ;opacity: 1 !important}

#mainNavigation .level_3 a:after {display: none}

/* NAVIGARTION SUBNAVIGATION ÜBER GANZ BREITE */
#mainNavigation .level_1 li.submenu ul.fullSubNav {position: fixed;top: 147px;left: 0; right: 0; width: 100%;box-shadow: 0 .4rem 0.5rem 0 rgba(0, 0, 0, .1);border-top: 1px solid #d7dce1;padding: 1rem 0 3rem; max-height: 70vh; overflow: auto}
#mainNavigation .level_1 li.submenu ul.fullSubNav > div.inside {padding-left: calc(50px + 1%); position: relative}
#mainNavigation .level_2.fullSubNav li.submenu {display: flex; align-items: flex-start; position: initial}
#mainNavigation .level_2.fullSubNav li.submenu > a {width: 100%;justify-content: space-between; position: relative}
#mainNavigation .level_2.fullSubNav li.submenu > a:after {transform: rotate(0);content: url("/files/sysImg/navigationfull_icons/ic-db_navigation_chevron-right_20_black.svg"); }
#mainNavigation .level_2.fullSubNav ul.level_3  {position: absolute; top: 0; right: 0;  width: 50%; box-shadow: none; opacity: 1; display: block;border-left: 1px solid #d7dce1;height: calc(100%);padding-left: 1rem;}
#mainNavigation .level_2.fullSubNav > div > li {display: block;border-bottom: 1px solid #d7dce1;margin: 0;; width: 50%; padding-right: 2rem}
#mainNavigation .level_2.fullSubNav > div > li:last-child {border-bottom: 0}
#mainNavigation .level_2.fullSubNav li a:hover, #mainNavigation .level_2.fullSubNav li a[aria-expanded="true"] {background-color: var(--light-grey)}
#mainNavigation .level_2.fullSubNav li a[aria-expanded="true"] span {position: relative}
#mainNavigation .level_2.fullSubNav li a[aria-expanded="true"] span:after {content: ""; background-color: var(--red); height: 3px; width: 100%; position: absolute; bottom: -15px; left: 0}
#mainNavigation .level_2.fullSubNav li a[aria-expanded="true"]:after {transform: rotate(0);content: url("/files/sysImg/navigationfull_icons/ic-db_navigation_chevron-right_20_red.svg"); }
#mainNavigation .level_2.fullSubNav li.trail > a span {position: relative}
#mainNavigation .level_2.fullSubNav li.trail > a span:after {content: ""; background-color: var(--red); height: 3px; width: 100%; position: absolute; bottom: -15px; left: 0}
#mainNavigation .level_2.fullSubNav li.trail > a:after {transform: rotate(0);content: url("/files/sysImg/navigationfull_icons/ic-db_navigation_chevron-right_20_red.svg"); }



/*HOME BUTTON*/
#homeBtn a, #homeBtn a:focus-visible {padding: 16px 10px}

/*MOBILE NAVIGATION*/
#mobileNavTrigger, #mobileNav {display: none}
#mobileNavTrigger {justify-content: flex-end;}
#mobileNavTrigger a {padding: 5px; margin-right: 2px}
#mobileNavTrigger img {width: 40px}
.mm-listitem strong {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 10%;flex-basis: 10%;padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;    padding-left: 20px;padding-right: 20px;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}


/*SUCHFELD*/
#searchInput, #searchToggle {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1);}
#searchBar {float:right; position: relative; width: 40%; height: 30px; margin-top: 10px}
#searchToggle {position: absolute; right: 0; cursor: pointer; top: -6px; z-index: 1; border: none; background: none;padding: 4px;margin-right: 1px;}
#searchBar img {width: 25px}
#searchInput {position: absolute; right: 0; bottom: 0; width: 0%; overflow: hidden}
#searchInput input {outline: 0; border: 0; border-bottom: 1px solid; width: 100%; height: 40px; font-size: 16px; font-family: var(--font-regular);padding-right: 30px}
#searchInput input.submit {display: none}
#searchBar.active #searchInput {width: 100%}
#searchInput {-webkit-transition: all .75s cubic-bezier(.23,1,.32,1);-moz-transition: all .75s cubic-bezier(.23,1,.32,1);-ms-transition: all .75s cubic-bezier(.23,1,.32,1);-o-transition: all .75s cubic-bezier(.23,1,.32,1);transition: all .75s cubic-bezier(.23,1,.32,1);}


/*MOBILE*/
@media(max-width: 768px)
{		
	/*HEADER*/
	#headBar {padding-top: 10px;padding-bottom: 10px;align-items: initial}
	#logo a {flex-wrap: wrap; gap: 7px;width: 80%}
	#searchBar {position: absolute; width: 70%; right: 0}
	#mainNavigation {display: none}
	.mm-wrapper--opened #mobileNav {display: initial}
	#mobileNavTrigger {display: flex;}

}