@media only screen and (max-width: 900px) {
* { box-sizing: border-box; }
html, body { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; }
.logo, .logo div, .divmenu, .menu, #pagewrap, #content, #sidebar, #fixed_right { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
.logo { height: auto !important; margin: 0 0 5px 0 !important; }
.logo div { height: 120px !important; background-position: center top !important; background-size: cover !important; }
.redline { margin-bottom: 8px !important; }
.divmenu { height: auto !important; margin-bottom: 12px !important; padding: 10px !important; }
.menu { margin: 0 !important; }
#nav { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; gap: 10px !important; margin: 0 !important; }
#nav noindex { display: contents !important; }
#nav li { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; line-height: normal !important; background: none !important; }
#nav li:hover { background: none !important; }
#nav a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 50px !important; padding: 10px 12px !important; text-align: center !important; color: #ffffff !important; text-decoration: none !important; font-size: 16px !important; line-height: 0.2 !important; border-radius: 12px !important; border: 1px solid #46a7b1 !important; background: linear-gradient(180deg, #49beca 0%, #23828b 100%) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; }
#nav li:hover a, #nav a:hover { color: #ffffff !important; background: linear-gradient(180deg, #5bcbd6 0%, #2c929b 100%) !important; }
#pagewrap { width: 100% !important; padding: 0 10px !important; }
#body { display: block !important; }
#content, #sidebar { float: none !important; width: 100% !important; margin: 0 0 12px 0 !important; }
.post, .page { margin-right: 0 !important; }
.post-title { margin-bottom: 10px !important; }
.postmeta { padding-bottom: 8px !important; }
.kalendar { float: none !important; display: block; margin-top: 6px; }
.mobile-sidebar-anchor { display: block; width: 100%; margin: 0 0 12px 0; }
.mobile-sidebar-anchor > #sidebar.mobile-sidebar-block { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; }
.catalog { width: 100% !important; margin: 10px 0 12px 0 !important; padding: 0 !important; }
.catalog table, .catalog tbody { display: block !important; width: 100% !important; }
.catalog tr { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 100% !important; margin-bottom: 10px !important; }
.catalog td { display: block !important; width: 100% !important; }
.catalog img { width: 100% !important; max-width: none !important; }
.main-content { width: 100% !important; }
.widget { margin-bottom: 12px !important; }
.widget img, .info-baner { max-width: 100% !important; height: auto !important; }
#fixed_right { width: 100% !important; }
.fixed_wrapper { margin-top: 0 !important; }
#ft, .ft, .ft-div, #back-top { display: none !important; }
}
@media only screen and (max-width: 560px) {
#nav, .catalog tr { grid-template-columns: 1fr !important; }
h1 { font-size: 22px !important; }
h2 { font-size: 20px !important; line-height: 1.3 !important; }
h3 { font-size: 18px !important; }
#nav a { min-height: 46px !important; font-size: 13px !important; }
}

/* force logo/header visible on mobile */
@media only screen and (max-width: 900px) {
  .logo,
  .logo div,
  .redline,
  .divmenu,
  .menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .logo {
    height: auto !important;
    overflow: visible !important;
  }

  .logo div {
    height: 120px !important;
    min-height: 120px !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
  }
}

@media only screen and (max-width: 560px) {
  .logo div {
    height: 90px !important;
    min-height: 90px !important;
  }
}