/* responsive1080.css */
@media (max-width:1097px) {
 
#headMain .inner {
  padding-block: 2.375rem;  
}


body.nav-is-mobile .navigation-main {
    overflow-y: visible !important;
    left: 0;
    top: 2rem !important;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: clip;
    overflow-clip-margin: content-box;
}

body.nav-is-mobile .navigation-main ul {
  background-color: var(--white);

}

body.nav-is-mobile .navigation-main.is-active::before {
  position: relative !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  display: none !important;
  z-index: -1 !important;
}

body.nav-is-mobile .navigation-main ul.level_1 {
  /*padding: 1rem 0 1rem 0;*/
  -webkit-box-shadow: var(--box-shadow06);
  box-shadow: var(--box-shadow06);
}
body.nav-is-mobile .navigation-main ul.level_1 li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--gry10);
}
body.nav-is-mobile .navigation-main ul.level_1 li:last-child {
    border: none;
}

body.nav-is-mobile .navigation-main ul.level_1 a,
body.nav-is-mobile .navigation-main ul.level_1 strong {
  line-height: 4em;
  padding: 0 3rem;
  font-family: var(--font_semibold);
  font-weight: bold;
}
body.nav-is-mobile .navigation-main a:hover,
body.nav-is-mobile .navigation-main a.trail {
  color: var(--ci001) !important;
}

.navigation-main ul.level_1 li:hover, 
.navigation-main ul.level_1 li.submenu:hover {
  border: none;
}


body.nav-is-mobile .navigation-main ul.level_2 {
  flex: 0 1 100%;
}


body.nav-is-mobile .navigation-main ul.level_1 li:hover {
  border-bottom: 1px solid var(--gry10) !important
}
body.nav-is-mobile .navigation-main ul.level_1 li:last-child:hover {
    border: none !important;
}
body.nav-is-mobile .navigation-main ul.level_2 li {
  border: none;
}
body.nav-is-mobile .navigation-main ul.level_2 li:last-child {
    border-bottom: 1px solid var(--gry10);
}
body.nav-is-mobile .navigation-main ul.level_2 a,
body.nav-is-mobile .navigation-main ul.level_2 strong {
  text-transform: none;
  font-family: var(--font_semibold);
}


body.nav-is-mobile .navigation-main .skip-link,
body.nav-is-mobile .navigation-main a.invisible {
  width: 100% !important;
  padding: 0 !important;
  background-color: var(--ci001) !important;
  color: var(--white) !important;
  height: 0 !important;
  overflow: hidden;
  transition: var(--animation_03);
  visibility: visible !important;
}

body.nav-is-mobile .navigation-main .skip-link:focus,
body.nav-is-mobile .navigation-main a.invisible:focus {
  padding: .75rem !important;
  height: auto !important;
  overflow: visible ;
  transition: var(--animation_03);
}

h1, .preH1 {
  font-size: var(--font_size9) !important;

}
h2, .preH2, .preHeadline,
h3, .preH3 {
  font-size: var(--font_size7) !important;

}



p,
.widget-explanation p,
.content-list ul,
.content-text ul,
.content-list ol,
.content-text ol,
.button a,
.mod_newslist .layout_latest p,
.icon-link,
.icon-links li .icon-links-label {
  font-size: var(--font_size5) !important;
}

.fineuploader-wrapper .qq-upload-button, 
.widget button[type="submit"], 
.icon-button a, .button a {
  font-size: var(--font_size5) !important;
}



.mod_newslist.col3-3-1 {
  grid-template-columns: repeat(1, 1fr);
}
.mod_newslist.col4-2-1 {
  grid-template-columns: repeat(2, 1fr);
}

#blogReader .layout_full .inner {
  flex-direction: column;
  padding-top: 0 !important;
  width: 100%;
}
#blogReader .layout_full .inner .newsLeft,
#blogReader .layout_full .inner .newsRight {
  width: 100%;
  padding-top: 0;
  padding-bottom: 2rem;
}


.evoMatterbox .container {
  padding: 2rem;
}




.content-gallery--cols-4 ul, 
.content-gallery--cols-5 ul, 
.content-gallery--cols-6 ul, 
.content-gallery--cols-7 ul, 
.content-gallery--cols-8 ul, 
.content-gallery--cols-9 ul, 
.content-gallery--cols-10 ul, 
.content-gallery--cols-11 ul, 
.content-gallery--cols-12 ul {
  grid-template-columns: repeat(2, 1fr);
}










.box1 h2, .box2 h2 {
  font-size: var(--font_size10) !important;
}

}