
/*Ausblendung des gelben Unterstrichs*/

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

  #menu-wrap {
    display: none;
  }
}

a.exit-off-canvas {
  width: auto;
  right: 0;
  left: 0; }
  a.exit-off-canvas > .icon {
    position: absolute;
    top: 0;
    right: 0;
    left: auto !important;
    line-height: 1.5;
    border-bottom: rem-calc(1.5) solid #d6d7d1;
    background-color: white;
    color: black;
    height: rem-calc(46.5);
    width: rem-calc(45);
    z-index: 1000;
    font-size: rem-calc(30);
    text-align: center;
    box-sizing: border-box; }

.left-off-canvas-menu {
  bottom: auto !important;
  overflow: initial; }
  .left-off-canvas-menu ul li:not(.back) {
    text-transform: uppercase; }
  .left-off-canvas-menu .back > a {
    font-size: rem-calc(16);
    text-transform: none;
    height: rem-calc(54) !important;
    box-sizing: border-box;
    line-height: 2 !important;
    padding-top: rem-calc(10); }
  .left-off-canvas-menu ul > li.main:not(.back) {
    padding-left: rem-calc(0); }

#mobileNavi > ul > li {
  width: 100% !important; }
  #mobileNavi > ul > li > a {
    border-bottom-color: #d6d7d1; }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu ul.left-submenu {
  width: 100%;
  overflow: initial; }
  .left-off-canvas-menu ul.off-canvas-list li.has-submenu ul.left-submenu > li:not(.back) a {
    padding-left: rem-calc(39.5) !important;
    background-color: #0f273f; }
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a::after {
  content: "\e609" !important;
  font-family: topassf;
  vertical-align: top;
  position: absolute;
  right: 1%;
  font-size: 1.5em;
  line-height: 1; }
.left-off-canvas-menu ul.off-canvas-list li.has-submenu .left-submenu .back > a::before {
  content: "\e613" !important;
  font-family: topassf;
  vertical-align: top; }
