/* HWI: Font Inter */
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../wp-includes/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../wp-includes/fonts/nunito-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../wp-includes/fonts/nunito-sans-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.nav-item-children a {
  font-family: 'Nunito Sans', sans-serif;
  color: #737373;
}
.nav-item-children a {
  line-height: 30px;
  display: block;
}
ul.nav-item-children >li >a {
  font-weight: 700;
}


/* HWI: Menü Farben - hover und active */
#primary-nav li.is-hovered > a,
#primary-nav li.menu-item-object-page a:hover{
    color: #ec6603;
}
#primary-nav li.current_page_item > a,
#primary-nav li.current-menu-ancestor > a{
    color: #ec6603;
}

/* HWI: UL einrücken */
ul {
    padding-left: 16px;
    list-style-position: outside !important;
    padding-inline-start: 16px !important;
}

/* HWI: Squiggle unter Button setzen mit Animation */
.btn.btn-has-label::after {
  background: url(/wp-content/uploads/2025/10/btn_underline.svg) no-repeat;
  position: absolute;
    overflow: hidden;
  bottom: -12px;
  left: 0px;
  content: '';
  height: 9px;
    width:100%;
  background-size: contain;
    /*animation: 0.8s linear slide-out;*/
  right: 0px;
}
.btn.btn-has-label:hover::after {
    background: url(/wp-content/uploads/2025/10/line_orange.svg) no-repeat;
    background-size: contain;
}
.btn.btn-has-label span {
    letter-spacing: 0.64px;
}

@keyframes slide-in {
    from {
        width: 0%
    }
    to {
        width: 100%;
    }
}

@keyframes slide-out {
    from {
        width: 100%
    }
    to {
        width: 0%;
    }
}
/*JBR Anpassungen Blogteaser Home*/
/* Hintergrundfarbe der Blog-Karten */
.lqd-lp {
  background-color: #FAFAFA !important;
  padding: 20px;
  border-radius: 7px;
}

/* Abstand zwischen den Boxen auf exakt 17px */
.lqd-lp-row {
  margin-left: -8.5px !important;
  margin-right: -8.5px !important;
}

.lqd-lp-grid .lqd-lp-column {
  padding-left: 8.5px !important;
  padding-right: 8.5px !important;
  margin-bottom: 17px !important; /* vertikaler Abstand zwischen den Reihen */
}

/* Blaue Datumsbox (Label oben) ausblenden */
.lqd-lp-meta {
  display: none !important;
}

/* Optional: Wenn du den Abstand zwischen Titel und oberem Rand noch angleichen willst */
.lqd-lp-header {
  margin-top: 0;
  padding-top: 0;
}
/*JBR CSS Klassen Fonts*/
.teaser {
  font-size: 22px;
  font-weight: 700;
  line-height: 35px;
}
.font-extra-bold {
  text-align: center;
  font-family: "KG Tangled Up In You 2", sans-serif;
  font-size: 98.879px;
  font-style: normal;
  font-weight: 400;
  line-height: 84.047px; /* 85% */
  letter-spacing: 3.955px;
}
.link-underlined {
  color: #151515 !important;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 155.556% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}