/*! 
Theme Name: PP Theme (GP Child)
Theme URI: https://picture-planet.ch
Description: PP Default Theme
Author: Mladen Ninic
Author URI: https://picture-planet.ch
Template: generatepress
Version: 1.0
*/
:root {
  /* --------------------------------------------------------
  Base Colors
  -------------------------------------------------------- */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --main-bg: #E5EDF3;
  /* --------------------------------------------------------
  Primary Colors
  -------------------------------------------------------- */
  --color-primary: #28282F;
  --color-primary-light: #3A3A44;
  --color-primary-dark: #16161B;
  /* --------------------------------------------------------
  Accent Colors
  -------------------------------------------------------- */
  --color-accent-1: #5B7CFA;
  --color-accent-1-light: #E0E7FF;
  --color-accent-2: #00C9A7;
  --color-accent-2-light: #D0F7F1;
  /* --------------------------------------------------------
  Background Colors
  -------------------------------------------------------- */
  --color-neutral-bg: #F5F5F7;
  --color-bg-component: #EEEEEF;
  /* --------------------------------------------------------
  Border
  -------------------------------------------------------- */
  --color-border: #DDDDE0;
  /* --------------------------------------------------------
  Text Colors
  -------------------------------------------------------- */
  --color-text-body: #2C2C33;
  --color-text-heading: #2C2C33;
  --color-text-secondary: #80808C;
  --color-text-highlight: #7C6FAF;
  /* --------------------------------------------------------
  Links
  -------------------------------------------------------- */
  --color-link: #f39100;
  --color-link-hover: #b36600;
  --color-link-visited: #8B6FF5;
  /* --------------------------------------------------------
  Buttons Primary
  -------------------------------------------------------- */
  --color-btn-primary-bg: var(--color-accent-1);
  --color-btn-primary-text: var(--color-black);
  --color-btn-primary-hover-bg: #28282F;
  --color-btn-primary-hover-text: var(--color-white);
  /* --------------------------------------------------------
  Buttons Secondary
  -------------------------------------------------------- */
  --color-btn-secondary-bg: var(--color-white);
  --color-btn-secondary-text: var(--color-black);
  --color-btn-secondary-hover-bg: #28282F;
  --color-btn-secondary-hover-text: #FFFFFF;
  /* --------------------------------------------------------
  Filter / UI Elements
  -------------------------------------------------------- */
  --color-filter-bg: #FFFFFF;
  --color-filter-border: #5B7CFA;
  --color-filter-active: #5B7CFA;
  /* --------------------------------------------------------
  Font Heading
  -------------------------------------------------------- */
  --font-heading: 'Geist';
  --lineheight-heading: 1.2;
  /* --------------------------------------------------------
  Font Body
  -------------------------------------------------------- */
  --font-body: 'Geist';
  --lineheight-body: 1.2;
  --lineheight-footer: 1.5;
  /* --------------------------------------------------------
  Font highlight
  -------------------------------------------------------- */
  --font-highlight: italic;
  /* --------------------------------------------------------
  Font monon
  -------------------------------------------------------- */
  --font-mono: 'Geist';
  /* --------------------------------------------------------
  Spacing & Scale
  -------------------------------------------------------- */
  --space-mini: 0.25em;
  --space-small: 0.5em;
  --space-normal: 1em;
  --space-big: 2em;
  --space-xl: 4em;
  /* --------------------------------------------------------
  Border Radius
  -------------------------------------------------------- */
  --radius-small: 6px;
  --radius-normal: 12px;
  --radius-big: 24px;
  /* --------------------------------------------------------
  Accessibility & Interaction
  -------------------------------------------------------- */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;
  --color-focus-ring: box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.3);
  --size-touch-target: 44px;
  /* --------------------------------------------------------
  Border Presets
  -------------------------------------------------------- */
  --border-small: 1px solid var(--color-border);
  --border-medium: 2px solid var(--color-border);
  --border-large: 4px solid var(--color-primary);
  --border-hover: solid var(--color-primary);
  /* --------------------------------------------------------
  Container
  -------------------------------------------------------- */
  --container-max-width: 1340px;
}

/* --------------------------------------------------------
  Reset
-------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.test {
  display: inline;
}

/* --------------------------------------------------------
  Breakpoints
-------------------------------------------------------- */
/* --------------------------------------------------------
  Layout Utilities
-------------------------------------------------------- */
html, body {
  height: 100%;
  background-color: var(--main-bg);
}

body {
  display: flex;
  flex-direction: column;
}

main {
  margin-top: 130px;
  padding-top: clamp(60px, 60px + 50 * (100vw - 992px) / 248, 110px);
  background-color: var(--main-bg);
}

.container {
  width: 100% !important;
  max-width: var(--container-max-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) !important;
  padding-right: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) !important;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-width) !important;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-width) !important;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-width) !important;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) * -1);
  margin-right: calc(clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) * -1);
}

.row > * {
  padding-left: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px);
  padding-right: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px);
}

.skip-link {
  background-color: var(--color-neutral-bg);
  clip-path: none;
  color: var(--color-black);
  display: block;
  height: auto;
  left: 30px;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  position: absolute;
  border-bottom-right-radius: var(--radius-normal) !important;
  border-bottom-left-radius: var(--radius-normal) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: var(--space-normal);
  text-decoration: none;
  top: -70px;
  width: auto;
  z-index: 100000;
  transition: all var(--transition-normal);
}
.skip-link:focus {
  top: 0;
}

section {
  margin-top: 50px;
  margin-bottom: 50px;
}
section > div {
  width: 100%;
  max-width: var(--container-max-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) !important;
  padding-right: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) !important;
}
section.section-fullwidth > div {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.header-slider {
  height: 100dvh;
  margin: 0 !important;
}

main {
  flex: 1;
}
main section:first-of-type {
  margin-top: 0;
}

.only-screenreader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.flex-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-normal);
}

@media (min-width: 768px) {
  .flex-row {
    flex-direction: row;
  }
}
.flex-column {
  display: flex;
  flex-direction: column;
  gap: var(--space-normal);
}

.infobox {
  background: var(--color-bg-component);
  border: var(--border-medium) solid var(--color-accent-1);
  padding: var(--space-normal);
}

.kt-row-column-wrap {
  gap: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px) !important;
}

.contact-card {
  background: var(--color-bg-component);
  border: var(--border-medium) solid var(--color-accent-1);
  padding: var(--space-normal);
}

.border-animation,
.kt-post-grid-wrap article {
  border: var(--border-large) solid var(--color-accent-1);
  outline: 2px solid transparent;
  transition: border-color var(--transition-normal), outline var(--transition-normal);
}

.border-animation:hover,
.kt-post-grid-wrap article:hover {
  border-color: var(--color-primary);
  outline: 4px solid var(--color-primary);
}

.header-logo, .skip-link, .main-navigation a, .submenu-toggle, .meta-navigation a {
  border-radius: 7px;
}

.img-fullwidth img {
  width: 100%;
  height: auto;
}

:focus {
  outline: none;
}

:focus-visible {
  outline: none;
}

.user-is-tabbing :focus-visible {
  outline: 3px solid var(--color-accent-1) !important;
  outline-offset: 5px;
  transition: outline-offset 0.35s ease-in-out, outline-width 0.15s ease-in-out !important;
}

.user-is-tabbing :focus {
  outline: 3px solid var(--color-accent-1) !important;
  outline-offset: 5px;
}

.user-is-tabbing .select2-selection:focus {
  outline: 3px solid var(--color-accent-1) !important;
  outline-offset: 5px;
}

.select2-selection {
  transition: outline-offset 0.35s ease-in-out;
}
.select2-selection .select2-selection__arrow span::before {
  color: var(--color-border) !important;
}
.select2-selection[aria-expanded=true] .select2-selection__arrow span::before {
  color: var(--color-text-body) !important;
}

