#g360_loader {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999999;}
#g360_pageholder {position:relative;left:0;float:left;width:100%;max-width:100%;overflow-x:hidden;z-index:0;}
/* g360_pagewrapper slided zum öffnen */
#g360_pagewrapper {left:0;position:relative;float:left;width:100%;max-width:100%;overflow:hidden;z-index:2;-webkit-transition: left .4s;-moz-transition: left .4s;transition: left .4s;-moz-box-shadow:0 0 20px rgba(0,0,0,1);-webkit-box-shadow:0 0 20px rgba(0,0,0,1);-o-box-shadow:0 0 20px rgba(0,0,0,1);-ms-box-shadow:0 0 20px rgba(0,0,0,1);box-shadow:0 0 20px rgba(0,0,0,1);}
/* wenn Navi offen, slide links raus */
.g360NavOpen #g360_pagewrapper {left:250px;}
#g360_navigation.g360_nav {display:block}
.g360_mobiledevice #g360_navigation.g360_nav {display:none}
/* g360_offcanvas ist die Bix für die mobNav. Sie muss unterhalb des g360_pagewrapper liegen, der slided, wenn das menü sichtbar sein soll */
/* wird via js generiert */
#g360_offcanvas {position:absolute;left:0;width:250px;height:auto;min-height:100%;z-index:1;text-align:left;overflow:auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}
#g360_dropdown {float:left;position:absolute;left:0;top:100%;width:100%;height:auto;display:none;z-index:1;text-align:left;overflow:auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}
/* wird via js generiert ... scrollbar, wenn inhalt zu groß */
#g360_offcanvas_inner {float:left;position:relative;height:auto;}
/* wird via js um die nav gelegt */

#g360_navholder {float:right;height:40px;margin-top:10px;width:auto;z-index:9999;}

