/*
html {
	font-size: 14px;
}
*/
/* upperNav ******************/
.upperNav-container > .service {
	margin-top: -5px;
}
.upperNav-container > .service > ul > li {
	display: inline;
	margin: 0 1rem;
}
.upperNav-container > .service > ul > li:last-child {
	top: 8px;
	position: relative;
}
.upper-dropdown {
  position: relative;
  display: inline-block;
}
.upper-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 8px 12px;
  z-index: 11;
  right: -40px;
  /*top: 53px;*/
}

.upper-dropdown:hover .upper-dropdown-content {
  display: block;
  left: auto;
  right: 0;
}


/* mainNav *******************/
.mainNav ul {
  height: 41px;
  height: 36px;
  /*width: 640px;*/
  margin-right: 2rem;
}

.mainNav ul li {
  float: left;
  height: 2.5rem;
  position: relative;
  list-style: none;
}
.mainNav > ul > li.hover > a::after {
	content: "‹";
	font-size: 1.8rem;
	padding-bottom: 10px;
	/*margin-top: 10px;*/
	display: inline-block;
	transform: rotate(90deg);
}
.mainNav > ul > li.last.de > a {
	color: #0a6e78;
	padding-top: 4px;
}
.mainNav > ul > li.last.de {
	background-color: #f7f7f9;
}
.mainNav > ul > li.hover > a {
	color: white;
	background: #0a6e78 !important;
}
.mainNav ul li a {
  display: block;
  height: 2.5rem;
  /*line-height: 48px;*/
  padding: 0 15px;
  font-size: 1.25rem;
  line-height: 2rem;

  color: #000;
  /*font-size: 16px;*/
  text-decoration: none;
}
.mainNav > ul > li > a::after {
	content: "›";
	font-size: 1.8rem;
	padding-bottom: 10px;
	display: inline-block;
	transform: rotate(90deg);
}
.mainNav > ul > li.last.de > a::after {
	content: "";
}
.mainNav ul li.act a {
  /*color: #808080;*/
}

.mainNav ul li a:hover,
.mainNav ul li:hover a {
  background: #4d4d4d;
  background: white;
  /*color: #000;*/
}
/*
.mainNav ul li.first a {
  background: none !important;
}

.mainNav ul li.first a {
  color: #fff;
}

.mainNav ul li.first a {
  padding-left: 0;
}
*/
.mainNav ul ul {
  display: none;
  /*background: url(../images/layout/background_mainNav_flyout.png);
  background: url(../Images/subnavBackground.png);*/
  background: white;
  height: auto;
  z-index: 1000;
  /*padding: 8px 0;*/
  width: auto;
}
.mainNav ul ul {
	/*position: absolute;*/
	position: fixed;
	left: 0;
	right: 0;
	padding-left: calc((100% - 1125px) / 2);
	padding-right: calc((100% - 1125px) / 2);
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}
.mainNav ul ul ul {
	position: relative;
}
.mainNav ul li:hover ul {
  display: block;
}

.mainNav ul li:nth-child(3) ul {
  /*display: block;*/
}


.mainNav ul ul li {
  float: none;
  height: auto;
}

.mainNav ul ul li a {
  height: auto;
  background: none !important;
  font-size: 22px;
  /*padding: 8px 16px;*/
  padding: 0 1rem 1rem 0.5rem;
  line-height: 1em;
  /*white-space: nowrap;*/
  /*break-after: avoid;*/
}
/*
.mainNav ul ul li a {
	padding-top: 0;
}
*/
.mainNav ul ul ul li a {
  font-size: 20px;
  /*padding: 0 1rem 1rem 1rem;*/
}
.mainNav > ul > li > ul > li > a {
	font-size: 22px;
	color: #0a6e78;
}
.mainNav ul ul li a:hover {
  background: #262a2a !important;
  background: white !important;
}

.mainNav .nav .mega-dropdown .mega-dropdown-menu {
	/*width: 1140px;*/
	columns: 3 280px;
	/*position: relative;
	left: -380px;*/
	/*column-rule: 2px dotted red;*/
	padding-top: 0.5rem;
}
ul.main {
	width: auto;
	min-width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-self: center;
	overflow: visible;
	/*margin-top: 2em;*/
	margin-left: 50%;
	/* transform: translate(-50%, 0);
	allgemein ohne Browserabfrage */
	transform: translate(-21%, 0);
}
/* Untermenüs werden in Chrome (131.0.6778.86) und Edge (131.0.2903.63) der aktuellen Generation nicht mehr mittig positioniert */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    ul.main {
		transform: translateX(-21%);
	}
}
@supports (-ms-ime-align:auto) {
    ul.main {
		transform: translateX(-21%);
	}
}
*/
/* Firefox interpretiert die CSS-Regel richtig aber anders als Chrome und Edge (=Chromium), daher hier Ausnahme für Firefox */
@-moz-document url-prefix() {
	ul.main {
		transform: translateX(-50%);
	}
}



ul.main a::before {
	content: "› ";
}
ul.main a {
	padding-left: 0.9rem;
	text-indent: -0.9rem;
}
.mainNav ul ul li.menu-column > a {
	margin-left: -0.9rem;
}
.mainNav ul ul li.menu-column {
	padding-left: 0.9rem;
}
/* hamburger menu responsive *********/
/* befindet sich in area.css (min 992px) */
.mobileNav ul.nav li {

}
.mobileNav ul.nav li ul {
	padding: 0 12px;
}