@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans Light';
    src: url('../fonts/opensans/OpenSans-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans Regular';
    src: url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans Bold';
    src: url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype');
    font-display: swap;
}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -205px;}
#main { padding-bottom: 205px; overflow: none;height: 100%;}

body {
  font-family: 'Roboto Regular', sans-serif;
  font-size: 1.125rem;
  line-height: 1.6; 
  -webkit-font-smoothing: antialiased;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
body p.align-center, .ce-headline-center { text-align: center;}

.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #004f9f;
}
table p {margin: 0;}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
}

video.video-embed-item {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
}

h1, h2, h3, h4, .h4 {
    margin: 0px;
    font-weight: normal;
}

h1 { color:#004f9f; font-size:3rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;font-family: 'Roboto Regular', sans-serif; }
h2 { color:#004f9f; font-size: 2rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;font-family: 'Roboto Bold', sans-serif; }
h3 { color:#004f9f; font-size: 1.5rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;letter-spacing: 3px;font-family: 'Roboto Bold', sans-serif; text-transform: uppercase;}
h4 { color:#004f9f; margin: 0; padding-bottom: 15px;font-size: 1.3rem;line-height: 24px; font-family: 'Roboto Regular', sans-serif;}

p + h2 {margin-top: 2rem;}

a, .gaOptout {color: #004f9f; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#004f9f; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#000000; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}

.clearer {clear: both; float: none;}

.ce-border img {border: 1px solid #004f9f;}

::-moz-selection { color:#fff; background:#004f9f; text-shadow: none; }
::selection { color:#fff; background:#004f9f; text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; margin-top: 0;}
.frame-space-before-small {padding-top: 2rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 3rem;margin-top: 0;}
.frame-space-before-large {padding-top: 4rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 5rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 1rem;margin: 0;}
.frame-space-after-small {padding-bottom: 2rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 3rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 5rem;margin-bottom: 0;}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #004f9f;
    border: 1px solid #004f9f;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    border-radius:0.5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: bold;
    text-transform: uppercase;
}
.btn.btn-primary {background-color: #004f9f; color: #fff;}
.btn:hover {color: #fff !important; background: #363636 !important; border-color: #363636 !important;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
    color: #fff;
}

.telefon, .fax, .email, .website {display: inline-flex; gap:0.5rem;}

.telefon:before { content: "\f095"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #005a63;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.extlink {text-decoration: none !important;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}

.justify-content-between {
    justify-content: space-between !important;
    --bs-gutter-x: 4.5rem;
    --bs-gutter-y: 2rem;
}

#header {
    font-size: 1rem;
    top: 0;
    z-index: 10;
    width: 100%;
    transition: all 0.3s ease-in-out;
    padding: 0;
    position: fixed;
}
body.scroll #header.fixed {background: #fff;}

.logo {
  text-align: center;
  position: relative;
  top: 0;
  padding: 1rem 0;
}
.logo a {
  display: block;
}
.logo img {width: 100%; height: auto; max-width: 350px;transition: all 0.5s ease-in-out;}

.logo.blau {display: none;}
#header.fixed .logo {display: none;}
#header.fixed .logo.blau {display: block;}

.maintrailer {position: relative; z-index: 2;}
.mobileheader.maintrailer {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
}
.maintrailer img {width: 100%; height: auto; max-height: 500px; object-fit: cover;}

div#mainnav {
  position: absolute;
  width: 100%;
  bottom: -1.2rem;
  transition: background 0.2s ease-in-out;
  background: transparent;
  padding-top: 0.5rem;
}


.dropdown {position: inherit;}
#navbar .nav-link {
  position: relative;
  padding: 1rem 0;
  color: #004f9f;
  font-size: 1.2rem;  
  background: #fff; 
  border-radius: 0.5rem;
  font-family: 'Roboto Bold', sans-serif;
  transition: all 0.2s ease-in-out;
}
#navbar .nav-link:hover {background: #004f9f; color: #fff;}
#navbar .nav {gap:1.5rem;}
.nav-item.flex-fill {text-align: center;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 2;
    width: 100%;
}
#navbar ul.sub .nav {gap: 0;}
#navbar ul.sub > .container {
    position: relative;
    display: block;
    z-index: 20;
    padding: 0.75rem;
}
#navbar ul.sub .container>ul { height: 100%;}
#navbar ul.sub .container>ul {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 1.5rem 1rem;
    background: #fff;
    border-radius: 0.5rem;
    border: 2px solid #004f9f;
}
#navbar ul.sub .container>ul>* {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}
#navbar ul.sub a.nav-link {
    margin-right: 0;
    padding: 0.75rem 0;
    display: block; 
    color: #666; 
    border-radius: 0; 
    text-transform: none;
    font-size: 1.1rem;
    font-family: 'Roboto Regular', sans-serif;
    line-height: 1.2;
}
#navbar ul.sub .container>ul>.dropdown>span>a {cursor: default;pointer-events: none;color: #999 !important; }
#navbar .nav-item:hover>a, #navbar .active>a.nav-link {color: #fff; background: #004f9f;}
#navbar ul.sub a.nav-link:hover, #navbar ul.sub .active a.nav-link, #navbar ul.sub .nav-link.active { color: #004f9f; background: transparent;}

#navbar .dropdown>a.nav-link:after {
    position: absolute;
    content: "";
    background: transparent;
    height: 0px;
    width: 100%;
    left: 0;
    bottom: 0rem;
    transition: all 0.2s ease-in-out;
}
#navbar .dropdown.open>a.nav-link {border-radius: 0.5rem 0.5rem 0 0;}
#navbar .dropdown.open>a.nav-link:after {
    position: absolute;
    content: "";
    background: #004f9f;
    height: 15px;
    width: 100%;
    left: 0;
    bottom: -0.8rem;
    transition: all 0.2s ease-in-out;
}

ul.sub .container>ul li.nav_box {width: 33%; text-align: left;flex: auto;}
ul.subsub.row {
    padding: 1rem 0 0;
    list-style: none;
    flex-direction: column;
    gap: 1rem;
}
.subsub-navi .subsub {
  display: none;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0 -0.75rem;
}
.subsub-container.is-active .subsub-navi .subsub {display: flex; align-items: flex-start;}
.subsub-container.is-active, .subsub-navi {
    position: relative;
    animation: einblenden .5s;
    -moz-animation: einblenden .5s; /* Für Firefox */
    -webkit-animation: einblenden .5s; /* Für Safari und Chrome */
    -o-animation: einblenden .5s; /* Für Opera */
}
.subsub img {width: 100%; height: 150px; object-fit: cover;}
#navbar ul.sub .subsub a {padding: 0; color: #4a4a49;}
#navbar ul.sub .active .subsub a.nav-link { color: #4a4a49;}
#navbar ul.sub .active .subsub a.nav-link:hover, #navbar ul.sub .active .subsub a.nav-link.active { color: #1d468c;}
#navbar .subsub-container .subsub-navi .subsub-outer{
    height: 100%;
}
@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}
.subsub-navi, .sub-right  {
    position: relative;
    height: 100%;
}
.subsub-container {
    display: none;
    height: 100%;
}
.subsub-container.is-active {
    display: block;
    height: 100%;
}
#navbar ul.subsub.row.row-cols-2 .col>a {display: flex; gap: 1rem;}
ul.sub .container .sub-close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  display: none;
}