/* Trigger - wird via js generiert */
#offcanvas_trigger {position:absolute;left:0;cursor:pointer;font-size:1em;text-align:center;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.triggerbars {position:absolute;width:30px;height:20px;top:50%;left:50%;margin:-10px 0 0 -15px;}
.triggerbar {position:absolute;width:30px;height:2px;background:#172E65;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.triggerbar.tb1 {top:0;left:0;margin-top:0;}
.triggerbar.tb2 {top:50%;left:0;margin-top:-1px;}
.triggerbar.tb3 {bottom:0;left:0;margin-top:0;}

.g360NavOpen .triggerbar.tb1 {top:50%;left:0;margin-top:-1px;-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.g360NavOpen .triggerbar.tb2 {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.g360NavOpen .triggerbar.tb3 {top:50%;left:0;margin-top:-1px;opacity:0;}

.g360ddNavOpen .triggerbar.tb1 {top:50%;left:0;margin-top:-1px;-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.g360ddNavOpen .triggerbar.tb2 {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.g360ddNavOpen .triggerbar.tb3 {top:50%;left:0;margin-top:-1px;opacity:0;}

/* Basic Desktop View */
.g360_nav {z-index:999;height:auto;}
/* 1st lvl */
.g360_nav ul {width:auto;height:auto;list-style-type:none;height:auto;}
.g360_nav ul > ul {height:auto;}
.g360_nav ul li {float:left;width:auto;margin:0;}
.lte8 .g360_nav ul li {float:left;}
.g360_nav ul li {position:relative;}
.g360_nav ul li a {width:100%;}
/* 2nd lvl */
.g360_nav ul ul {float:left;position:absolute;left:0;top:100%;width:auto;height:auto;min-width:250%;display:none;}
.g360_nav ul ul li {display:block;float:left;width:100%;}
/* 3rd lvl */
.g360_nav ul ul ul {position:absolute;left:100%;height:auto;top:0;width:auto;min-width:0;display:none;}
.g360_nav ul ul li:hover ul {display:block;height:auto;}
/* on hover */
.g360_nav ul li:hover > ul {display:block;height:auto;}

/* Basic Offcanvas View */
/* 1st lvl */
#g360_offcanvas .g360_nav ul {position:relative;float:left;width:100%;height:auto;overflow:hidden;display:block;}
#g360_offcanvas .g360_nav li {position:relative;float:left;width:100%;height:auto;border-bottom:1px solid rgba(0,0,0,.2);overflow:hidden !important;text-align:left;}
#g360_offcanvas .g360_nav li:hover {background:none;}
#g360_offcanvas .g360_nav li:last-child {border-bottom:none;}
#g360_offcanvas li a {color:#fff;display:block;-webkit-tap-highlight-color: rgba(0,0,0,0);text-align:left;}
#g360_offcanvas .g360_nav ul li > ul {display:none;position:relative !important;background:rgba(0,0,0,.1);}
#g360_offcanvas .g360_nav ul li > ul.open {height:auto;}


/* Basic DropDown View */
/* 1st lvl */
#g360_dropdown .g360_nav ul {position:relative;float:left;width:100%;height:auto;overflow:hidden;display:block;}
#g360_dropdown .g360_nav li {position:relative;float:left;width:100%;height:auto;border-bottom:1px solid rgba(0,0,0,.2);overflow:hidden !important;text-align:left;}
#g360_dropdown .g360_nav li:hover {background:none;}
#g360_dropdown .g360_nav li:last-child {border-bottom:none;}
#g360_dropdown li > a {width:100%;display:block;-webkit-tap-highlight-color: rgba(0,0,0,0);text-align:left;line-height:50px;padding:0 1em;color:#fff !important;}
#g360_dropdown .g360_nav ul li > ul {width:100%;display:none;position:relative !important;background:rgba(0,0,0,.1);}
#g360_dropdown .g360_nav ul li > ul.open {}




/* Trigger */

/* Trigger */
.plus {position:absolute;float:none;color:#fff;width:50px;height:50px;background:rgba(0,0,0,.1);background-image:url(img/subtrigger.svg);top:0;right:0;cursor:pointer;text-align:center;z-index:9999;}
.plus {display:none;} /* not visible when not mobile */
.plus.open {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}


#g360_offcanvas .plus {display:block;} /* visible when  mobile */
#g360_dropdown .plus {display:block;} /* visible when  mobile */
ul li .plus {height:50px;width:50px;line-height:50px;}
ul li ul li .plus {height:50px;width:50px;line-height:50px;}

.subtriggerbars {position:absolute;width:30px;height:20px;top:50%;left:50%;margin:-10px 0 0 -15px;}
.subtriggerbar {position:absolute;width:30px;height:2px;background:#172E65;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.subtriggerbar.tb1 {top:0;left:0;margin-top:0;}
.subtriggerbar.tb2 {top:50%;left:0;margin-top:-1px;}
.subtriggerbar.tb3 {bottom:0;left:0;margin-top:0;}

.open .subtriggerbar.tb1 {top:50%;left:0;margin-top:-1px;-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .subtriggerbar.tb2 {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .subtriggerbar.tb3 {top:50%;left:0;margin-top:-1px;opacity:0;}

/* Styles */
#g360_pagewrapper {}
#offcanvas_trigger {float:left;left:0;top:0;width:50px;height:50px;line-height:50px;background-color:white} /* Hintergrund des Triggers */

.g360_nav ul {background:none;font-family: 'Open Sans', sans-serif;}
.g360_nav ul li a {color:#111;line-height:40px;}
.g360_nav ul ul {background:#172E65;-moz-box-shadow:3px 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.1);-o-box-shadow:3px 3px 0 rgba(0,0,0,.1);-ms-box-shadow:3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 0 rgba(0,0,0,.1);} /* Hintergrund Dropdown */
.g360_nav .rex-navi2 {z-index:100}

#g360_offcanvas .g360_nav ul li a {padding:0 1em;line-height:50px !important;}
#g360_offcanvas .g360_nav ul li ul li a {padding:0 1em;line-height:50px !important;}

.g360_nav ul li:first-child {display:none;}
.g360_nav ul li ul li:first-child {display:block;}
.g360_nav ul {font-size:.9em;}
.g360_nav ul ul li a {color:#fff !important;}
.g360_nav ul li.current a,
.g360_nav ul li.active a,
.g360_nav ul li:hover a {color:#222;}
.g360_nav ul ul li.current a,
.g360_nav ul ul li.active a,
.g360_nav ul ul li:hover a {color:#fff;}
.g360_nav ul li {float:left;width:auto;padding:0;height:40px;border-right:1px solid #999;}
.g360_nav ul li:last-child {border-right:0px;}
.g360_nav ul li li {border-right:0px;}
.g360_nav ul li:hover {}
.g360_nav ul li a {display:block;height:100%;text-decoration:none;padding:0 .5em;margin:0;line-height:40px;color:#999;font-weight: 700;}
.g360_nav ul ul li {height:auto;border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);}
.g360_nav ul ul li:hover {background:rgba(255,255,255,.05);}
.g360_nav ul ul li a {padding:1em;line-height:1em;text-align:left;}
.g360_nav ul > ul {height:auto !important;}

#ocCustominfo {float:left;width:100%;padding:1em;margin-top:0;color:#fff;display:none;}
#g360_offcanvas #ocCustominfo {display:block;}

#ocCustominfo {
    float: left;
    width: 100%;
    padding: 1em;
    margin-top: 0;
    color: #fff;
    display: none;
    font-size: .8em;
}

#ocCustominfo a {color: #fff;}


@media screen and (max-width: 1000px) {
	.g360_nav ul {font-size:.8em;}
}

@media screen and (max-width: 900px) {
	.g360_nav ul {font-size:.7em;}
}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {
	#g360_navigation.g360_nav {display:none}
	.g360_nav ul {font-size:.9em;}
	.g360_nav ul li a {padding:0 .5em;}
}