@charset "UTF-8";
/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
/*
@include max($tablet) {
	height: 60px;
}
*/
body .list-container.tier-features-container,
html .list-container.tier-features-container {
  --list-padding-left: 0;
  --list-font-family: var(--font-body);
  --list-font-size: 14px;
  --list-line-height: 1.5;
  --list-color: var(--ink);
  --paragraph-not-last-margin-bottom: 0;
}
body .list-container.tier-features-container ul.tier-features,
html .list-container.tier-features-container ul.tier-features {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-md);
}
body .list-container.tier-features-container ul.tier-features li,
html .list-container.tier-features-container ul.tier-features li {
  padding: 10px 0;
  border-bottom: 1px dashed var(--line);
  display: flex;
  align-items: start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
}
body .list-container.tier-features-container ul.tier-features li::before,
html .list-container.tier-features-container ul.tier-features li::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 8px;
  background: var(--clay);
  border-radius: 50%;
  flex-shrink: 0;
}
body .pricing-card.featured .tier-features-container,
html .pricing-card.featured .tier-features-container {
  --list-color: rgba(245, 239, 226, 0.85);
}
body .pricing-card.featured .tier-features-container ul.tier-features li,
html .pricing-card.featured .tier-features-container ul.tier-features li {
  border-color: rgba(245, 239, 226, 0.15);
  color: rgba(245, 239, 226, 0.85);
}
body .list-container.link-list-container,
html .list-container.link-list-container {
  --list-padding-left: 0;
}
body .list-container.link-list-container ul.link-list,
html .list-container.link-list-container ul.link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: var(--content-width);
}
body .list-container.link-list-container ul.link-list li,
html .list-container.link-list-container ul.link-list li {
  margin: 0;
  border-bottom: 1px solid var(--line);
}
body .list-container.link-list-container ul.link-list li:first-child,
html .list-container.link-list-container ul.link-list li:first-child {
  border-top: 1px solid var(--line);
}
body .list-container.link-list-container ul.link-list li a,
html .list-container.link-list-container ul.link-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md) 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.3;
  color: var(--ink);
  text-decoration: none;
  transition: color 0.25s ease, padding-left 0.25s ease;
}
body .list-container.link-list-container ul.link-list li a::after,
html .list-container.link-list-container ul.link-list li a::after {
  content: "→";
  font-family: var(--font-ui);
  font-size: 0.8em;
  color: var(--saffron-deep);
  flex-shrink: 0;
  transition: transform 0.25s ease;
}
body .list-container.link-list-container ul.link-list li a:hover,
html .list-container.link-list-container ul.link-list li a:hover {
  color: var(--saffron-deep);
  padding-left: var(--space-sm);
}
body .list-container.link-list-container ul.link-list li a:hover::after,
html .list-container.link-list-container ul.link-list li a:hover::after {
  transform: translateX(6px);
}