.groupMainNavigation { width:100%; background-color: #f6f6f6; margin:auto; text-align:center; margin-bottom:0px; z-index:999; }
.groupNaviTable { display:table; width:62%; height:54px; background-color: #f6f6f6; margin:auto; }
.tdGroupNavi     { display:table-cell; text-align:center; vertical-align:middle; padding:8px; overflow:hidden; }
.tdNaviSpace     { display:table-cell; text-align:center; vertical-align:middle; width:1px; }
.tdNaviMobile    { display:table-cell; text-align:center; vertical-align:middle; padding:8px;  width:100px;  height:30px !important; overflow: hidden !important; }
.tdNaviOpener    { display:table-cell; text-align:center; vertical-align:middle; padding:8px;  width:0px; cursor:pointer; background-color:#fff;  }
.tdNaviGroupLogo { display:table-cell; text-align:center; vertical-align:middle; padding:8px;  width:280px; background-color:#fff; overflow:hidden; }
.pipe {  display:table-cell; text-align:center; vertical-align:middle; opacity: 0.1; }
.groupheader-logo-1 { width:92%; height:auto; max-width:102px; margin:auto; opacity:0.4; filter: grayscale(100%) brightness(90%); }
.groupheader-logo-2 { width:82%; height:auto; max-width:102px; margin:auto; opacity:0.4; filter: grayscale(100%) brightness(90%); }
.groupheader-logo-3 { width:72%; height:auto; max-width:102px; margin:auto; opacity:0.4; filter: grayscale(100%) brightness(90%); }
.groupheader-logo-1:hover, .groupheader-logo-2:hover, .groupheader-logo-3:hover { filter:none; opacity:1; }
.groupheader-logo-group-ag { width:90%; height:auto; max-width:200px; margin:auto; }
.groupNaviImageWrapper { display:none; width:100%; text-align:center; margin:0px auto 0px auto; background-color:#f6f6f6;  }
.groupNaviImage { width:50%; height:auto; max-width:250px; margin:10px 0px 10px 0px; }

.nav-top-first-opener {
  font: size 16px;
  font-size:24px;
  color:#999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.tdNaviMobile, .tdNaviOpener { display: none; }
.orange { color: #f19409 !important; }

.groupSubNavigation { position:relative; padding-top:10px; height:50px; }
.groupSubNaviWrapper { position:absolute; width:100%; height:40px !important; margin:auto; text-align:center; }
.groupSubNaviTab     { display:table; width:40%; text-align:center; margin:6px auto 0px auto; }

.groupSubnavi1, .groupSubnavi2, .groupSubnavi3, .groupSubnavi4, .groupSubnavi5 {  display:table-cell; position:relative; height:20px !important; }
.groupSubnavi3 { width:15%; }

.groupSubnaviLabel1, .groupSubnaviLabel2, .groupSubnaviLabel3, .groupSubnaviLabel4, .groupSubnaviLabel5,
.groupSubnaviLabelMobile1, .groupSubnaviLabelMobile2, .groupSubnaviLabelMobile3, .groupSubnaviLabelMobile4, .groupSubnaviLabelMobile5
 { font-weight: 600 !important; font-size:16px; line-height:22px; cursor:pointer; }
.groupSubnaviLink { font-size:16px; line-height:18px; margin:0px 0px 17px 0px; text-align:left; }
.groupSubnaviLinkMargin { font-weight:normal !important; font-size:13px; margin-left:18px; text-align:left; color:#000 !important; }
.groupSubnaviLink a:link { font-weight: 600 !important; color: #000 !important; text-decoration: none; }

a.groupNaviLink:link, a.groupNaviLink:visited { color: #000 !important; text-decoration: none; font-weight: 600 !important; }
a.groupNaviLink:hover, a.groupNaviLink:active { color: #f19409 !important; }
a.groupSubnaviLink:link, a.groupSubnaviLink:visited { color: #000 !important; text-decoration: none; }
a.groupSubnaviLink:hover, a.groupSubnaviLink:active { color: #f19409 !important; }

.groupSubnaviLabel1:hover, .groupSubnaviLabel2:hover, .groupSubnaviLabel3:hover, .groupSubnaviLabel4:hover, .groupSubnaviLabel5:hover,
.groupSubnaviLabelMobile1:hover, .groupSubnaviLabelMobile2:hover, .groupSubnaviLabelMobile3:hover, .groupSubnaviLabelMobile4:hover, .groupSubnaviLabelMobile5:hover {
    color: #f19409 !important; 
}

a.groupSubnaviLinkMargin:hover { color: #f19409 !important;  }

.groupNaviNewButton {
    background-color: #f1991c;
    color: white;
    padding: 0px 5px;
    margin-left: 5px;
    font-weight: bold;
}

.groupSubnaviContent1,
.groupSubnaviContent2,
.groupSubnaviContent3,
.groupSubnaviContent4,
.groupSubnaviContent5
{ z-index:2; margin-left:-20px; padding:10px 20px 20px 20px; position:absolute; width:300px; display:none; overflow:visible; background-color:#fff; }

.groupSubnaviContentMobile1, .groupSubnaviContentMobile2, .groupSubnaviContentMobile3, .groupSubnaviContentMobile4, .groupSubnaviContentMobile5 {
 display:none; line-height:30px; text-align:center; background-color:#fff; margin:0px auto 20px auto; }

.groupSubNavigationMobile { display:none; text-align:center !important; width:100%; background-color:#fff; padding-top:24px;  }
p.groupSubnaviLabel1,
p.groupSubnaviLabel2,
p.groupSubnaviLabel3,
p.groupSubnaviLabel4,
p.groupSubnaviLabel5 { text-align:left; margin:0px 0px 10px 0px; }
p.groupSubnaviLabelMobile1, p.groupSubnaviLabelMobile2, p.groupSubnaviLabelMobile3, p.groupSubnaviLabelMobile4, p.groupSubnaviLabelMobile5 { text-align:center; margin:0px 0px 12px 0px; }

.groupMainFooterWrapper {
    background: #2F2F2F 0% 0% no-repeat padding-box;
    padding: 60px 16% 16px 20%;
    color: #C1C1C1;
    text-align: left;
    position: relative;
    margin-top:80px;
}

.groupMainFooterWrapper .footer-group-circle {
  height: 130px;
  width: 130px;
  background-color: #2f2f2f;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 10px;
}

.groupMainFooterWrapper .footer-group-logo { position: absolute; width: 150px; height: 150px; top: -140px;  left: -20%; }
.footer-group-logo img { width: 130px; left: 10px; position: absolute;  top: 10px; }
.groupMainFooterWrapper a:link { color: #C1C1C1; font-size:15px; font-weight: 500; font-family: Segoe UI; }
.groupNaviLabelFooter { color: #fff; font-size:18px; font-weight: 600; letter-spacing: 0.4px; margin:20px 0px 12px 0px;  }
.groupNaviBoersenverlagLogo { margin-top:-25px; width:110px; height:41px; text-align:center; }

a.groupNaviLinkFooter:link,
a.groupNaviLinkFooter:active,
a.groupNaviLinkFooter:visited,
a.groupNaviLinkFooter:hover
{ 
    color: #C1C1C1;
    font-size: 15px;
    line-height: 24px;
}

.groupNaviFooterContent { line-height:24px !important; }

@media (max-width: 1700px) { .groupMainFooterWrapper { padding: 60px 10% 10px 16%; }  }
@media (max-width: 1600px) { .ta { width:80%;  }  .groupSubNaviTab { width:50%; }  .groupMainFooterWrapper { padding: 60px 7% 10px 14%; } }
@media (max-width: 1400px) { .ta { width:90%;  } .tdNaviGroupLogo { width:230px; }  .groupSubNaviTab { width:60%; } .groupMainFooterWrapper { padding: 60px 0% 20px 10%; } }
@media (max-width: 1200px) { 
    .groupNaviTable { width:90%; }
    .groupheader-logo-1, .groupheader-logo-2, .groupheader-logo-3 { width:98%; }
    .groupSubNaviTab { width:70%; }
    .groupSubnavi3 { width:12%; }
}
@media (max-width: 800px) {
    .tdNaviMobile, .tdNaviOpener { display: table-cell; }
    .tdGroupNavi, .pipe  { display: none; }
    .groupheader-logo-1, .groupheader-logo-2, .groupheader-logo-3, .groupSubNavigation { display: none; }
    .groupNaviTable { width:90%; }
    .groupNaviImageWrapper { display:block; }
}

@media (max-width: 575px) { .groupMainFooterWrapper .footer-group-logo { top: -120px;  left: 55%; } .groupNaviHiddenMobile { display:none !important; } }
@media (max-width: 600px) { .groupNaviImage { width:70%; height:auto; } }
@media (max-width: 400px) { .groupMainFooterWrapper .footer-group-logo { top: -120px;  left: 50%; } .groupNaviImage { width:90%; height:auto; } }