.ui-datepicker.forminator-calendar--default {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  border: none !important;
  border-radius: var(--radius-small) !important;
  padding: 0 !important;
  box-shadow: var(--color-focus-ring) !important;
  z-index: 9999 !important;
}
.ui-datepicker.forminator-calendar--default:before {
  background-color: var(--color-bg-component) !important;
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 20px !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-title {
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-title select {
  font-size: 14px;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  transition: all var(--transition-normal) !important;
  font-weight: normal !important;
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-prev, .ui-datepicker.forminator-calendar--default .ui-datepicker-next {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px !important;
  border-radius: var(--radius-small) !important;
  transition: all var(--transition-normal) !important;
  background-color: var(--color-btn-primary-bg) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-prev:before, .ui-datepicker.forminator-calendar--default .ui-datepicker-next:before {
  color: var(--color-btn-primary-text) !important;
  transition: all var(--transition-normal) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-prev:hover, .ui-datepicker.forminator-calendar--default .ui-datepicker-next:hover {
  background: var(--color-btn-primary-hover-bg) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-prev:hover:before, .ui-datepicker.forminator-calendar--default .ui-datepicker-next:hover:before {
  color: var(--color-btn-primary-hover-text) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-calendar th {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  padding: 5px 0;
  color: var(--color-text-body) !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-calendar td {
  text-align: center;
  padding: 2px;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-calendar a {
  display: inline-block;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  border-radius: var(--radius-small) !important;
  text-decoration: none;
  font-family: var(--font-body) !important;
  line-height: 26px !important;
  color: var(--color-text-body) !important;
  transition: all var(--transition-normal) !important;
  font-weight: normal !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-calendar a:hover, .ui-datepicker.forminator-calendar--default .ui-datepicker-calendar a:focus, .ui-datepicker.forminator-calendar--default .ui-datepicker-calendar a .ui-state-active {
  background: var(--color-btn-primary-bg) !important;
  outline: none !important;
}
.ui-datepicker.forminator-calendar--default .forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:focus,
.ui-datepicker.forminator-calendar--default .forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-hover,
.ui-datepicker.forminator-calendar--default .forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month:focus,
.ui-datepicker.forminator-calendar--default .forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year:focus {
  outline: none !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-current-day a {
  background: var(--color-btn-primary-bg) !important;
  outline: none !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-today a {
  background: var(--color-btn-primary-bg) !important;
  outline: none !important;
}
.ui-datepicker.forminator-calendar--default .ui-datepicker-unselectable span {
  opacity: 0.6 !important;
}
.ui-datepicker.forminator-calendar--default .forminator-input-with-icon .forminator-icon-calendar {
  left: unset !important;
  right: 10px !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-input-with-icon [class*=forminator-icon-] {
  left: unset !important;
  right: 10px !important;
}

.select2-container .select2-selection:focus {
  outline: none !important;
}
.select2-container .forminator-select-dropdown {
  padding: 0 !important;
  border: none !important;
}
.select2-container .select2-results ul li {
  padding: clamp(3px, 3px + 2 * (100vw - 992px) / 248, 5px) clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px) !important;
}

.forminator-select-dropdown, .select2-results__options {
  border-radius: var(--radius-small) !important;
}

.select2-results__options {
  border: var(--border-small) !important;
}

.select2-results__option {
  font-family: var(--font-body) !important;
  font-size: 14px;
  line-height: var(--lineheight-body);
  color: var(--color-text-body) !important;
  padding: 10px !important;
  transition: all var(--transition-normal) !important;
  background-color: var(--color-white) !important;
}
.select2-results__option[aria-selected=true] {
  background: var(--border-small) !important;
  outline: none !important;
}

.select2-results__option--disabled {
  opacity: 0.7 !important;
}

.select2-container--open .select2-results__options {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-color: var(--color-text-body) !important;
  border-top: none !important;
}

.forminator-field-consent .forminator-is_checked .forminator-checkbox-box {
  border-color: var(--color-text-body) !important;
}

.team-liste {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 24px;
  row-gap: 48px;
}
@media (min-width: 768px) {
  .team-liste {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .team-liste {
    grid-template-columns: repeat(3, 1fr);
  }
}
.team-liste .teammitglied {
  background-color: #004C88;
  border-radius: 24px;
  padding: 24px;
}
.team-liste .teammitglied .teammitglied-bild {
  width: 208px;
  height: 208px;
  margin-left: auto;
  margin-right: auto;
}
.team-liste .teammitglied .teammitglied-bild img {
  width: 208px;
  height: 208px;
  object-fit: cover;
  border-radius: 50%;
}
.team-liste .teammitglied .teammitglied-info h2 {
  font-size: 25px;
  color: #E5EDF3;
  line-height: 1.25;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 15px;
}
.team-liste .teammitglied .teammitglied-info p {
  font-size: 16px;
  letter-spacing: 9%;
  text-transform: uppercase;
  color: #E5EDF3;
  font-weight: 400;
  line-height: 1.5625;
}
.team-liste .teammitglied .teammitglied-info p.mail {
  display: flex;
  align-items: center;
  margin-top: 10px;
  text-transform: unset;
}
.team-liste .teammitglied .teammitglied-info p svg {
  position: relative;
  margin-right: 10px;
}
.team-liste .teammitglied .teammitglied-info p a {
  font-weight: 500;
  font-size: 16px;
  color: #F39100;
  transition: all 0.35s ease-in-out;
}
.team-liste .teammitglied .teammitglied-info p a:hover {
  color: #fff;
}

.block-intro .kt-row-column-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

section .kt-row-column-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.team-list {
  margin-top: 0 !important;
  margin-bottom: 50px !important;
}

.back-btn {
  margin-top: 0 !important;
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px) !important;
}
.back-btn .kt-row-column-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.back-btn .kb-buttons-wrap {
  margin-bottom: 0 !important;
}
.back-btn .kb-button {
  padding-right: clamp(36px, 36px + 14 * (100vw - 992px) / 248, 50px) !important;
}
.back-btn .kb-button:before {
  content: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9.75L10.5 5.25L6 0.75M9.875 5.25H0.75" stroke="%23353131" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute !important;
  opacity: 1 !important;
  right: clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px) !important;
  z-index: 1 !important;
  left: unset !important;
  top: clamp(8px, 8px + 4 * (100vw - 992px) / 248, 12px) !important;
  transition: all 0.35s ease-in-out !important;
  opacity: 1 !important;
}
.back-btn .kb-button:after {
  content: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9.75L10.5 5.25L6 0.75M9.875 5.25H0.75" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute !important;
  opacity: 1 !important;
  right: clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px) !important;
  z-index: 1 !important;
  left: unset !important;
  top: clamp(8px, 8px + 4 * (100vw - 992px) / 248, 12px) !important;
  transition: all 0.35s ease-in-out !important;
  opacity: 0 !important;
}
.back-btn .kb-button:hover::before {
  opacity: 0 !important;
}
.back-btn .kb-button:hover::after {
  opacity: 1 !important;
}

.hero-section {
  background-color: #004C88;
  padding-top: 130px;
  margin-bottom: 0;
  overflow: hidden;
}
.hero-section .kt-row-column-wrap {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 576px) {
  .hero-section .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
.hero-section figure {
  margin: 0 !important;
}
.hero-section h1 {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 9%;
  line-height: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hero-section p {
  color: #fff;
  font-weight: 400;
  font-size: clamp(35px, 35px + 25 * (100vw - 992px) / 248, 60px);
  line-height: 1.12;
}
@media (max-width: 768px) {
  .hero-section .kt-inside-inner-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .hero-section .kt-row-column-wrap .wp-block-kadence-column:first-of-type {
    margin-top: 40px;
    margin-bottom: 80px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    order: unset !important;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .hero-section .kt-row-column-wrap .wp-block-kadence-column:first-of-type {
    order: 2 !important;
  }
}
.hero-section .kt-row-column-wrap .wp-block-kadence-column:last-of-type {
  background-color: #fff;
}
.hero-section .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col {
  position: relative;
}
.hero-section .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col figure {
  z-index: 2;
  position: relative;
  margin: 0 !important;
}
.hero-section .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col:after {
  content: "";
  background-color: #fff;
  position: absolute;
  height: 100%;
  left: 0;
  width: 10000px;
  top: 0;
  z-index: 1;
}

body.home main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.text-image-wrapper {
  margin-top: 0 !important;
  margin-bottom: clamp(100px, 100px + 50 * (100vw - 992px) / 248, 150px) !important;
}
.text-image-wrapper.sub-text-image-wrapper {
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px) !important;
}
.text-image-wrapper.sub-text-image-wrapper .kb-row-layout-wrap {
  margin-top: clamp(60px, 60px + 60 * (100vw - 992px) / 248, 120px) !important;
}
.text-image-wrapper figure {
  margin-bottom: 0 !important;
}
.text-image-wrapper figure img {
  width: 100%;
  border-radius: 24px;
}
.text-image-wrapper .top-tag {
  font-weight: 400;
  letter-spacing: 9%;
  color: #fff;
  text-transform: uppercase;
  background-color: #004C88;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  display: inline-block !important;
  width: max-content !important;
  font-family: "Geist";
  font-weight: 400;
  padding: clamp(7px, 7px + 6 * (100vw - 992px) / 248, 13px) clamp(19px, 19px + 5 * (100vw - 992px) / 248, 24px);
}
.text-image-wrapper h2 {
  font-size: clamp(30px, 30px + 10 * (100vw - 992px) / 248, 40px);
  font-family: "Geist";
  font-weight: 400;
  margin-top: 20px;
}
.text-image-wrapper p {
  margin-bottom: 20px;
}
.text-image-wrapper .kb-row-layout-wrap {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .text-image-wrapper .kb-row-layout-wrap {
    margin-top: 120px;
  }
}
.text-image-wrapper .kb-row-layout-wrap .kt-row-column-wrap {
  column-gap: clamp(40px, 40px + 80 * (100vw - 992px) / 248, 120px) !important;
}

.text-wrapper p {
  margin-bottom: 40px;
}

.sec-white {
  background-color: #fff;
}

.single-kompetenzbereich-nologin .inner-wrapper {
  width: 65%;
}
.single-kompetenzbereich-nologin .wp-block-kadence-advancedbtn {
  margin-top: 30px;
}
.single-kompetenzbereich-nologin h1 {
  margin-bottom: clamp(25px, 25px + 5 * (100vw - 992px) / 248, 30px) !important;
}

.bausteine-list {
  padding-top: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px) !important;
  padding-bottom: 50px !important;
  margin-bottom: 0 !important;
}

.back-btn.sec-white {
  padding-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px) !important;
  margin-bottom: 0 !important;
}
.back-btn.sec-white a.kb-button {
  background-color: #E5EDF3 !important;
}
.back-btn.sec-white a.kb-button:hover {
  background-color: #004C88 !important;
}

@media (max-width: 768px) {
  .ur-form-grid {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ur-button-container {
  margin-top: clamp(50px, 50px + 20 * (100vw - 992px) / 248, 70px) !important;
  padding: 0 !important;
}

#user-registration {
  margin: 0 !important;
}

#ur-frontend-form, .user-registration-MyAccount-content {
  padding: 0 !important;
}

.user-registration-profile-fields h2 {
  display: none;
}

.user-registration, .login {
  max-width: 100% !important;
  box-shadow: none !important;
  border-radius: 24px !important;
  padding: clamp(28px, 28px + 20 * (100vw - 992px) / 248, 48px) clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px) !important;
  padding-top: 0 !important;
  border-radius: 24px;
  margin-top: 0;
}
.user-registration .user-registration-MyAccount-navigation, .user-registration .user-registration-myaccount-notice-box, .login .user-registration-MyAccount-navigation, .login .user-registration-myaccount-notice-box {
  display: none;
}
.user-registration label, .login label {
  color: #353131 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 3% !important;
  font-weight: normal !important;
  font-family: "Geist" !important;
  margin-top: clamp(30px, 30px + 10 * (100vw - 992px) / 248, 40px) !important;
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px) !important;
}
.user-registration input[type=text], .user-registration input[type=email], .user-registration input[type=password], .login input[type=text], .login input[type=email], .login input[type=password] {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #353131 !important;
  line-height: 25px !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  border: 1px solid #004C88 !important;
  background-color: #E5EDF3 !important;
  font-family: "Geist" !important;
  min-height: unset !important;
  max-height: unset !important;
  height: unset !important;
}

.pp-baustein-subpage {
  padding-left: 35px;
  position: relative;
  margin-bottom: 100px !important;
}
.pp-baustein-subpage p {
  margin-bottom: 10px;
}
.pp-baustein-subpage p:last-of-type {
  margin-bottom: 0;
}
.pp-baustein-subpage ul {
  margin-top: 10px !important;
}
.pp-baustein-subpage ul li {
  font-size: 16px !important;
  font-family: "Geist" !important;
  line-height: 1.56 !important;
  color: var(--color-black) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-weight: normal !important;
}
.pp-baustein-subpage:before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_43)"><path d="M14.8041 25.3558C21.7602 24.2267 26.4839 17.6723 25.3548 10.7162C24.2256 3.76007 17.6712 -0.963625 10.7151 0.165511C3.75903 1.29465 -0.96466 7.84903 0.164476 14.8051C1.29361 21.7612 7.848 26.4849 14.8041 25.3558Z" fill="%23F39100"></path><path d="M12.76 19.11C12.23 19.11 11.8 18.68 11.8 18.15C11.8 17.62 12.23 17.19 12.76 17.19C13.29 17.19 13.72 17.62 13.72 18.15C13.72 18.68 13.29 19.11 12.76 19.11Z" fill="white"></path><path d="M16.21 10.89C15.96 11.81 15.37 12.58 14.55 13.06C14 13.38 13.66 13.94 13.62 14.57V14.97C13.62 15.44 13.24 15.82 12.77 15.82C12.3 15.82 11.92 15.44 11.92 14.97V14.55C11.92 14.55 11.92 14.52 11.92 14.51C11.98 13.29 12.64 12.2 13.7 11.59C14.13 11.34 14.44 10.94 14.57 10.46C14.7 9.98001 14.63 9.48001 14.38 9.04001C14.13 8.60001 13.73 8.30001 13.25 8.17001C12.77 8.04001 12.27 8.11001 11.83 8.36001C11.26 8.69001 10.9 9.31001 10.9 9.98001C10.9 10.45 10.52 10.83 10.05 10.83C9.58001 10.83 9.20001 10.45 9.20001 9.98001C9.20001 8.71001 9.88001 7.52001 10.98 6.88001C11.81 6.40001 12.77 6.27001 13.69 6.52001C14.61 6.77001 15.38 7.36001 15.86 8.18001C16.34 9.01001 16.47 9.97001 16.22 10.89H16.21Z" fill="white"></path></g><defs><clipPath id="clip0_8035_43"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
  width: 70px;
  left: 0;
  position: absolute;
  z-index: 10;
  top: -35px;
}
.pp-baustein-subpage.pp-baustein-subpage-wib::before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_42)"><path d="M12.76 25.52C19.8072 25.52 25.52 19.8072 25.52 12.76C25.52 5.71285 19.8072 0 12.76 0C5.71285 0 0 5.71285 0 12.76C0 19.8072 5.71285 25.52 12.76 25.52Z" fill="%2300998A"></path><path d="M17.6 17.6C17.27 17.93 16.73 17.93 16.39 17.6L13.07 14.28C11.7 15.11 9.88002 14.94 8.69002 13.75C7.30002 12.36 7.30002 10.09 8.69002 8.7C10.08 7.31 12.35 7.31 13.74 8.7C14.93 9.89 15.1 11.7 14.27 13.08L17.59 16.4C17.92 16.73 17.92 17.27 17.59 17.61L17.6 17.6Z" fill="white"></path><path d="M9.90999 9.90999C9.17999 10.64 9.17999 11.82 9.90999 12.55C10.64 13.28 11.82 13.28 12.55 12.55C13.28 11.82 13.28 10.64 12.55 9.90999C11.82 9.17999 10.64 9.17999 9.90999 9.90999Z" fill="%2300998A"></path></g><defs><clipPath id="clip0_8035_42"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
}
.pp-baustein-subpage.pp-baustein-subpage-bib::before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_41)"><path d="M12.76 25.52C19.8072 25.52 25.52 19.8072 25.52 12.76C25.52 5.71285 19.8072 0 12.76 0C5.71285 0 0 5.71285 0 12.76C0 19.8072 5.71285 25.52 12.76 25.52Z" fill="%23980363"></path><path d="M18.89 17.59C18.89 17.92 18.7 18.23 18.39 18.37C18.09 18.51 17.73 18.46 17.48 18.24C16.98 17.81 16.34 17.57 15.68 17.57C14.8 17.57 13.97 17.99 13.45 18.7C13.29 18.92 13.03 19.05 12.76 19.05C12.49 19.05 12.23 18.92 12.07 18.7C11.55 17.99 10.72 17.57 9.84 17.57C9.18 17.57 8.54 17.81 8.04 18.24C7.79 18.46 7.43 18.51 7.13 18.37C6.83 18.23 6.63 17.93 6.63 17.59V8.2C6.63 7.95 6.74 7.72 6.93 7.55C7.74 6.85 8.77 6.47 9.84 6.47C10.91 6.47 11.95 6.87 12.76 7.56C13.57 6.87 14.6 6.47 15.68 6.47C16.76 6.47 17.78 6.85 18.59 7.55C18.78 7.71 18.89 7.95 18.89 8.2V17.59Z" fill="white"></path><path d="M13.44 9.30001C13.28 9.52001 13.02 9.65001 12.75 9.65001C12.48 9.65001 12.22 9.52001 12.06 9.30001C11.54 8.59001 10.71 8.17001 9.83002 8.17001C9.29002 8.17001 8.77002 8.33001 8.33002 8.62001V16.12C8.81002 15.95 9.32002 15.86 9.83002 15.86C10.91 15.86 11.94 16.26 12.75 16.95C13.56 16.26 14.59 15.86 15.67 15.86C16.19 15.86 16.69 15.95 17.17 16.12V8.62001C16.72 8.33001 16.2 8.17001 15.67 8.17001C14.79 8.17001 13.96 8.59001 13.44 9.30001Z" fill="%23980363"></path></g><defs><clipPath id="clip0_8035_41"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
}
.pp-baustein-subpage.pp-baustein-subpage-met::before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_45)"><path d="M24.5505 17.6374C27.2473 11.1266 24.1555 3.66244 17.6448 0.965608C11.1341 -1.73122 3.6699 1.36055 0.973067 7.87127C-1.72376 14.382 1.36801 21.8462 7.87873 24.543C14.3895 27.2398 21.8536 24.1481 24.5505 17.6374Z" fill="%23009EE3"></path><path d="M18.93 8.78002H14.34V13.37C14.34 13.84 13.96 14.22 13.49 14.22H8.90001V18.81C8.90001 19.28 8.52001 19.66 8.05001 19.66C7.58001 19.66 7.20001 19.28 7.20001 18.81V13.37C7.20001 12.9 7.58001 12.52 8.05001 12.52H12.64V7.93002C12.64 7.46002 13.02 7.08002 13.49 7.08002H18.93C19.4 7.08002 19.78 7.46002 19.78 7.93002C19.78 8.40002 19.4 8.78002 18.93 8.78002Z" fill="white"></path></g><defs><clipPath id="clip0_8035_45"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
}
.pp-baustein-subpage.pp-baustein-subpage-lie::before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_44)"><path d="M14.8041 25.3558C21.7602 24.2267 26.4839 17.6723 25.3548 10.7162C24.2256 3.7601 17.6712 -0.963594 10.7151 0.165541C3.75903 1.29468 -0.96466 7.84906 0.164476 14.8052C1.29361 21.7613 7.848 26.485 14.8041 25.3558Z" fill="%23C7D300"></path><path d="M18.95 11.25C18.62 11.58 18.08 11.58 17.74 11.25L15.42 8.93002V15.03C15.42 17 13.82 18.6 11.85 18.6C9.88003 18.6 8.28003 17 8.28003 15.03C8.28003 13.06 9.88003 11.46 11.85 11.46C12.53 11.46 13.17 11.65 13.72 11.99V6.88002C13.72 6.53002 13.93 6.22002 14.25 6.09002C14.57 5.96002 14.94 6.03002 15.18 6.28002L18.96 10.06C19.29 10.39 19.29 10.93 18.96 11.27L18.95 11.25Z" fill="white"></path><path d="M11.85 13.16C10.82 13.16 9.97998 14 9.97998 15.03C9.97998 16.06 10.82 16.9 11.85 16.9C12.88 16.9 13.72 16.06 13.72 15.03C13.72 14 12.88 13.16 11.85 13.16Z" fill="%23C7D300"></path></g><defs><clipPath id="clip0_8035_44"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
}
.pp-baustein-subpage.pp-baustein-subpage-bil::before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8035_46)"><path d="M12.76 25.52C19.8072 25.52 25.52 19.8072 25.52 12.76C25.52 5.71285 19.8072 0 12.76 0C5.71285 0 0 5.71285 0 12.76C0 19.8072 5.71285 25.52 12.76 25.52Z" fill="%23EA4F59"></path><path d="M19.84 13.73C19.44 13.98 18.91 13.86 18.66 13.47C18.04 12.5 17.22 11.72 16.26 11.16C16.44 11.58 16.54 12.05 16.54 12.54C16.54 14.51 14.94 16.11 12.97 16.11C11 16.11 9.39997 14.51 9.39997 12.54C9.39997 11.94 9.54997 11.37 9.81997 10.87C8.78997 11.35 7.86997 12.08 7.16997 13.02C7.47997 13.43 7.82997 13.8 8.21997 14.13C8.57997 14.44 8.61997 14.98 8.30997 15.33C8.13997 15.53 7.89997 15.63 7.65997 15.63C7.45997 15.63 7.26997 15.56 7.10997 15.42C6.44997 14.86 5.87997 14.2 5.41997 13.47C5.23997 13.19 5.23997 12.83 5.41997 12.55C7.02997 10.02 9.76997 8.51001 12.77 8.51001C15.77 8.51001 18.51 10.02 20.12 12.55C20.37 12.95 20.26 13.48 19.86 13.73H19.84Z" fill="white"></path><path d="M12.97 10.67C11.94 10.67 11.1 11.51 11.1 12.54C11.1 13.57 11.94 14.41 12.97 14.41C14 14.41 14.84 13.57 14.84 12.54C14.84 11.51 14 10.67 12.97 10.67Z" fill="%23EA4F59"></path></g><defs><clipPath id="clip0_8035_46"><rect width="25.51" height="25.51" fill="white"></rect></clipPath></defs></svg>');
}
.pp-baustein-subpage .kt-inside-inner-col {
  padding: clamp(28px, 28px + 20 * (100vw - 992px) / 248, 48px) !important;
}