ul.sub .container .sub-close:hover {
  color: #1d468c;
}
ul.subsubsub {
    margin: 0;
    padding: 1rem 0 0 0;
    list-style: none;
    display: none;
}
#navbar .subsubsub a {
    font-size: 1rem !important;
    font-family: 'OpenSans Regular',sans-serif;
    font-weight: normal;
    display: inline-block !important;
    padding: 0.5rem 0 !important;
}
#navbar .active ul.subsubsub a.nav-link {color: #4a4a49;}
#navbar .active ul.subsubsub .active a.nav-link, #navbar .active ul.subsubsub a.nav-link:hover {color: #004f9f;}

#mainnav.fixed {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  padding-top: 0.5rem;
  z-index: 999;
  height: 62px;
  transition: background 0.2s ease-in-out;
}
#mainnav.fixed:after {
  content: "";
  background: #fff;
  height:75%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.navi-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: -1;
  transition: background-color ease-in-out 0.25s;
}

.navi-overlay.sub-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.navi-overlay.open {
  position: fixed;
  opacity: 0.6;
  z-index: 1;
}

#maincontent {padding-top: 2rem;}
.content .frame-layout-1 {background: #dde7ff;}
.content .frame-layout-2 {background: #004f9f; color: #fff;}
.content .frame-layout-2 h1, .content .frame-layout-2 h2, .content .frame-layout-2 h3 {color: #fff;}
.content .frame-layout-2 .btn {background: #fff; border-color: #fff; color: #004f9f;}

.frame-type-image .ce-image.ce-center.ce-above .ce-gallery img {width: 100%; height: auto;}
.frame-type-image .ce-image.ce-center.ce-above .ce-gallery .image {margin: 0;}

.content img {border-radius: 0.5rem;}

.custom-select {
  position: relative;
}

.custom-select select {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.custom-select .fa-caret-down {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #004f9f;
  font-weight: 600;
  font-size: 1.4rem;
}

.no-bullet {list-style: none; margin: 0; padding: 0;}

.ce-table td {padding: 0.2rem 1rem 0.2rem 0;}
.ce-table th { padding-top: 1rem;}

.ce-uploads {list-style: none; padding: 0;}

.bildbox, .bildbox_outer, .bildbox_inner {height: 100%;}
.bildbox_inner {position: relative; overflow: hidden;}
.bildbox img { width: 100%; height:200px; object-fit: cover; border-radius: 0;transform: scale(1);transition: all 0.2s ease-in-out;}
.bildbox_titel {position: absolute; color: #fff; z-index: 1; padding: 2rem;text-align: center;font-family: 'Roboto Bold', sans-serif;}
.bildbox_inner>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.bildbox_inner>a:before {
  content: "";
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.bildbox_inner>a:hover:before {
  content: "";
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.slick-slide>div {display: flex; gap: 1rem; margin-bottom: 1rem;}
.slick-slide img {width: 100%; height: 150px; object-fit: cover;}
.slick-prev:before, .slick-next:before {
  content: "\f0da";
  font-family: "Font Awesome\ 6 Pro";
  font-size: 2rem;
  line-height: 1;
  opacity: 1;
  color: #004f9f;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {content: "\f0d9";}

#footer {background: #004f9f; color: #fff; padding: 2rem 0 6rem 0; font-size: 1rem; position: relative; overflow: hidden;}
#footer .container {position: relative; z-index: 1;}
#footer a {color: #fff;}
#footer .frame-type-menu_pages ul { margin: 0; padding: 0; list-style: none;}
.footerlogo {
    position: absolute;
    bottom: -1rem;
    right: 0;
    z-index: 0;
    width: 100%;
}
.footerlogo figure {margin: 0;}
.footerlogo img {width:1320px; height: auto;}

.form-label {
    margin-bottom: .5rem;
    display: none;
}
.form-group {
    margin-bottom: 1.5rem;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #004f9f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
textarea.form-control {
    min-height: calc(1.5em + 8rem + 2px);
}
#kontakt-19-captcha-1 {width: 150px;}


@media (max-width: 991px) {
  body.scroll #header {background: #004f9f !important;}
  .logo { text-align: left;}
  #header.fixed .logo {display: block;}
  .logo img {width: 200px; height: auto;}
  .footerlogo {width: auto;}
  .ce-textpic.ce-right.ce-intext {
      display: flex;
      gap: 1rem;
      flex-direction: column-reverse;
  }
  .mm-wrapper_opening .d-lg-none.mobileheader {background: #004f9f;}
  #header li, #header li a, .headermain {display: none; position: fixed; height: 0;}
  .mm-wrapper_opening #header.holdontop {border-bottom: none;}
  button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
  .mm-menu_offcanvas.mm-menu_opened {
      display: block;
      background: transparent;
  }
  .mm-panel {padding: 0;}
  .mm-panels { background: transparent;}
  .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #4a4a49; border-width: 1px;}
  .mm-btn {width: 50px;}
  .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
  .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
  .mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
  .mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #004f9f;}
  .mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: transparent;}
  .mm-navbars_top {height: 65px; border-bottom: none; background: transparent;}
  .mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
  .mm-panel_has-navbar { padding-top: 55px;}
  .mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
  .mm-navbars_bottom a {padding: 0;}
  .mm-listview li.active a { color: #004f9f;background: #fff;}
  a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 50px;}
  a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
  .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #4a4a49; border-width: 1px;}
  .mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #004f9f;}
  .mm-listitem .mm-btn_next:before { border-left-width: 0;}
  .mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #004f9f; background: #fff !important;}
  .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #4a4a49; font-size: 1.2rem; padding: 0; line-height: 50px;}
  .mm-navbar a:hover {background: transparent;}
  .mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1rem; line-height: 1.4rem;}
  .mm-listitem>a { padding: 10px 15px;}
  .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
  [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
  .mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
  .mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#4a4a49; }
  .mm-menu a:hover {background: transparent !important;}
  .mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: transparent;}
  .mm-panel_has-navbar .mm-navbar { display: block; background: #fff; height: 50px; border-bottom: 1px solid #eee;}
  .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
  .mm-listview li.active .mm-btn_next:after {border-color: #4a4a49;}
  .mm-menu_multiline .mm-listitem>a:hover { background: #fff !important; color:#004f9f;}
  .mm-navbars_bottom a {line-height: 40px !important;}
  .mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
  .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
  ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 33px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #004f9f;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #4a4a49;}
    
    #header .mburger {color: #fff !important; height: 30px; padding: 0;width: 35px;}
    .mburger:after {display: none;}
  #header.holdontop .mburger {color: #000;}
  .mm-wrapper_opened #header .mburger b {color: #fff;}
  .mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
      display: block;
      position: absolute;
      left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
      width: calc(var(--mb-button-size) * var(--mb-bar-width));
      height: var(--mb-bar-height);
      border-radius: calc(var(--mb-bar-height)/ 2);
      background: currentColor;
      color: inherit;
      opacity: 1;
  }
  .mburger b {
      font-size: 0;
      left: 0;
      width: 35px;
  }
}


.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background:#004f9f;
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #004f9f; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#4a4a49;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #004f9f;}
::-webkit-scrollbar-thumb:active { background: #004f9f;}