html {
  scroll-behavior: smooth;
  scroll-padding-top: 140px;
}

body {
  --white: #fff;
  --gray: #f6f6f7;
  --midnight: #072445;
  --marine: #2e8ad4;
  color: var(--midnight);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

body:has(.pk-site__header.is-header__mobile .menu-icon__wrap.menu-active) {
  overflow: hidden;
}

body .fl-page .h1,
body .fl-page .h1_design,
body .fl-page .h1_klein,
body .fl-page .h2,
body .fl-page .h2_def,
body .fl-page .h2_klein,
body .fl-page .h3,
body .fl-page .h4,
body .fl-page .h5,
body .fl-page .h5_design,
body .fl-page .h6,
body .fl-page h1,
body .fl-page h2,
body .fl-page h3,
body .fl-page h4,
body .fl-page h5,
body .fl-page h6 {
  font-weight: 600;
  color: inherit;
  margin: 0;
}

body .fl-page .h1 strong,
body .fl-page .h2 strong,
body .fl-page .h3 strong,
body .fl-page .h4 strong,
body .fl-page .h5 strong,
body .fl-page .h6 strong,
body .fl-page .h1 span,
body .fl-page .title strong {
  font-weight: inherit;
}

/* Font size */
body .fl-page .h1_design {
  font-size: clamp(
    48px,
    48px + (64 - 48) * ((100vw - 320px) / (1215 - 320)),
    64px
  );
  line-height: 1;
}

body .fl-page .h1,
body .fl-page .h1_klein {
  font-size: clamp(
    24px,
    24px + (40 - 24) * ((100vw - 320px) / (1215 - 320)),
    40px
  );
  line-height: 1;
}

body .fl-page .h1 {
  line-height: 1.1;
}

body .fl-page .h2_def {
  font-size: clamp(
    32px,
    32px + (48 - 32) * ((100vw - 320px) / (1215 - 320)),
    48px
  );
  line-height: 1.2;
}

body .fl-page .h2_klein,
body .fl-page .h3 {
  font-size: clamp(
    21px,
    21px + (32 - 21) * ((100vw - 320px) / (1215 - 320)),
    32px
  );
  line-height: 1.1;
}

body .fl-page .h3 {
  line-height: 1.2;
}

body .fl-page .h4 {
  font-size: 24px;
}

body .fl-page .h5_design {
  font-size: 20px;
}

body .fl-page .body_design {
  font-size: 14px;
  line-height: 1.5;
}

body .fl-page .body-base {
  font-size: 16px;
  line-height: 1.5;
}

body .fl-page .body-large {
  font-size: 18px;
  line-height: 1.5;
}

body .fl-page p:last-of-type {
  margin: 0;
}

@media screen and (max-width: 768px) {
}

.rank-math-breadcrumb * {
  font-size: 16px;
  color: var(--marine);
}
body .fl-page figure {
  margin: 0;
}

/* Containers */
.pk-container {
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section Heading */

/* Buttons */
body .fl-page a,
body .fl-page a:hover {
  text-decoration: none;
}

body .fl-page .text-underline {
  text-decoration: underline;
}

/* Buttons */
/* .fl-page button:hover,
.fl-page input[type='button']:hover,
.fl-page input[type='submit']:hover {
  background-color: inherit;
  color: unset;
  border: unset;
} */

.pk-swiper-btn {
  background: var(--midnight);
}

.pk-btn__rounded,
.btn-rounded {
  border-radius: 999px;
}

.btn-border {
  border: 1px solid rgba(7, 36, 69, 0.08);
}
.pk-btn {
  padding: 12px 16px;
}

.pk-btn__primary,
.pk-btn__secondary {
  position: relative;
  font-size: 16px;
  color: var(--white);
  line-height: 1.5;
  padding: 12px 16px;
  border-radius: 5px;
}

/* Primary button */
.pk-btn__primary {
  display: inline-flex;
  justify-content: space-between;
  gap: 40px;
  max-width: fit-content;
  padding-left: 24px;
  padding-right: 12px;
  background: var(--midnight);
  border-radius: 999px;
  border-color: inherit;
  transition: all 0.3s ease-in-out;
}

.pk-btn__primary::after {
  content: '\e5c8';
  font-family: 'Material Symbols Outlined';
  font-weight: 100;
  font-size: 16px;
  color: var(--midnight);
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: white;
}

.pk-btn__primary .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--white);
}

