/*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: 145px}
#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 a:focus-visible {margin: 2px 3px}
#logo img {width: 57px}
#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: 145px;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 4px;/*margin-right: 2px;border-left: 1px solid var(--medium-grey)*/}
#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);}
#searchInput input:focus-visible {padding: 4px;outline-offset: -1px;}

/*ANPASSUNG DK MENU*/
.bar-top, .mm-search-bar-top {padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid;border-color: var(--mm-color-border);}
.bar-top {display: flex;justify-content: flex-end}
.bar-top a {display: flex;justify-content: center;align-items: center;}
.mm-listitem--selected strong, .mm-listitem__text {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 10%;flex-basis: 10%;display: block;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;padding-left: 20px;padding-right: 20px}
.mm-listitem.active span, .mm-listitem .trail > span {font-family: var(--font-bold)}
.mm-listitem .menu-text-wrapper {position: relative}
.mm-listitem--selected > .mm-listitem__text .menu-text-wrapper:after {content: "";background-color: var(--red);height: 3px;width: 0;position: absolute;bottom: -6px;left: 0;}    
.mm-listitem .submenu.trail > .menu-text-wrapper:after, .mm-listitem.active .menu-text-wrapper:after {width: 100%}
.mm-listitem a:focus-visible > .menu-text-wrapper {position: relative;display: flex;height: 100%;align-items: center;padding-left: 20px;}
.mm-listitem__text:focus-visible {padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;padding-left: 20px;padding-right: 20px}
.mm-listitem__btn:focus-visible {-webkit-padding-end: 50px;padding-inline-end: 50px;}

/*SUCHFELD*/
#mm-searchBar {height: 42px;position: relative;}
#mm-searchToggle {position: absolute; right: 0; cursor: pointer; top: 4px; z-index: 1; border: none; background: none;padding: 4px;margin-right: 1px;}
#mm-searchBar img {width: 25px}
#mm-searchInput {position: absolute; right: 0; bottom: 0; width: 0%; overflow: hidden;width: 100%;border: 1px solid;border-color: var(--mm-color-border);border-radius: 4px;}
#mm-searchInput input {outline: 0;border: 0;width: 100%;height: 40px;font-size: 16px;font-family: var(--font-regular);padding-right: 30px;padding: 5px;background: var(--mm-color-background-emphasis);}
#mm-searchInput input.submit {display: none}
#mobileNav .bar-top, #mobileNav .mm-search-bar-top {background: white;z-index: 1;}
#mobileNav .mm-panels {max-height: calc(100dvh - 120px); overflow-y: auto;}


/*MOBILE*/
@media(max-width: 768px)
{		
	/*HEADER*/
	#logo a {width: 100%;position: relative;height: 28px;}
	#logo a::before {content: "";position: absolute;top: -10px;bottom: -10px;left: 0;right: 0;}
	#logo img {width: 40px; margin-right: 13px}
	#pageTitle {font-size: 18px}
	#searchBar {position: absolute; width: calc(100% - 50px); right: 50px; top: 70px}
	#mainNavigation {display: none}
	.mm-wrapper--opened #mobileNav {display: initial}
	#mobileNavTrigger {display: flex;}

	#headBar {padding-top: 3px; padding-bottom: 3px; align-items: center}
    #header {border-bottom: 1px solid #d7dce1}
	#navBar, #searchBar {display: none}
	#container {padding-top: 57px}
	

}