/* Roboto Regular */
@font-face {
  font-family: 'Roboto Local';
  src: url('https://25934821.fs1.hubspotusercontent-eu1.net/hubfs/25934821/Fonts/roboto-latin-400.woff2') format('woff2'); !important; 
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Slab Bold */
@font-face {
  font-family: 'Roboto Slab Local';
  src: url('https://25934821.fs1.hubspotusercontent-eu1.net/hubfs/25934821/Fonts/Roboto-Slab-Bold.woff2') format('woff2'); !important;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Globale Anwendung */
body {
  font-family: 'Roboto Local', sans-serif !important;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, strong, b {
  font-family: 'Roboto Slab Local', serif !important;
  font-weight: 700;
}
/* Buttons – erzwingen lokalen Font */
button,
input[type="submit"],
.hs-button,
.btn,
[class*="btn"],
button *,
input[type="submit"] * {
  font-family: 'Roboto Local', sans-serif !important;
  font-weight: 700 !important; /* oder 400, je nach Design */
}
/* Navigation & Menü-Links überschreiben */
.navigation,
.navigation *,
.main-nav,
.menu__link,
.header__menu,
.header__menu *,
.navbar,
.navbar *,
.hs-menu-wrapper a {
  font-family: 'Roboto Local', sans-serif !important;
  font-weight: 700 !important; /* oder 400, je nach Design */
}

.button,.button_cta a,button {
    background-color: #003c77;
    border: 1px solid #003c77;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}
.widget-type-cta {
    background-color: #003c77;
    border: 1px solid #003c77;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}
.submitted-message,form {
    font-family: Roboto Local,sans-serif
}
form .hs-button,form input[type=submit] {
    background-color: #003c77;
    border: 1px solid #003c77;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

body {
    color: #1d1d1d;
    font-family: Roboto Local,sans-serif;
    line-height: 1.4;
    margin: 0;
    word-break: break-word
}

.kl-helper__content {
    font-family: Roboto Slab Local,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

.kl-card-grid__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem
}

.kl-rich-text__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.kl-featured-card__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-navbar__button {
    color: #1d1d1d;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 2em;
    word-break: normal
}

.kl-navbar-submenu__item a {
    color: #1d1d1d;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    padding: 12px 24px;
    word-break: normal
}

.kl-offer-01__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 1rem
}

.kl-pricing__badge {
    background-color: #ebf1ff;
    border-radius: 40px;
    font-family: Roboto Local,sans-serif;
    font-size: .625rem;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    min-width: 120px;
    padding: 10px 12px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%)
}

.kl-features-04__card__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-card__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-testimonial__author span {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 0 8px
}

.blog-header__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.blog-tags__link {
    background-color: #003c77;
    background-color: transparent;
    border: 1px solid #dadada;
    border-radius: 4px;
    border-radius: 3px;
    color: #fff;
    color: #dadada;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    line-height: 1;
    margin: 0;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    text-transform: uppercase;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

.blog-index__post-preheader,.blog-more-posts__post-preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.blog-pagination__link {
    color: #1d1d1d;
    font-family: Roboto Local,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 16px;
    text-decoration: none
}

.blog-post__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 1rem
}

.blog-post__menu-content__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-error-page__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem
}

.systems-page__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem;
    text-align: center
}

.hs-search-results__pagination a {
    color: #1d1d1d;
    font-family: Roboto Local,sans-serif;
    font-weight: 700
}

.kl-helper__content__preheader {
    color: #003c77;
    display: block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.button,.button_cta a,button {
    background-color: #003c77;
    border: 1px solid #003c77;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto Local,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

.blog-tags__link {
      color: #737b86;
}

.blog-tags__link--current {
    background-color: #003C77;
    border: none;
    color: white;
}

.blog-index__post-meta, .blog-more-posts__post-meta {
    display: flex;
    color: #003C77;
}