.bausteine-list h2 + p {
  margin-bottom: 100px !important;
}

.anwendung-block {
  border: 1px solid #004C88;
  border-radius: 24px;
}
.anwendung-block .wp-block-kadence-column, .anwendung-block .kt-inside-inner-col {
  height: 100%;
}
.anwendung-block .kt-row-column-wrap {
  gap: 0px !important;
}
.anwendung-block .kt-inside-inner-col .kt-inside-inner-col {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.anwendung-block .kt-inside-inner-col .kt-inside-inner-col .kb-row-layout-wrap {
  padding: 30px !important;
}
.anwendung-block p {
  margin: 0;
}

.login-wrapper .user-registration {
  color: #353131 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 3% !important;
  font-weight: normal !important;
  font-family: "Geist" !important;
}

.anw-wrapper img {
  width: 100% !important;
  object-fit: unset !important;
  aspect-ratio: unset !important;
}

.ur-lost-password-content-container {
  display: none !important;
}

.user-registration-form-row.form-row {
  display: inline-block;
  margin-bottom: 0 !important;
  margin-top: clamp(50px, 50px + 20 * (100vw - 992px) / 248, 70px) !important;
}
.user-registration-form-row.form-row input[type=submit] {
  border-radius: 50px !important;
  margin-top: 0 !important;
}

.user-registration-form-row.user-registration-form-row--first.form-row.form-row-first {
  margin-top: 0 !important;
}

.user-registration-form-row[data-field=username], .user-registration-form-row[data-field=password] {
  margin-top: 0 !important;
}

[data-field=login-button] {
  display: inline-block !important;
}
.user-registration-LostPassword.lost_password label a {
  color: #000 !important;
  transition: all 0.35s ease-in-out;
}
.user-registration-LostPassword.lost_password label a:hover {
  color: #004C88 !important;
}

.pp-baustein--lehrmittel {
  border: 1px solid #F2901F !important;
}

.pp-bausteine-sa .pp-baustein:hover a {
  color: #000 !important;
  background-color: transparent !important;
}
.pp-bausteine-sa .pp-baustein a {
  color: #000 !important;
  background-color: transparent !important;
  transition: all 0.35s ease-in-out !important;
}
.pp-bausteine-sa .pp-baustein a:hover {
  color: #004C88 !important;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links li {
  display: inline-flex;
  width: 100%;
  margin-bottom: 15px;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links li svg {
  min-width: 27px;
  margin-right: 12px;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links li svg path {
  fill: #000;
  transition: all 0.35s ease-in-out !important;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links li a {
  font-family: "Geist";
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: 3%;
  font-weight: normal;
  text-decoration: none;
}
.pp-bausteine-sa .pp-baustein .pp-baustein-links li:hover svg path {
  fill: #004C88;
}
.pp-bausteine-sa .pp-baustein-links-detail svg {
  position: relative;
  top: 2px;
}

#check_box_1781123447_field {
  margin-top: 40px;
}
#check_box_1781123447_field label {
  display: none;
}
#check_box_1781123447_field .user-registration-error {
  top: 30px !important;
}
#check_box_1781123447_field li {
  display: flex;
  column-gap: 10px;
}
#check_box_1781123447_field li input {
  width: 20px;
  height: 20px;
  top: 2px;
  position: relative;
}
#check_box_1781123447_field li p {
  color: #353131 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 3% !important;
  font-weight: normal !important;
  font-family: "Geist" !important;
}
#check_box_1781123447_field li p a {
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 3% !important;
  font-weight: normal !important;
  font-family: "Geist" !important;
}

