/* @media (min-width: 641px) {
  #menuCon {
    display: none;
  }
 
.burger-icon {
  display: none;
}
}

#mobileAccordion.accordion {
  margin-top: 11rem;
  
}*/

:is(.accontact, .accordion) dl dt,
:is(.accontact, .accordion) dl dt a.topMenu {
  --od-ff: var(--od-ff-heading);
  --od-fz: var(--od-fz-ml);
  --od-c: white;
  cursor: pointer; 
  color: var(--od-c);
  font-family: var(--od-ff);
  font-size: var(--od-fz);
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent; 
  border-bottom: 1px solid #fff;
  padding: 0.6em; 
  transition-duration: ease-in-out 350ms; 
}

:is(.accontact, .accordion) dl dd {
  display: none; 
  height: auto; 
  margin-left: 0; 
  padding: 0.5em; 
}

.accordion-nested {margin: -0.5em; }

.accordion-nested dl {
  width: 100%;
  margin-left: 0; 
}

.accordion-nested dl dt {
  --od-fz: 1.8rem;
  --od-c: #232323;
  background: rgba(213, 212, 208, .65);
}

.accordion-nested .accordion-nested dl dt {
  --od-fz: var(--od-fz-ms);
  --od-c: #434343;
  background: var(--od-c-travertine);
}

.accordion-nested .accordion-nested .accordion-nested dl dt {background: rgba(96, 61, 13, 0.4)}

.accordion-nested .accordion-nested .accordion-nested .accordion-nested dl dt {background: rgba(132,109,77,.2)}





.accordion dl dt:hover,
.accordion dl dt:focus,
.accordion dl dt:active {
  --od-c: hsl(49, 63%, 61%);
  background-image: linear-gradient(to right, #434343 0%, black 100%);
  border-left: 5px solid #B80808;
}