@charset "utf-8";
/* CSS Document */

/************** HEADER ALL **************/

.nav_wrapper {
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height:	100px;
	margin: 0 auto;
}

#logo_2021 {
	float:left;
	width: 32%;
	height: 100px;
	margin: 0 auto;
	padding: 32px 0 0 8%;
	background-color: #fff;
}

#logo_2021 img {
	width: 48%;
	padding: 0 0 0 0;
}

.navi_2021 {
	position:relative;
    float:left;
    width: 68%;
    height: 100px;
    margin: 0 0 0 0;
	background-color: #074c45;
}

/**** LANGUAGE ALL ****/

.language {
	width: 10%;
	height: 16px;
	position: absolute;
	top:0;
	right:0;
	color:#999999;
}

.language ul li {
    float:left;
    padding: 6px 7px 2px 7px;
		color:#999999;

}

.language li:first-child {
    border-right: 1px solid #fff;
}

.language li a {
	font-weight:300;
    color:#fff;
    -moz-transition: color linear 0.3s;
	-webkit-transition: color linear 0.3s;
	-o-transition: color linear 0.3s;
	-ms-transition: color linear 0.3s;
	transition: color linear 0.3s;
}

.language li a:hover {
    color:#999999;
}

/**** STELLARNAV ALL ****/

.stellarnav {
	float:left;
	position: absolute;
	top:0;
	padding: 0 0 0 2%;
	width: 100%;
	z-index: 9900;
	line-height: normal;
}

.stellarnav ul {
	margin: 0;
	padding: 0;
    position: absolute;
    top: 56px;
	text-align: left;
}

.stellarnav li.has-sub {
	margin: 0 8px 0 0;
	padding: 0 16px 0 0;
    background-image: url(/images/layout/navi_ebene_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 8px;
}

.stellarnav li.rex-article-5 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-image: none;
}

.stellarnav li.has-sub:hover, .stellarnav li.rex-current.has-sub, .stellarnav li.rex-active.has-sub {
    background-image: url(/images/layout/navi_ebene_down_hover_999999.png);
}

.stellarnav ul li {
	display: inline-block;
}

.stellarnav li {
	list-style: none;
	margin: 0;
	padding: 0 12px 0 12px;
	position: relative;
	line-height: normal;
	vertical-align: middle;
}

.stellarnav ul li a {
	font-size: inherit;
	font-family: inherit;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	text-transform:uppercase;
	padding: 12px 0 4px 0px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
    -moz-transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	-ms-transition: all linear 0.5s;
	transition: all linear 0.5s;
	background-image: url(/images/layout/nav_underline_999999.png);
	background-repeat: no-repeat;
    background-size: 0% 2px;
    background-position: left bottom;
}

.stellarnav.dark a:hover, .stellarnav.dark a.rex-active, .stellarnav.dark a.rex-current {
	color: #aaaaaa;
	background-image: url(/images/layout/nav_underline_999999.png);
	background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: left bottom;
}

/************** 2. EBENE ALL **************/

.stellarnav.dark, .stellarnav.dark ul ul, .rex-navi-depth-2 li {
	background-color: transparent;
}

.rex-navi-depth-2 li {
    padding: 0 6% 0 0;
	background-image: url(/images/layout/bg_subnavi.png);
	background-repeat: repeat;
    background-size: 100%;
	border-top: 1px solid #8aacad;
	display: block !important;
	white-space:nowrap;
}

.rex-navi-depth-2 li:first-child {
	padding: 12px 6% 0 0;
	border-top: 0px;
}

.rex-navi-depth-2 li:last-child {
	padding: 0 6% 16px 0;
	border-radius: 0 0 0 24px;
	-moz-border-radius: 0 0 0 24px;
	border-top: 1px solid #8aacad;
	-webkit-border-radius: 0 0 0 24px;
}

.rex-article-5 .rex-navi-depth-2 li {
    display:none !important;
}

.rex-navi-depth-2 li.has-sub {
	margin: 0 0 0 0;
    background-image: url(/images/layout/bg_subnavi.png) !important;
    background-repeat: repeat;
    background-position: right center;
    background-size: 100%;
}

.rex-navi-depth-2 li a {
	text-transform:none !important;
}

.rex-navi-depth-2 li.has-sub:hover {
	border-top: solid 1px #acb731;
}

.rex-navi-depth-2 li.has-sub a {
    background-image: url(/images/layout/navi_ebene_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 8px;
}

.rex-navi-depth-2 li.has-sub a:hover {
    background-image: url(/images/layout/navi_ebene_down_hover_999999.png);
}

/************** 3. EBENE ALL **************/

ul.rex-navi-depth-3 {
	left: 100%;
	border-top: solid 4px #acb731;
}

.stellarnav>ul>li:hover>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}


.rex-navi-depth-3 li {
	margin: 0 0 0 1px;
}

.rex-navi-depth-3 li a {
    background-image: none !important;
}

.rex-navi-depth-3 li:first-child {
	padding: 0 4% 0 0;
	border-top: 0px;
}

.rex-navi-depth-3 li:last-child {
	border-radius: 0 0 24px 0;
	-moz-border-radius: 0 0 24px 0;
	-webkit-border-radius: 0 0 24px 0;
}

/************** 4. EBENE ALL **************/

.subnavi-4_anchor ul {
	margin: 0 0 24px 0;
}