/* --------------------------------------------------------
  Fonts
-------------------------------------------------------- */
@font-face {
  font-family: "Geist";
  src: url("./fonts/Geist-Bold.eot");
  src: url("./fonts/Geist-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Geist-Bold.woff2") format("woff2"), url("./fonts/Geist-Bold.woff") format("woff"), url("./fonts/Geist-Bold.ttf") format("truetype"), url("./fonts/Geist-Bold.svg#Geist-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./fonts/Geist-Light.eot");
  src: url("./fonts/Geist-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Geist-Light.woff2") format("woff2"), url("./fonts/Geist-Light.woff") format("woff"), url("./fonts/Geist-Light.ttf") format("truetype"), url("./fonts/Geist-Light.svg#Geist-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./fonts/Geist-Regular.eot");
  src: url("./fonts/Geist-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Geist-Regular.woff2") format("woff2"), url("./fonts/Geist-Regular.woff") format("woff"), url("./fonts/Geist-Regular.ttf") format("truetype"), url("./fonts/Geist-Regular.svg#Geist-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./fonts/Geist-Medium.eot");
  src: url("./fonts/Geist-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Geist-Medium.woff2") format("woff2"), url("./fonts/Geist-Medium.woff") format("woff"), url("./fonts/Geist-Medium.ttf") format("truetype"), url("./fonts/Geist-Medium.svg#Geist-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("./fonts/Geist-SemiBold.eot");
  src: url("./fonts/Geist-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Geist-SemiBold.woff2") format("woff2"), url("./fonts/Geist-SemiBold.woff") format("woff"), url("./fonts/Geist-SemiBold.ttf") format("truetype"), url("./fonts/Geist-SemiBold.svg#Geist-Regular") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* --------------------------------------------------------
  Header
-------------------------------------------------------- */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-white);
  padding-top: var(--header-padding);
  padding-bottom: var(--header-padding);
  transition: padding var(--transition-fast);
  z-index: 1000;
}
.header .main-navigation-wrapper,
.header .meta-navigation-wrapper {
  display: flex;
}
.header .main-navigation-wrapper {
  order: 2;
}
.header .meta-navigation-wrapper {
  order: 1;
  position: absolute;
  top: 10px;
}
.header .header-logo img {
  width: 150px;
}

#primary-menu,
#menu-metamenue {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-toggle-trigger {
  display: none;
  width: 28px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--color-black);
  text-decoration: none;
  transition: color 0.3s ease;
}
.nav-toggle-trigger span {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  margin-bottom: 5px;
  background: var(--color-black);
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.nav-toggle-trigger span:first-child {
  transform-origin: 0% 0%;
}
.nav-toggle-trigger span:nth-child(2) {
  transform-origin: 0% 50%;
}
.nav-toggle-trigger span:last-child {
  transform-origin: 0% 100%;
  margin-bottom: 0;
}
.nav-toggle-trigger.active span {
  background: var(--color-black);
}
.nav-toggle-trigger.active span:first-child {
  transform: rotate(45deg) translate(-1px, 0px);
}
.nav-toggle-trigger.active span:nth-child(2) {
  opacity: 0;
  transform: scale(0.2);
}
.nav-toggle-trigger.active span:last-child {
  transform: rotate(-45deg) translate(-1px, -1px);
}

.main-navigation {
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.main-navigation .main-menu {
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.main-navigation .main-menu > li {
  position: relative;
}
.main-navigation .main-menu > li > a {
  font-size: 16px;
  color: var(--color-black) !important;
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  text-decoration: none;
  transition: all var(--transition-normal);
  letter-spacing: 3%;
  font-weight: normal !important;
}
.main-navigation .main-menu > li > a:hover {
  color: #004C88 !important;
}
.main-navigation .main-menu > li.current-menu-item > a {
  color: #004C88 !important;
}
.main-navigation .meta-navigation-wrapper {
  display: none;
}

.submenu-toggle {
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-left: 10px;
}
.submenu-toggle::after {
  content: "";
  display: block;
  width: clamp(13px, 13px + 2 * (100vw - 768px) / 472, 15px);
  height: 15px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><g transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M90 24.25c0-.896-.342-1.792-1.025-2.475-1.366-1.367-3.583-1.367-4.949 0L45 60.8 5.975 21.775c-1.367-1.367-3.583-1.367-4.95 0-1.366 1.367-1.366 3.583 0 4.95l41.5 41.5c1.366 1.367 3.583 1.367 4.949 0l41.5-41.5C89.658 26.042 90 25.146 90 24.25z" fill="rgb(0,0,0)"/></g></svg>') no-repeat center;
  background-size: contain;
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
  z-index: 1001;
  width: max-content;
  margin-top: 20px;
  padding: 20px;
  background: var(--color-white);
  list-style: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sub-menu .sub-menu {
  box-shadow: none;
}
.sub-menu > li {
  margin-bottom: 20px;
}
.sub-menu > li:last-child {
  margin-bottom: 0;
}
.sub-menu > li > a {
  font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 472, 18px);
  color: var(--color-black) !important;
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  text-decoration: none;
  transition: all var(--transition-normal);
}
.sub-menu > li > a:hover {
  color: var(--color-link-hover) !important;
}
.sub-menu .sub-menu {
  position: relative;
  margin: 10px 0 0 7px;
  padding: 0;
  transform: none;
}
.sub-menu .sub-menu > li {
  margin-bottom: 10px;
}
.sub-menu .sub-menu > li:last-child {
  margin-bottom: 0;
}
.sub-menu .sub-menu > li > a {
  font-size: 16px;
}

.menu-item-has-children.menu-open > .sub-menu,
.menu-item-has-children.menu-open .sub-menu .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.main-menu > li:last-child > .sub-menu {
  left: auto;
  right: 0;
}

.main-menu > li:last-child > .sub-menu .sub-menu {
  left: unset;
  right: unset;
}

.meta-navigation ul {
  display: flex;
  column-gap: 15px;
}
.meta-navigation a {
  position: relative;
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  font-size: 15px;
  color: var(--color-black);
  text-decoration: none;
  transition: all var(--transition-normal);
}
.meta-navigation a:hover {
  color: #004C88;
}
.meta-navigation .current-menu-item a {
  color: #004C88;
}

.nav-search {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .nav-search {
    padding-left: 0;
    padding-top: 20px;
  }
}
.nav-search button {
  border: none;
  background-color: transparent;
  padding: 12px;
  padding-right: 0;
  cursor: pointer;
}
.nav-search a svg {
  stroke: #000;
  transition: right var(--transition-normal);
}
.nav-search a:hover svg {
  stroke: #004C88;
}

@media (max-width: 768px) {
  .main-navigation-wrapper {
    order: 1;
  }
  .meta-navigation-wrapper {
    order: 2;
  }
  .nav-toggle-trigger {
    display: block;
    z-index: 999;
  }
  .main-navigation,
  .meta-navigation {
    position: fixed;
    right: -100%;
    width: 75vw;
    background: #E5EDF3;
    transition: right var(--transition-normal);
    padding: 30px 20px;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 100px;
  }
  .main-navigation.open,
  .meta-navigation.open {
    right: 0;
  }
  .main-navigation {
    top: 0;
    height: 100%;
  }
  .main-navigation .main-menu {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    width: 100%;
  }
  .main-navigation .meta-navigation-wrapper {
    display: none;
    width: 100%;
  }
  .main-navigation.open .meta-navigation-wrapper {
    display: flex;
    margin-top: 30px;
  }
  .meta-navigation {
    bottom: 0;
  }
  .meta-navigation ul {
    flex-direction: column;
    row-gap: 15px;
  }
  .sub-menu {
    position: static;
    margin-top: 10px;
    padding-left: 20px;
    background: transparent;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease, max-height 0.35s ease, visibility 0.35s ease;
  }
  .sub-menu .sub-menu {
    position: static;
    margin-top: 10px;
    padding-left: 20px;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-8px);
  }
  .menu-open > .sub-menu,
  .menu-open > .sub-menu .sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    transform: translateY(0);
    pointer-events: auto;
  }
  .sub-menu > li {
    margin-bottom: 10px;
  }
  .sub-menu > li:last-child {
    margin-bottom: 0;
  }
  .main-menu > li:last-child > .sub-menu,
  .main-menu > li:last-child > .sub-menu .sub-menu {
    left: auto;
    right: auto;
  }
}
/* --------------------------------------------------------
  Heading & Text
-------------------------------------------------------- */
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  line-height: var(--lineheight-heading);
  color: var(--color-text-heading);
  margin-top: 0;
}

h1 {
  font-size: clamp(40px, 40px + 20 * (100vw - 992px) / 248, 60px);
  margin-bottom: clamp(25px, 25px + 5 * (100vw - 992px) / 248, 30px);
  font-weight: 400;
}

h2 {
  font-size: clamp(25px, 25px + 15 * (100vw - 992px) / 248, 40px);
  margin-bottom: clamp(20px, 20px + 5 * (100vw - 992px) / 248, 25px);
  font-weight: 400;
}

h3 {
  font-size: clamp(20px, 20px + 5 * (100vw - 992px) / 248, 25px);
  margin-bottom: clamp(20px, 20px + 5 * (100vw - 992px) / 248, 25px);
  font-weight: 400;
}

h4 {
  font-size: clamp(16px, 16px + 4 * (100vw - 992px) / 248, 20px);
  margin-bottom: clamp(16px, 16px + 4 * (100vw - 992px) / 248, 20px);
}

p {
  font-size: 16px;
  font-family: var(--font-body);
  line-height: 1.56;
  color: var(--color-black);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}
