@import url('/media/plg_system_jmgdisablegooglefont/assets/css/lato.css');
/* Use the original site's self-hosted font files, independent of consent. */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1DYZyZ.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5DYZyZ.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPAcZTIAOhVxoMyOr9n_E7fdMbWD6xT.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhDYZyZ.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDYZyZ.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGItzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPecZTIAOhVxoMyOr9n_E7fdMPmCA.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url(/media/plg_system_jmgdisablegooglefont/assets/fonts/titilliumweb/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzZg.ttf) format('truetype');
}


/* Joomla 6 mod_menu uses .mod-menu instead of the legacy .menu class. */
#sp-top-bar ul.mod-menu.nav {
  gap: 0.15rem 40px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#sp-top-bar .sp-module ul.mod-menu > li {
  border-bottom: 0;
}
#sp-top-bar ul.mod-menu > li > a {
  padding: 2px 0;
  line-height: 20px;
  font-weight: 700;
}
/* Flex emits its own separators; suppress the additional Bootstrap separator. */
.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  content: none;
}
.mod-breadcrumbs > li:first-child:not(.breadcrumb-item) {
  margin-right: 10px;
}
#sp-top-bar ul.mod-menu > li > a,
#sp-menu .sp-megamenu-parent > li > a {
  text-transform: uppercase;
}

/* Match the original site's opaque, light mega menus and orange links. */
#sp-header #sp-menu .sp-dropdown .sp-group-title {
  display: none;
}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {
  background: #f5f9fe;
  color: #2b2b2b;
}
#sp-header #sp-menu .sp-dropdown-inner h3 {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a {
  color: #eb9408;
  font-weight: 400;
}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item.active > a {
  color: #ffffff;
}
#sp-header #sp-menu .sp-dropdown-inner .sp-module-content a {
  color: #eb9408;
}

/* Preserve the original case of the product feature/overview headings. */
#sp-page-builder .sppb-addon.sppb-addon-header h4.sppb-addon-title {
  text-transform: none;
}

/* Keep both normal and retina logos inside their Bootstrap column. */
#sp-header .container > .row #sp-logo .sp-column {
  position: relative;
  width: 100%;
  min-width: 0;
}
#sp-header #sp-logo a.logo {
  width: 250px;
  max-width: 100%;
}
#sp-header #sp-logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  /* Long German headings must fit the narrow hero and carousel columns. */
  #sp-page-builder #section-id-1518547994733 .sppb-addon-header .sppb-addon-title {
    max-width: 100%;
    font-size: clamp(20px, 7vw, 32px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  #section-id-1518547994733 .sppb-carousel h2 {
    font-size: clamp(24px, 7vw, 30px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  #section-id-1518547994733 .sppb-carousel .sppb-item {
    padding: 40px 30px;
  }
}