.subnavi-4_anchor li {
	float:left;
	margin: 0 1px 1px 0;
	padding: 6px 8px 26px 8px;
    background-image: none;
	background-color:#acb731;
    background-image: url(/images/layout/bg_subnavi-4_anchor.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 16px;
}

.subnavi-4_anchor li:nth-child(1) {
	background-color:#c2d0c6;
}

.subnavi-4_anchor li:nth-child(2) {
	background-color:#82a593;
}

.subnavi-4_anchor li:nth-child(3) {
	background-color:#3c8067;
}

.subnavi-4_anchor li:nth-child(4) {
	background-color:#006344;
}

.subnavi-4_anchor li:nth-child(5) {
	background-color:#006344;
}

.subnavi-4_anchor li a {
	color:#fff;
}

.subnavi-4_anchor li a:hover {
	text-decoration:underline;
}

.subnavi-5_anchor {
	font-size:44px;
}

/**** BREADCRUMB ALL ****/

#breadcrumb {
	margin: 0 0 0 32%;
	padding: 8px 0 8px 0;
    background-image: url(/images/layout/bg_breadcrumb.png);
    background-repeat: repeat-y;
    background-position: top 32%;
    background-size: 100% auto;
    text-align:right;
    border-radius: 0 0 0 48px;
    -webkit-border-radius: 0 0 0 48px;
    -moz-border-radius: 0 0 0 48px;
}

#breadcrumb ul {
	float:right;
	padding: 0 36px 0 0;
}

#breadcrumb li {
	float:left;
}

#breadcrumb li a:link, #breadcrumb li a:active, #breadcrumb li a:hover, #breadcrumb li a:visited {
	color:#fff;
	padding: 0 8px 0 8px;
}

#breadcrumb li:last-child a:link, #breadcrumb li:last-child a:active, #breadcrumb li:last-child a:hover, #breadcrumb li:last-child a:visited {
	color:#999999;
}

#breadcrumb li a:hover {
	text-decoration:underline;
}

#breadcrumb li::after {
	color:#fff;
	content: " /";
  	white-space: pre-wrap;
}

#breadcrumb li:last-child::after {
	content: " ";
}

#breadcrumb li:last-child {
    <!--background-image: url(/images/layout/arrow_breadcrumb.png);-->
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 18px;
	padding: 0 36px 0 0;
}

/* DESKTOP */

@media screen and (max-width:1640px) {

/************** HEADER 1640px **************/

#logo_2021 img {
	width: 64%;
}

}

/* DESKTOP */

@media screen and (max-width:1240px) {

/************** HEADER 1240px **************/

.stellarnav ul li a {
	font-size: 14px;
}

#logo_2021 {
	padding: 28px 0 0 4%;
}

#logo_2021 img {
	width: 60%;
}

}

/* DESKTOP */

@media only screen and (max-width : 1140px) {

/************** HEADER 1140px **************/

#logo_2021 {
	padding: 24px 0 0 5w%;
}

#logo_2021 img {
	width: 76%;
}

/**** LANGUAGE 1140px ****/

.language {
	display:none;
}

/**** BREADCRUMB 1140px ****/

#breadcrumb {
    border-radius: 0 0 0 24px;
    -webkit-border-radius: 0 0 0 24px;
    -moz-border-radius: 0 0 0 24px;
}

#breadcrumb ul {
    padding: 0 12px 0 0;
}

#breadcrumb li a:link, #breadcrumb li a:active, #breadcrumb li a:hover, #breadcrumb li a:visited, #breadcrumb li::after {
	font-size:12px;
}

#breadcrumb li:last-child {
    background-size: auto 12px;
	padding: 0 12px 0 0;
}

/**** STELLARNAV 1140px ****/

.stellarnav { 
	overflow: hidden;
	display: block;
}

.stellarnav ul {
	position: relative;
	display: none;
}

.stellarnav ul li a {
	background-image: none;
}

.stellarnav.dark a:hover, .stellarnav.dark a.rex-active, .stellarnav.dark a.rex-current {
	background-image: none;
}

.stellarnav li.has-sub {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-image: none;
}

.stellarnav li.has-sub:hover {
    background-image: none;
}

.stellarnav li.rex-current.has-sub, .stellarnav li.rex-active.has-sub {
    background-image: none;
}

.stellarnav.nav.right.mobile {
	position:absolute;
	top:12px;
	text-align: right;
}

/************** 2. EBENE 1140px **************/

.rex-navi-depth-2 li.has-sub a {
    background-image: url(/images/layout/navi_ebene_down_mobile.png);
}

.rex-navi-depth-2 li.has-sub {
    background-image: none;
}

.rex-navi-depth-2 li.has-sub a:hover {
    background-image: url(/images/layout/navi_ebene_down_hover_mobile_999999.png);
}

.stellarnav li.has-sub:hover, .stellarnav li.rex-current.has-sub, .stellarnav li.rex-active.has-sub {
    background-image: none;
}
	
}

/* SMARTPHONE */

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

/************** HEADER 768px **************/

#logo_2021 {
	padding: 32px 0 0 4%;
	width: 42%;
}

#logo_2021 img {
	width: 74%;
}

.navi_2021 {
    width: 58%;
}

/**** BREADCRUMB 768px ****/

#breadcrumb {
	margin: 0 0 0 42%;
}

#breadcrumb li a:link, #breadcrumb li a:active, #breadcrumb li a:hover, #breadcrumb li a:visited, #breadcrumb li::after {
	font-size:10px;
}

#breadcrumb li:last-child {
    background-size: auto 10px;
}

.stellarnav {
	overflow: hidden;
	display: block;
}

.stellarnav ul {
	position: relative;
	display: none;
}
	
}

/* SMARTPHONE */

@media only screen and (max-width: 425px) {


/************** HEADER 425px **************/

#logo_2021 {
	padding: 42px 0 0 4%;
}

#logo_2021 img {
	width: 92%;
}

.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span {
	display: none;
}
	
}