.pk-btn__primary .icon-wrap svg path {
  stroke: var(--midnight);
}

.pk-btn__primary:hover,
.pk-btn__primary:focus {
  color: var(--white);
  opacity: 0.8;
}

/* Secondary button */
.pk-btn__secondary {
  background: var(--marine);
}

.pk-btn__secondary:hover,
.pk-btn__secondary:focus {
}

.pk-btn__tertiary {
  font-size: 16px;
  line-height: 1;
  color: var(--midnight);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  padding: 12px 16px;
  padding-left: 34px;
  border: 1px solid rgba(7, 36, 69, 0.08);
  border-radius: 999px;
  background: var(--white);
}

/* icon */
.pk-btn__tertiary .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--marine);
}

.pk-btn__transparent {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--midnight);
  line-height: 1.5;
  background: transparent;
  transition: opacity 0.5s ease-in-out;
}

.pk-btn__transparent::after {
  content: '\f46a';
  font-family: 'Material Symbols Outlined';
  font-weight: 400;
  font-size: 21px;
  line-height: normal;
}

.pk-btn__transparent:hover {
  opacity: 0.7;
  background: transparent;
}

/* background colors */
.bg-midnight {
  background: var(--midnight);
}

.bg-marine {
  background: var(--marine);
}

.bg-grey {
  background: var(--gray);
}

/* Breadrumps */
nav.rank-math-breadcrumb p * {
  font-size: 14px;
  color: rgba(7, 36, 69, 0.5);
}

nav.rank-math-breadcrumb p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

nav.rank-math-breadcrumb p > a:first-of-type {
  display: flex;
  align-items: center;
  text-indent: -9999px;
  width: 12px;
  overflow: hidden;
  vertical-align: middle;
}

nav.rank-math-breadcrumb p .separator {
  margin: 2.5px;
}

nav.rank-math-breadcrumb p > a:first-of-type:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.900098%2011.608H3.8537V7.54641C3.8537%207.36347%203.91583%207.21014%204.0401%207.08641C4.16383%206.96214%204.31716%206.90001%204.5001%206.90001H6.9001C7.08303%206.90001%207.23663%206.96214%207.3609%207.08641C7.48463%207.21014%207.5465%207.36347%207.5465%207.54641V11.608H10.5001V4.65441C10.5001%204.57227%2010.4822%204.49761%2010.4465%204.43041C10.4108%204.36321%2010.362%204.30454%2010.3001%204.25441L5.9929%201.00801C5.91076%200.93654%205.81316%200.900806%205.7001%200.900806C5.58703%200.900806%205.4897%200.93654%205.4081%201.00801L1.1001%204.25441C1.03876%204.30561%200.989964%204.36427%200.953698%204.43041C0.917431%204.49654%200.899564%204.57121%200.900098%204.65441V11.608ZM0.100098%2011.608V4.65441C0.100098%204.44961%200.145964%204.25574%200.237698%204.07281C0.329431%203.88987%200.455831%203.73921%200.616898%203.62081L4.9249%200.358406C5.1505%200.18614%205.4081%200.100006%205.6977%200.100006C5.9873%200.100006%206.2465%200.18614%206.4753%200.358406L10.7833%203.62001C10.9449%203.73841%2011.0713%203.88934%2011.1625%204.07281C11.2542%204.25574%2011.3001%204.44961%2011.3001%204.65441V11.608C11.3001%2011.8224%2011.2204%2012.0093%2011.0609%2012.1688C10.9014%2012.3283%2010.7145%2012.408%2010.5001%2012.408H7.3929C7.20943%2012.408%207.05583%2012.3461%206.9321%2012.2224C6.80836%2012.0981%206.7465%2011.9445%206.7465%2011.7616V7.70081H4.6537V11.7616C4.6537%2011.9451%204.59183%2012.0987%204.4681%2012.2224C4.34436%2012.3461%204.19103%2012.408%204.0081%2012.408H0.900098C0.685698%2012.408%200.498764%2012.3283%200.339297%2012.1688C0.179831%2012.0093%200.100098%2011.8224%200.100098%2011.608Z%22%20fill%3D%22%232E8AD4%22%20stroke%3D%22%232E8AD4%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E');
}

/* Hover states */
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 993px) {
}

@media screen and (min-width: 1200px) {
}