p strong {
  font-weight: bold;
}
p em {
  font-style: italic;
}
p a {
  color: #004C88;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  transition: all var(--transition-normal);
  text-decoration: underline;
}
p a:hover {
  color: #000;
}
p.lead {
  font-size: clamp(16px, 16px + 4 * (100vw - 992px) / 248, 20px);
}
p.small {
  font-size: 16px;
}

ul.wp-block-list {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: clamp(22px, 22px + 12 * (100vw - 992px) / 248, 34px);
}
ul.wp-block-list li {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px);
}
ul.wp-block-list li p {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px);
}
ul.wp-block-list li p strong {
  font-weight: bold;
}
ul.wp-block-list li p em {
  font-style: italic;
}
ul.wp-block-list li a {
  color: var(--color-link);
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  transition: all var(--transition-normal);
  text-decoration: none;
}
ul.wp-block-list li a:hover {
  color: var(--color-link-hover);
}

/* --------------------------------------------------------
  Buttons
-------------------------------------------------------- */
.kb-buttons-wrap {
  margin-bottom: clamp(22px, 22px + 12 * (100vw - 992px) / 248, 34px) !important;
}

.btn-primary, .btn-secondary {
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  padding: clamp(6px, 6px + 1 * (100vw - 992px) / 248, 7px) clamp(10px, 10px + 5 * (100vw - 992px) / 248, 15px) !important;
}
.btn-primary.kt-btn-has-svg-true, .btn-secondary.kt-btn-has-svg-true {
  column-gap: 7px !important;
}

.btn-primary {
  margin-bottom: clamp(22px, 22px + 12 * (100vw - 992px) / 248, 34px) !important;
  color: var(--color-btn-primary-text) !important;
  background-color: var(--color-btn-primary-bg) !important;
  transition: all var(--transition-normal) !important;
}
.btn-primary:hover {
  color: var(--color-btn-primary-hover-text) !important;
  background-color: var(--color-btn-primary-hover-bg) !important;
}

.btn-secondary {
  margin-bottom: clamp(22px, 22px + 12 * (100vw - 992px) / 248, 34px) !important;
  color: var(--color-btn-secondary-text) !important;
  background-color: var(--color-btn-secondary-bg) !important;
  transition: all var(--transition-normal) !important;
}
.btn-secondary:hover {
  color: var(--color-btn-secondary-hover-text) !important;
  background-color: var(--color-btn-secondary-hover-bg) !important;
}

.pp-btn, .kb-button, .ur-submit-button, .user-registration-Button {
  appearance: none !important;
  background: #fff !important;
  padding: clamp(8px, 8px + 4 * (100vw - 992px) / 248, 12px) clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px) !important;
  cursor: pointer !important;
  transition: all var(--transition-normal) !important;
  display: block !important;
  border-radius: 100px !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #353131 !important;
  text-decoration: none !important;
  font-family: "Geist" !important;
  display: inline-block !important;
  border: 1px solid #004C88 !important;
  letter-spacing: 3% !important;
}
.pp-btn svg, .kb-button svg, .ur-submit-button svg, .user-registration-Button svg {
  margin-right: 8px !important;
}
.pp-btn svg path, .kb-button svg path, .ur-submit-button svg path, .user-registration-Button svg path {
  stroke: #353131 !important;
  transition: all var(--transition-normal) !important;
}
.pp-btn:hover, .kb-button:hover, .ur-submit-button:hover, .user-registration-Button:hover {
  background-color: #004C88 !important;
  color: #fff !important;
}
.pp-btn:hover svg path, .kb-button:hover svg path, .ur-submit-button:hover svg path, .user-registration-Button:hover svg path {
  stroke: #fff !important;
}
.pp-btn.pp-downloads svg, .kb-button.pp-downloads svg, .ur-submit-button.pp-downloads svg, .user-registration-Button.pp-downloads svg {
  transform: rotate(-180deg) !important;
}

.ur-submit-button, .user-registration-Button {
  background-color: #004C88 !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border-radius: 100px !important;
}
.ur-submit-button:hover, .user-registration-Button:hover {
  color: #353131 !important;
  background-color: #fff !important;
}

.ur-field-item {
  position: relative;
}
.ur-field-item .user-registration-error {
  position: absolute !important;
  top: 85px !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: red !important;
}

.pp-btn-sec {
  appearance: none;
  background: #fff;
  padding: 9px 24px;
  cursor: pointer;
  transition: all var(--transition-normal);
  display: block;
  border-radius: 100px;
  border: none;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #004C88;
  text-decoration: none !important;
  font-family: var(--font-heading);
  display: inline-block;
  margin-bottom: 25px;
  border: 1px solid #004C88;
}
.pp-btn-sec svg {
  margin-right: 8px;
}
.pp-btn-sec svg path {
  stroke: #353131;
  transition: all var(--transition-normal);
}
.pp-btn-sec:hover {
  background-color: #004C88;
  color: #fff;
}
.pp-btn-sec:hover svg path {
  stroke: #fff;
}

#user-registration .user-registration-Button.button.button-primary {
  border-radius: 50px !important;
}
#user-registration .user-registration-profile-fields p {
  margin-top: clamp(50px, 50px + 20 * (100vw - 992px) / 248, 70px) !important;
  float: left !important;
}

.ur-frontend-form.login form {
  padding: 0 !important;
}

/* --------------------------------------------------------
  Footer
-------------------------------------------------------- */
footer {
  background-color: #fff;
  margin: 0;
  padding-top: clamp(25px, 25px + 25 * (100vw - 992px) / 248, 50px) !important;
  padding-bottom: clamp(10px, 10px + 5 * (100vw - 992px) / 248, 15px) !important;
}
footer h2 {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
footer .footer-image img {
  max-width: 200px;
}
footer p {
  color: var(--color-text-body);
  font-family: var(--font-body);
  line-height: var(--lineheight-footer);
  font-size: 16px !important;
  margin-top: 0;
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px) !important;
}
footer p:last-of-type {
  margin-bottom: 0;
}
footer p a {
  color: #000;
  font-family: var(--font-body);
  line-height: 1.35;
  font-size: 16px !important;
  text-decoration: none;
  position: relative;
  transition: all var(--transition-normal);
}
footer p a:hover {
  color: #004C88;
}
footer ul:not(.footer-social) {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer ul:not(.footer-social) li {
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px) !important;
}
footer ul:not(.footer-social) li:last-of-type {
  margin-bottom: 0;
}
footer ul:not(.footer-social) li a {
  color: #000;
  font-family: var(--font-body);
  line-height: 1.35;
  font-size: 16px !important;
  text-decoration: none;
  position: relative;
  transition: all var(--transition-normal);
}
footer ul:not(.footer-social) li a:hover {
  color: #004C88;
}
footer ul:not(.footer-social) li.current-menu-item a {
  color: #004C88;
}
footer ul.footer-social {
  list-style-type: none;
  margin: 0;
  margin-top: clamp(10px, 10px + 10 * (100vw - 992px) / 248, 20px) !important;
  padding: 0;
  display: flex;
  column-gap: 0;
}
footer ul.footer-social li a {
  width: var(--size-touch-target);
  height: var(--size-touch-target);
  display: flex;
  align-items: center;
  justify-content: center;
}
footer ul.footer-social li img {
  width: calc(var(--size-touch-target) * 0.7);
  height: auto;
}
footer .footer-meta-wrapper {
  margin-top: clamp(25px, 25px + 25 * (100vw - 992px) / 248, 50px) !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--space-normal);
}
footer .footer-meta-wrapper ul {
  display: flex;
  column-gap: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px) !important;
}
footer .footer-meta-wrapper ul li {
  margin-bottom: 0 !important;
}
@media (max-width: 576px) {
  footer .footer-meta-wrapper ul {
    flex-direction: column;
    align-items: flex-start;
  }
}
footer .footer-meta-wrapper .footer-meta-nav {
  order: 2;
}
@media (max-width: 576px) {
  footer .footer-meta-wrapper .footer-meta-nav {
    order: 1;
  }
}
footer .footer-meta-wrapper p {
  order: 1;
  margin-bottom: 0 !important;
}
@media (max-width: 576px) {
  footer .footer-meta-wrapper p {
    order: 2;
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  footer .footer-meta-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 992px) {
  footer .col-12:not(.footer-meta-wrapper) {
    padding-bottom: 30px;
  }
}

/* --------------------------------------------------------
  Accordion
-------------------------------------------------------- */
/* --------------------------------------------------------
  Breadcrumb
-------------------------------------------------------- */
.pp-breadcrumb {
  margin-bottom: clamp(30px, 30px + 20 * (100vw - 992px) / 248, 50px);
}
.pp-breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(7px, 7px + 3 * (100vw - 992px) / 248, 10px);
}
.pp-breadcrumb li {
  display: flex;
  align-items: center;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
}
.pp-breadcrumb li a {
  color: var(--color-link);
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  transition: all var(--transition-normal);
  text-decoration: none;
}
.pp-breadcrumb li a:hover {
  color: var(--color-link-hover);
}
.pp-breadcrumb li .breadcrumb-separator {
  margin-right: clamp(7px, 7px + 3 * (100vw - 992px) / 248, 10px);
}
.pp-breadcrumb li .breadcrumb-separator svg {
  width: 12px;
  height: auto;
}

/* --------------------------------------------------------
  Downloads
-------------------------------------------------------- */
.downloadbox {
  background-color: var(--color-bg-component);
  display: inline-flex;
  padding: clamp(25px, 25px + 15 * (100vw - 992px) / 248, 40px);
}
.downloadbox ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px);
}
.downloadbox ul li {
  margin: 0;
}

