@media only screen and (min-width: 64em) {

#fo-nav-col1,#fo-nav-col2,#fo-nav-col3,#fo-nav-col4 {
display:none;
}
#fo-nav-col2 {
margin-top:5em;
}
#fo-nav-col3 {
margin-top:9.5em;
}

.columns.nav-boxes {
    margin-top:0;
    padding-left:0;
    min-width: 100%;
    background-color: #fff;
    z-index: 3000;
}
.columns.nav-boxes:has(a[aria-expanded=true]) {
    margin-top:2.8em;
}

.nav-boxes .has-childs ul{
display:none;
}
.nav-boxes [class*="column"]+[class*="column"]:last-child {
    float: left;
}

#navPrimary .nav-boxes li a, .nav-boxes li h4, #navPrimary .nav-boxes h4 a{
    line-height: 2.4rem;
    font-style: normal;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 20px;
    border-bottom: 1px solid #fff;
    display: block;
    background-color: #dddf4b;
    color: #000;
}
#navPrimary .nav-boxes li.active strong{
    padding: 10px 0 10px 5px;
    display: block;
}
#navPrimary .nav-boxes li.active strong a{
    padding: 0;
}
#navPrimary .nav-boxes li a:focus, .nav-boxes li h4:focus, #navPrimary .nav-boxes h4 a:focus {
  border:1px solid #000;
  outline:0;
}

#navPrimary .nav-boxes li.has-childs a, .nav-boxes li.has-childs h4, #navPrimary .nav-boxes h4 .hasChilds a {
    background-color: #dddf4b;
 }

#navPrimary .nav-boxes li.active a, #navPrimary .nav-boxes li.active strong {
background-color:#FFF;
}

#navPrimary .nav-boxes h4 {
 margin-top:5px;
 margin-bottom:5px;
}
#navPrimary a:focus,.nav-boxes a:focus {
    outline: #000 solid 1px;
}
.nav-boxes .has-childs a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.nav-boxes .has-childs a:before, .nav-boxes .has-childs  a:after {
    border-right: 2px solid;
    content: '';
    display: block;
    height: 0.8rem;
    margin-top: -0.6rem;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 1rem;
    top: 50%;
    width: 0;
}
.nav-boxes .has-childs  a:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-boxes .large-4 {
width:32%
}

.nav-boxes .large-3 {
width:31%
}

.nav-boxes .large-1 {
width:4.333%
}


.close {
  position: absolute;
  right: 32px;
  top: -3px;
  width: 32px;
  height: 32px;
  opacity: 0.6;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
  top:2px;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
}
#footer .a11yreport__link {
  background: #fff;
  color: #AE130F;
  font-weight: 700;
  padding: 8px;
  text-decoration: none;
}
#footer  .a11yreport__icon {
  background: #AE130F;
  border-radius: 55%;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  margin-left: .25em;
  padding: 4px;
  text-align: center;
  line-height: 1;
  height: 1.6em;
  width: 1.6em;
}
#footer  .a11yreport__link:hover,
#footer  .a11yreport__link:focus,
#footer  .a11yreport__link:focus-visible,
#footer  .a11yreport__link:active {
  outline: 2px solid #AE130F;
  outline-offset: -3px;
  color: #AE130F;
}
/* Optional */
@media screen and (prefers-color-scheme: dark) {
#footer  .a11yreport__link {
    background: #AE130F;
    color: #fff;
  }
#footer  .a11yreport__icon {
    background: #fff;
    color: #AE130F;
  }
#footer  .a11yreport__link:hover,
#footer  .a11yreport__link:focus,
#footer  .a11yreport__link:focus-visible,
#footer  .a11yreport__link:active {
    outline-color: #fff;
    color: #fff;
  }
}
/* Kontrastmodus */
@media screen and (-ms-high-contrast: active) {
#footer   .a11yreport__link {
    background: window;
    color: windowText;
  }
#footer   .a11yreport__icon {
    background: windowText;
    color: window;
  }
#footer  .a11yreport__link:hover,
#footer   .a11yreport__link:focus,
#footer   .a11yreport__link:focus-visible,
#footer  .a11yreport__link:active {
    outline-color: windowText;
    color: windowText;
  }
}

#navServiceMeta ul li{
    width: 50%;
    display: inline-block;
    float:left;
}

@media screen and (prefers-contrast: more) {
    @media screen and (prefers-color-scheme: dark) {
    
#navPrimary .close {
            opacity: 1;
        }
#navPrimary .close:before,
#navPrimary .close:after {  
            filter: invert(1);
        }
        
#search img {
            filter: invert(1);
        }
        
    }
}