/* --------------------------------------------------------
  FORM
-------------------------------------------------------- */
.pp-formular form {
  margin-top: clamp(30px, 30px + 25 * (100vw - 992px) / 248, 55px) !important;
}
.pp-formular label {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  transition: all var(--transition-normal) !important;
  font-weight: normal !important;
}
.pp-formular input {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  font-weight: normal !important;
  transition: all var(--transition-normal) !important;
  padding: clamp(8px, 8px + 2 * (100vw - 992px) / 248, 10px) !important;
}
.pp-formular input[type=text] {
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular input[type=email] {
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular input[type=number] {
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular textarea {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  font-weight: normal !important;
  transition: all var(--transition-normal) !important;
  padding: clamp(8px, 8px + 2 * (100vw - 992px) / 248, 10px) !important;
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular .forminator-checkbox-box {
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular .forminator-row {
  margin-bottom: 0 !important;
}
.pp-formular .forminator-field {
  position: relative;
  margin-bottom: 45px !important;
}
.pp-formular .forminator-field label {
  position: absolute !important;
  left: 11px !important;
  top: 11px !important;
  transition: all var(--transition-normal) !important;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
}
.pp-formular .forminator-field.forminator-is_active label, .pp-formular .forminator-field.forminator-is_filled label {
  position: absolute !important;
  top: -19px !important;
  left: 4px !important;
  font-size: 14px !important;
}
.pp-formular .forminator-field.forminator-is_active input, .pp-formular .forminator-field.forminator-is_active textarea, .pp-formular .forminator-field.forminator-is_filled input, .pp-formular .forminator-field.forminator-is_filled textarea {
  border-color: var(--color-text-body) !important;
}
.pp-formular .forminator-field.forminator-has_error input[type=text] {
  border-color: red;
}
.pp-formular .forminator-field.forminator-has_error .forminator-error-message {
  margin-top: 2px;
  position: absolute;
  width: 100%;
  max-height: 30px;
  overflow: hidden;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: red !important;
  background-color: transparent !important;
  padding: 0px 10px !important;
}
.pp-formular .forminator-field-select .forminator-field label {
  position: absolute !important;
  top: -19px !important;
  left: 4px !important;
  font-size: 14px !important;
}
.pp-formular .forminator-field-select .select2-selection {
  border: var(--border-small) !important;
  border-radius: var(--radius-small) !important;
  background-color: var(--color-white) !important;
}
.pp-formular .forminator-field-select .select2-selection__rendered {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  font-weight: normal !important;
  transition: all var(--transition-normal) !important;
  padding: clamp(8px, 8px + 2 * (100vw - 992px) / 248, 10px) !important;
}
.pp-formular .forminator-field-select .select2-container .select2-selection {
  transition: all var(--transition-normal) !important;
}
.pp-formular .forminator-field-select .select2-container.select2-container--open .select2-selection {
  border-color: var(--color-text-body) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.pp-formular .forminator-field-select .select2-container.active .select2-selection {
  border-color: var(--color-text-body) !important;
}
.pp-formular .forminator-field-textarea .forminator-description {
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  transition: all var(--transition-normal) !important;
  font-weight: normal !important;
}
.pp-formular .forminator-field-date .forminator-field label {
  position: absolute !important;
  top: -19px !important;
  left: 4px !important;
  font-size: 14px !important;
}
.pp-formular .forminator-field-checkbox .forminator-label {
  position: absolute !important;
  top: -23px !important;
  left: 4px !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  transition: all var(--transition-normal) !important;
  font-weight: normal !important;
}
.pp-formular .forminator-field-checkbox label {
  position: relative !important;
  left: unset !important;
  top: unset !important;
}
.pp-formular .forminator-field-checkbox .forminator-checkbox-box {
  transition: all var(--transition-normal) !important;
}
.pp-formular .forminator-field-checkbox .forminator-is_checked .forminator-checkbox-box {
  border-color: var(--color-text-body) !important;
}
.pp-formular .forminator-field-consent .forminator-field label {
  position: relative !important;
  top: unset !important;
  left: 4px !important;
  font-size: 14px !important;
}
.pp-formular .forminator-field-consent .forminator-checkbox__wrapper {
  margin-top: clamp(15px, 15px + 5 * (100vw - 992px) / 248, 20px) !important;
}
.pp-formular .forminator-field-consent .forminator-checkbox__wrapper p {
  margin-top: 0 !important;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  color: var(--color-text-body) !important;
  font-weight: normal !important;
}
.pp-formular .forminator-button.forminator-button-submit {
  font-family: var(--font-body) !important;
  line-height: var(--lineheight-body) !important;
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px) !important;
  padding: clamp(6px, 6px + 1 * (100vw - 992px) / 248, 7px) clamp(10px, 10px + 5 * (100vw - 992px) / 248, 15px) !important;
  margin-bottom: clamp(22px, 22px + 12 * (100vw - 992px) / 248, 34px) !important;
  color: var(--color-btn-primary-text) !important;
  background-color: var(--color-btn-primary-bg) !important;
  transition: all var(--transition-normal) !important;
  box-shadow: none !important;
  border-radius: var(--radius-small) !important;
}
.pp-formular .forminator-button.forminator-button-submit:hover {
  color: var(--color-btn-primary-hover-text) !important;
  background-color: var(--color-btn-primary-hover-bg) !important;
}

/* --------------------------------------------------------
  Gallery
-------------------------------------------------------- */
/* --------------------------------------------------------
  Headerslider
-------------------------------------------------------- */
/* --------------------------------------------------------
  List & Cards
-------------------------------------------------------- */
/* --------------------------------------------------------
  Map
-------------------------------------------------------- */
/* --------------------------------------------------------
  Search
-------------------------------------------------------- */
.gp-search-modal .gp-modal__overlay {
  background: var(--color-accent-1);
  align-items: flex-start;
  padding-top: 25vh;
}
.gp-search-modal .search-modal-fields .search-field {
  color: var(--color-white);
  caret-color: var(--color-white);
}

#vc-agenda-search-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--space-normal);
  max-width: 70vw;
}

.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.search-overlay[hidden] {
  display: none;
}
.search-overlay .search-overlay-inner {
  background: var(--color-white);
  padding: 2rem;
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-small);
  position: relative;
}
.search-overlay .search-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}
.search-overlay input[type=search] {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.search-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-primary), 0.95);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity var(--transition-normal), visibility var(--transition-normal) !important;
}
.search-popup.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.search-popup.is-active .search-popup-inner {
  transform: translateY(0);
  opacity: 1;
}
.search-popup-inner {
  background: #fff;
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  position: relative;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.search-popup-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.search-popup input {
  width: 100%;
  margin-bottom: 1rem;
}

/* --------------------------------------------------------
  Subpages
-------------------------------------------------------- */
ul.pp-subpages-list {
  list-style-type: none;
  margin: 0;
  margin-bottom: clamp(30px, 30px + 25 * (100vw - 992px) / 248, 55px);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px);
}
ul.pp-subpages-list li {
  flex: 0 0 100%;
  display: flex;
}
@media (min-width: 480px) {
  ul.pp-subpages-list li {
    flex: 0 0 calc((100% - 1 * clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px)) / 2);
  }
}
@media (min-width: 768px) {
  ul.pp-subpages-list li {
    flex: 0 0 calc((100% - 2 * clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px)) / 3);
  }
}
ul.pp-subpages-list li a {
  text-decoration: none;
  border: var(--border-large);
  outline: 2px solid transparent;
  transition: all var(--transition-normal);
  display: flex;
  flex-direction: column;
  width: 100%;
}
ul.pp-subpages-list li a:hover {
  outline: 2px var(--border-hover);
}
ul.pp-subpages-list li .pp-subpages-title {
  font-size: clamp(18px, 18px + 8 * (100vw - 992px) / 248, 26px);
  font-family: var(--font-heading);
  line-height: var(--lineheight-heading);
  color: var(--color-text-heading);
  padding: clamp(12px, 10px + 3 * (100vw - 992px) / 248, 15px);
  display: block;
  margin-bottom: clamp(15px, 15px + 15 * (100vw - 992px) / 248, 30px);
}
ul.pp-subpages-list li img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* --------------------------------------------------------
  Testimonial
-------------------------------------------------------- */
/* --------------------------------------------------------
  Text & Image
-------------------------------------------------------- */
.pp-kompetenzbereich__container {
  max-width: 1442px;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 50px;
}

.pp-kompetenzbereich__wrapper {
  width: 100%;
  gap: 2px;
  text-wrap: pretty;
  overflow-wrap: break-word;
  hyphens: auto;
  flex-wrap: wrap;
  padding-left: 90px;
  display: none;
}
.pp-kompetenzbereich__wrapper.is-active {
  display: flex;
}
.pp-kompetenzbereich__wrapper > .pp-kompetenzbereich__block {
  flex: 1 1 0;
}
@media (max-width: 1200px) {
  .pp-kompetenzbereich__wrapper > .pp-kompetenzbereich__block {
    flex: 0 0 calc(50% - 1px);
    max-width: calc(50% - 1px);
  }
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__wrapper > .pp-kompetenzbereich__block {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.pp-kompetenzbereich__wrapper > .pp-kompetenzbereich__block {
  min-width: 0;
  display: flex;
  flex-direction: row;
}
.pp-kompetenzbereich__wrapper > .pp-kompetenzbereich__block > .pp-kompetenzbereich__block--container {
  flex: 1 1 0;
  min-width: 0;
}

.pp-kompetenzbereich__viewtoggle {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 30px;
  width: 100%;
}

.pp-kompetenzbereich__toggle {
  appearance: none;
  background: #fff;
  padding: 12px 24px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: block;
  border-radius: 100px;
  border: 1px solid #004C88;
  font-size: 16px;
  font-weight: bold;
}
.pp-kompetenzbereich__toggle svg {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.pp-kompetenzbereich__toggle svg path {
  stroke: #000;
  transition: all 0.3s ease-in-out;
}
.pp-kompetenzbereich__toggle[data-view=search] svg {
  top: 0;
}
.pp-kompetenzbereich__toggle[data-view=search] svg path {
  stroke: unset;
  fill: #000;
  transition: all 0.3s ease-in-out;
}
.pp-kompetenzbereich__toggle:hover {
  background-color: #004C88;
  color: #fff;
}
.pp-kompetenzbereich__toggle:hover svg path {
  stroke: #fff;
}
.pp-kompetenzbereich__toggle:hover[data-view=search] svg path {
  fill: #fff;
}
.pp-kompetenzbereich__toggle.is-active {
  display: none;
}

.pp-kompetenzbereich__gridview,
.pp-kompetenzbereich__searchview {
  display: none;
  width: 100%;
}
.pp-kompetenzbereich__gridview.is-active,
.pp-kompetenzbereich__searchview.is-active {
  display: block;
}

.pp-kompetenzbereich__block {
  display: flex;
  flex-direction: row;
}
.pp-kompetenzbereich__block--attributes {
  flex: 0 0 120px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pp-kompetenzbereich__block--attributes > div {
  flex: 1;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
}
.pp-kompetenzbereich__block--attributes > div p {
  margin: 0;
}
.pp-kompetenzbereich__block--container {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pp-kompetenzbereich__block--containertitle > div:first-of-type {
  aspect-ratio: 1;
  padding: 15px;
}
@media (max-width: 1200px) {
  .pp-kompetenzbereich__block--containertitle > div:first-of-type {
    aspect-ratio: unset;
    height: 200px;
  }
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__block--containertitle > div:first-of-type {
    aspect-ratio: unset;
    height: auto;
  }
}
.pp-kompetenzbereich__block--containertitle > div:first-of-type h2 {
  margin: 0;
  color: white;
  font-size: clamp(20px, 20px + 10 * (100vw - 992px) / 248, 30px);
}
.pp-kompetenzbereich__block[data-kb-bereich=identitaet-entwickeln] .pp-kompetenzbereich__block--containertitle > div:first-of-type,
.pp-kompetenzbereich__block[data-kb-bereich=identitaet-entwickeln] .pp-kompetenzbereich__block--containersubtitle > div {
  background-color: #85725D;
}
.pp-kompetenzbereich__block[data-kb-bereich=identitaet-entwickeln] .pp-kompetenzbereich__block--containerrow > div a {
  background-color: #BEB2A5;
  color: black;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.pp-kompetenzbereich__block[data-kb-bereich=identitaet-entwickeln] .pp-kompetenzbereich__block--containerrow > div a:hover {
  background-color: #85725D;
  color: white;
}
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containertitle > div:first-of-type,
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containersubtitle > div {
  background-color: #B2554B;
}
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containerrow > div a {
  background-color: #D8A89D;
  color: black;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containerrow > div a:hover {
  background-color: #B2554B;
  color: white;
}
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containertitle > div:first-of-type,
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containersubtitle > div {
  background-color: #ED8D3F;
}
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containerrow > div a {
  background-color: #F7C9A0;
  color: black;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containerrow > div a:hover {
  background-color: #ED8D3F;
  color: white;
}
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containertitle > div:first-of-type,
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containersubtitle > div {
  background-color: #F4B92A;
}
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containerrow > div a {
  background-color: #F9DE95;
  color: black;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containerrow > div a:hover {
  background-color: #F4B92A;
  color: white;
}
.pp-kompetenzbereich__block--containersubtitle {
  display: flex;
  gap: 2px;
  margin-top: 2px;
}
.pp-kompetenzbereich__block--containersubtitle > div {
  flex: 1;
  aspect-ratio: 1;
  padding: 15px;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__block--containersubtitle > div {
    aspect-ratio: unset;
  }
}
.pp-kompetenzbereich__block--containersubtitle h3 {
  margin: 0;
  color: white;
  font-size: clamp(16px, 16px + 4 * (100vw - 992px) / 248, 20px);
}
.pp-kompetenzbereich__block--containerrow {
  display: flex;
  gap: 2px;
  margin-top: 2px;
}
.pp-kompetenzbereich__block--containerrow > div {
  flex: 1;
  aspect-ratio: 1;
}
@media (max-width: 1200px) {
  .pp-kompetenzbereich__block--containerrow > div {
    aspect-ratio: 1;
  }
}
.pp-kompetenzbereich__block--containerrow > div a {
  width: 100%;
  display: block;
  height: 100%;
  padding: 15px;
  font-size: 18px;
  text-decoration: none;
  font-family: var(--font-heading);
}
.pp-kompetenzbereich__block--containerrow[data-klasse="7"] > div {
  aspect-ratio: 2/1;
}
.pp-kompetenzbereich__block--containerrow[data-klasse="8"] > div {
  aspect-ratio: 2/1;
}
.pp-kompetenzbereich__block--containerrow[data-klasse="9"] > div {
  aspect-ratio: 2/1;
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow {
  position: relative;
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow:before {
  position: absolute;
  width: 90px;
  left: -90px;
  font-size: 16px;
  color: black;
  font-family: var(--font-heading);
  padding-right: 10px;
  text-align: left;
  top: 18px;
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="1"]:before {
  content: "1. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="2"]:before {
  content: "2. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="3"]:before {
  content: "3. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="4"]:before {
  content: "4. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="5"]:before {
  content: "5. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="6"]:before {
  content: "6. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="7"]:before {
  content: "7. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="8"]:before {
  content: "8. Klasse";
}
.pp-kompetenzbereich__block .pp-kompetenzbereich__block--containerrow[data-klasse="9"]:before {
  content: "9. Klasse";
}
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] {
  padding-left: 0;
}
.pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containerrow:before {
  display: none;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__block[data-kb-bereich=religioese-ausdrucksfaehigkeiten-erwerben] .pp-kompetenzbereich__block--containerrow:before {
    display: block;
  }
}
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] {
  padding-left: 0;
}
.pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containerrow:before {
  display: none;
}
@media (max-width: 992px) {
  .pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containerrow:before {
    display: block;
  }
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__block[data-kb-bereich=bibelverstaendnis-aufbauen] .pp-kompetenzbereich__block--containerrow:before {
    display: block;
  }
}
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] {
  padding-left: 0;
}
.pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containerrow:before {
  display: none;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__block[data-kb-bereich=christliche-praxis-entdecken] .pp-kompetenzbereich__block--containerrow:before {
    display: block;
  }
}

.single-kompetenzbereich .pp-komp-lead {
  margin-bottom: 45px;
  max-width: 65%;
}
@media (max-width: 992px) {
  .single-kompetenzbereich .pp-komp-lead {
    max-width: 100%;
  }
}
.single-kompetenzbereich .pp-komp-lead p {
  margin: 0;
  line-height: 1.5;
  font-weight: normal;
}
.single-kompetenzbereich .pp-komp-lead .pp-komp-lead-buttons {
  margin-bottom: 45px;
  display: flex;
  flex-direction: row;
  gap: clamp(10px, 10px + 10 * (100vw - 992px) / 248, 20px);
  flex-wrap: wrap;
}

.main-single-kompetenzbereich {
  margin-top: 130px;
  padding-top: clamp(60px, 60px + 50 * (100vw - 992px) / 248, 110px);
}

.pp-kompetenzbereich__searchinner {
  margin-top: 50px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__top {
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__top {
    display: block;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__top input {
  font-size: 16px;
  font-weight: 500;
  color: #353131;
  line-height: 25px;
  padding: 8px 24px;
  border-radius: 50px;
  border: none;
  background-color: #fff;
  width: 410px;
  font-family: "Geist";
  padding-right: 40px;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__top input {
    width: 100%;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__top input::placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #353131;
  font-family: "Geist";
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__top input::-webkit-search-decoration, .pp-kompetenzbereich__searchinner .pp-materialsuche__top input::-webkit-search-cancel-button, .pp-kompetenzbereich__searchinner .pp-materialsuche__top input::-webkit-search-results-button, .pp-kompetenzbereich__searchinner .pp-materialsuche__top input::-webkit-search-results-decoration {
  display: none;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__top svg {
  position: absolute;
  position: absolute;
  right: 18px;
  top: 12px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup {
  margin-top: 50px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup h3 {
  font-size: 16px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 9%;
  margin-bottom: 0 !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup .pp-materialsuche__filter {
  display: flex;
  gap: 24px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup.zb {
  margin-bottom: 20px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup.zb .pp-materialsuche__filter {
  display: inline-block;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__filtergroup select {
  font-size: 16px;
  font-weight: 500;
  color: #353131;
  line-height: 25px;
  padding: 8px 24px;
  border-radius: 50px;
  border: 1px solid #004C88;
  background-color: #fff;
  font-family: "Geist";
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 48px;
  background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L5.25 5.25L9.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px;
  flex: 1;
  min-width: 200px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__count {
  color: #353131;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 3%;
  font-weight: normal;
  font-family: "Geist";
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results {
  margin-top: 50px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel {
  background-color: #fff;
  border: 1px solid #004C88;
  border-radius: 24px;
  padding: clamp(28px, 28px + 2 * (100vw - 992px) / 248, 30px) clamp(14px, 14px + 22 * (100vw - 992px) / 248, 36px);
  margin-bottom: 24px;
  cursor: pointer;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel h3 {
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: normal;
  color: #000;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel h3 a {
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: 300;
  color: #000;
  text-decoration: underline;
  transition: all 0.35s ease-in-out;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel:hover h3 a {
  color: #004C88;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper p {
  font-size: 16px;
  line-height: 25px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta {
  display: flex;
  width: 100%;
  column-gap: 48px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta {
    flex-direction: column;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div {
  width: 50%;
  border-top: 1px solid #E5EDF3;
}
@media (max-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div {
    width: 100%;
  }
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div:last-of-type {
    border-top: none;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div > div {
  border-bottom: 1px solid #E5EDF3;
  padding-top: 12px;
  padding-bottom: 12px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results article.pp-materialsuche__item.pp-lehrmittel .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div > div p strong {
  width: 100%;
  max-width: 170px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine {
  margin-top: clamp(50px, 50px + 60 * (100vw - 992px) / 248, 110px);
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px);
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (min-width: 1200px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein {
  background-color: var(--color-white);
  padding: clamp(28px, 28px + 20 * (100vw - 992px) / 248, 48px) clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px);
  border-radius: 24px;
  border: 1px solid #F2901F;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein .bs-titel {
  display: flex;
  flex-direction: row;
  column-gap: 6px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein .bs-titel span:first-of-type {
  border-radius: 50%;
  width: clamp(37px, 37px + 11 * (100vw - 992px) / 248, 48px);
  height: clamp(35px, 35px + 13 * (100vw - 992px) / 248, 48px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein .bs-titel span:last-of-type {
  font-size: 16px;
  letter-spacing: 9%;
  text-transform: uppercase;
  font-family: var(--font-heading);
  color: #fff;
  background-color: #F2901F;
  font-weight: normal;
  padding: clamp(7px, 7px + 6 * (100vw - 992px) / 248, 13px) clamp(19px, 19px + 5 * (100vw - 992px) / 248, 24px);
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h2, .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h3 {
  margin-top: clamp(45px, 45px + 20 * (100vw - 992px) / 248, 65px);
  margin-bottom: 25px;
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: normal;
  text-wrap: pretty;
  overflow-wrap: break-word;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h2 a, .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h3 a {
  text-decoration: none;
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: normal;
  color: var(--color-black);
  transition: all var(--transition-normal);
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h3 {
  margin-top: clamp(35px, 35px + 30 * (100vw - 992px) / 248, 65px);
  margin-bottom: clamp(10px, 10px + 15 * (100vw - 992px) / 248, 25px);
  flex: 1;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein p {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein {
  border: 1px solid #fff;
  padding: clamp(28px, 28px + 2 * (100vw - 992px) / 248, 30px) clamp(14px, 14px + 22 * (100vw - 992px) / 248, 36px);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  opacity: 1;
  transition: all var(--transition-normal);
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein:hover a {
  color: #fff;
  background-color: #004C88;
}
@media (min-width: 992px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.inactive {
    opacity: 0.6;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bible_bb {
  border: 1px solid #980363;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bible_bb .bs-titel span {
  background-color: #980363;
  font-weight: normal;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bible_bb .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--liedbaustein {
  border: 1px solid #c7d300;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--liedbaustein .bs-titel span {
  background-color: #c7d300;
  font-weight: normal;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--liedbaustein .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--methodenbaustein {
  border: 1px solid #009ee3;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--methodenbaustein .bs-titel span {
  background-color: #009ee3;
  font-weight: normal;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--methodenbaustein .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--wissensbaustein {
  border: 1px solid #00998a;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--wissensbaustein .bs-titel span {
  background-color: #00998a;
  font-weight: normal;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--wissensbaustein .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bilderbuchbaustein {
  border: 1px solid #ea4f59;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bilderbuchbaustein .bs-titel span {
  background-color: #ea4f59;
  font-weight: normal;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein.pp-baustein--bilderbuchbaustein .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h2, .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein h2 a {
  font-size: 28px;
  line-height: 45px;
  margin-top: 36px;
  margin-bottom: 0;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein p {
  margin-top: 15px;
  flex: 1;
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein a.pp-btn-sec {
  margin-bottom: 0;
  margin-top: clamp(20px, 20px + 20 * (100vw - 992px) / 248, 40px);
  align-self: flex-start;
}
@media (min-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-baustein a.pp-btn-sec {
    align-self: flex-end;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine {
  margin-top: clamp(50px, 50px + 60 * (100vw - 992px) / 248, 110px);
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px);
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
}
.pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (min-width: 1200px) {
  .pp-kompetenzbereich__searchinner .pp-materialsuche__results .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}

/* --------------------------------------------------------
  Lehrmittel
-------------------------------------------------------- */
.single-lehrmittel .single-lehrmittel-block {
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px);
}
.single-lehrmittel .single-lehrmittel-block h2 {
  margin-bottom: clamp(25px, 25px + 5 * (100vw - 992px) / 248, 30px);
}
.single-lehrmittel .single-lehrmittel-block h3 {
  margin-bottom: clamp(20px, 20px + 0 * (100vw - 992px) / 248, 20px);
}
.single-lehrmittel .single-lehrmittel-block ul {
  margin-bottom: 25px;
  margin-top: 0;
}
.single-lehrmittel .single-lehrmittel-block ul li {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  margin-bottom: 5px;
}
.single-lehrmittel .single-lehrmittel-block ul li strong {
  font-weight: bold;
}
.single-lehrmittel .single-lehrmittel-block ul li em {
  font-style: italic;
}
.single-lehrmittel .single-lehrmittel-block ul li a {
  color: var(--color-link);
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  transition: all var(--transition-normal);
  text-decoration: none;
}
.single-lehrmittel .single-lehrmittel-block ul li a:hover {
  color: var(--color-link-hover);
}
.single-lehrmittel .single-lehrmittel-block a.pp-bausteinlink--bible_bb {
  color: #980363;
}
.single-lehrmittel .single-lehrmittel-block a.pp-bausteinlink--bilderbuchbaustein {
  color: #ea4f59;
}
.single-lehrmittel .single-lehrmittel-block a.pp-bausteinlink--liedbaustein {
  color: #c7d300;
}
.single-lehrmittel .single-lehrmittel-block a.pp-bausteinlink--methodenbaustein {
  color: #009ee3;
}
.single-lehrmittel .single-lehrmittel-block a.pp-bausteinlink--wissensbaustein {
  color: #00998a;
}
.single-lehrmittel .single-lehrmittel-block a:hover {
  color: var(--color-link-hover);
}
.single-lehrmittel .single-lehrmittel-downloads {
  background-color: white;
  border-radius: 12px;
  padding: 30px;
}
.single-lehrmittel .single-lehrmittel-downloads h3 {
  margin-bottom: 15px;
}
.single-lehrmittel .single-lehrmittel-downloads ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.single-lehrmittel .single-lehrmittel-downloads ul li {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  list-style-type: none;
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px);
}
.single-lehrmittel .single-lehrmittel-downloads ul li p {
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  color: var(--color-text-body);
  margin-bottom: clamp(5px, 5px + 5 * (100vw - 992px) / 248, 10px);
}
.single-lehrmittel .single-lehrmittel-downloads ul li p strong {
  font-weight: bold;
}
.single-lehrmittel .single-lehrmittel-downloads ul li p em {
  font-style: italic;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a {
  color: var(--color-link);
  font-size: clamp(16px, 16px + 2 * (100vw - 992px) / 248, 18px);
  font-family: var(--font-body);
  line-height: var(--lineheight-body);
  transition: all var(--transition-normal);
  text-decoration: none;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a.pp-download-link--bibelbausteine {
  color: #980363;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a.pp-download-link--liedbausteine {
  color: #c7d300;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a.pp-download-link--methodenbausteine {
  color: #009ee3;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a.pp-download-link--wissensbausteine {
  color: #00998a;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a.pp-download-link--bilderbuchbausteine {
  color: #ea4f59;
}
.single-lehrmittel .single-lehrmittel-downloads ul li a:hover {
  color: var(--color-link-hover);
}

.single-kompetenzbereich {
  margin-bottom: clamp(100px, 100px + 100 * (100vw - 992px) / 248, 200px);
}
.single-kompetenzbereich .pp-lehrmittel, .single-kompetenzbereich .pp-baustein {
  background-color: var(--color-white);
  padding: clamp(28px, 28px + 20 * (100vw - 992px) / 248, 48px) clamp(14px, 14px + 10 * (100vw - 992px) / 248, 24px);
  border-radius: 24px;
  border: 1px solid #F2901F;
}
.single-kompetenzbereich .pp-lehrmittel .bs-titel, .single-kompetenzbereich .pp-baustein .bs-titel {
  display: flex;
  flex-direction: row;
  column-gap: 6px;
}
.single-kompetenzbereich .pp-lehrmittel .bs-titel span:first-of-type, .single-kompetenzbereich .pp-baustein .bs-titel span:first-of-type {
  border-radius: 50%;
  width: clamp(37px, 37px + 11 * (100vw - 992px) / 248, 48px);
  height: clamp(35px, 35px + 13 * (100vw - 992px) / 248, 48px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-kompetenzbereich .pp-lehrmittel .bs-titel span:last-of-type, .single-kompetenzbereich .pp-baustein .bs-titel span:last-of-type {
  font-size: 16px;
  letter-spacing: 9%;
  text-transform: uppercase;
  font-family: var(--font-heading);
  color: #fff;
  background-color: #F2901F;
  font-weight: normal;
  padding: clamp(7px, 7px + 6 * (100vw - 992px) / 248, 13px) clamp(19px, 19px + 5 * (100vw - 992px) / 248, 24px);
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
}
.single-kompetenzbereich .pp-lehrmittel h2, .single-kompetenzbereich .pp-lehrmittel h3, .single-kompetenzbereich .pp-baustein h2, .single-kompetenzbereich .pp-baustein h3 {
  margin-top: clamp(45px, 45px + 20 * (100vw - 992px) / 248, 65px);
  margin-bottom: 25px;
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: normal;
}
.single-kompetenzbereich .pp-lehrmittel h2 a, .single-kompetenzbereich .pp-lehrmittel h3 a, .single-kompetenzbereich .pp-baustein h2 a, .single-kompetenzbereich .pp-baustein h3 a {
  text-decoration: none;
  font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 248, 35px);
  font-weight: normal;
  color: var(--color-black);
  transition: all var(--transition-normal);
}
.single-kompetenzbereich .pp-lehrmittel h3, .single-kompetenzbereich .pp-baustein h3 {
  margin-top: clamp(35px, 35px + 30 * (100vw - 992px) / 248, 65px);
  margin-bottom: clamp(10px, 10px + 15 * (100vw - 992px) / 248, 25px);
  flex: 1;
}
.single-kompetenzbereich .pp-lehrmittel p, .single-kompetenzbereich .pp-baustein p {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}
.single-kompetenzbereich .pp-lehrmittel .inner-wrapper {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px dashed #F2901F;
}
@media (max-width: 992px) {
  .single-kompetenzbereich .pp-lehrmittel .inner-wrapper {
    width: 100%;
  }
}
.single-kompetenzbereich .pp-lehrmittel .pp-btn-sec {
  margin-top: 40px;
  margin-bottom: 40px;
}
.single-kompetenzbereich .pp-lehrmittel .pp-lehrmittel__content {
  cursor: pointer;
}
.single-kompetenzbereich .pp-lehrmittel .pp-lehrmittel__content:hover .pp-btn-sec {
  color: #fff;
  background-color: #004C88;
}
.single-kompetenzbereich .pp-baustein {
  border: 1px solid #fff;
  padding: clamp(28px, 28px + 2 * (100vw - 992px) / 248, 30px) clamp(14px, 14px + 22 * (100vw - 992px) / 248, 36px);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  opacity: 1;
  transition: all var(--transition-normal);
}
.single-kompetenzbereich .pp-baustein:hover a {
  color: #fff;
  background-color: #004C88;
}
@media (min-width: 992px) {
  .single-kompetenzbereich .pp-baustein.inactive {
    opacity: 0.6;
  }
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bibelbausteine {
  border: 1px solid #980363;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bibelbausteine .bs-titel span {
  background-color: #980363;
  font-weight: normal;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bibelbausteine .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--liedbausteine {
  border: 1px solid #c7d300;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--liedbausteine .bs-titel span {
  background-color: #c7d300;
  font-weight: normal;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--liedbausteine .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--methodenbausteine {
  border: 1px solid #009ee3;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--methodenbausteine .bs-titel span {
  background-color: #009ee3;
  font-weight: normal;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--methodenbausteine .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--wissensbausteine {
  border: 1px solid #00998a;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--wissensbausteine .bs-titel span {
  background-color: #00998a;
  font-weight: normal;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--wissensbausteine .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bilderbuchbausteine {
  border: 1px solid #ea4f59;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bilderbuchbausteine .bs-titel span {
  background-color: #ea4f59;
  font-weight: normal;
}
.single-kompetenzbereich .pp-baustein.pp-baustein--bilderbuchbausteine .bs-titel span:first-of-type {
  background-color: transparent !important;
}
.single-kompetenzbereich .pp-baustein h2, .single-kompetenzbereich .pp-baustein h2 a {
  font-size: 28px;
  line-height: 45px;
  margin-top: 36px;
  margin-bottom: 0;
}
.single-kompetenzbereich .pp-baustein p {
  margin-top: 15px;
  flex: 1;
}
.single-kompetenzbereich .pp-baustein a.pp-btn-sec {
  margin-bottom: 0;
  margin-top: clamp(20px, 20px + 20 * (100vw - 992px) / 248, 40px);
  align-self: flex-start;
}
@media (min-width: 768px) {
  .single-kompetenzbereich .pp-baustein a.pp-btn-sec {
    align-self: flex-end;
  }
}
.single-kompetenzbereich .pp-bausteine {
  margin-top: clamp(50px, 50px + 60 * (100vw - 992px) / 248, 110px);
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 992px) / 248, 100px);
}
.single-kompetenzbereich .pp-bausteine .pp-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 768px) {
  .single-kompetenzbereich .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
}
.single-kompetenzbereich .pp-bausteine .pp-wrapper article {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .single-kompetenzbereich .pp-bausteine .pp-wrapper {
    align-items: stretch;
  }
  .single-kompetenzbereich .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (min-width: 1200px) {
  .single-kompetenzbereich .pp-bausteine .pp-wrapper article {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}
.single-kompetenzbereich .pp-lehrmittel__meta-wrapper p {
  font-size: 16px;
  line-height: 25px;
}
.single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta {
  display: flex;
  width: 100%;
  column-gap: 48px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta {
    flex-direction: column;
  }
}
.single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div {
  width: 50%;
  border-top: 1px solid #E5EDF3;
}
@media (max-width: 768px) {
  .single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div {
    width: 100%;
  }
  .single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div:last-of-type {
    border-top: none;
  }
}
.single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div > div {
  border-bottom: 1px solid #E5EDF3;
  padding-top: 12px;
  padding-bottom: 12px;
}
.single-kompetenzbereich .pp-lehrmittel__meta-wrapper .pp-lehrmittel__meta > div > div p strong {
  width: 100%;
  max-width: 170px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=style.css.map */