/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/list/list.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@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;
*/
/* ================================================================
   LIST BLOCK — Child Style-Overrides
   Wiederverwendbare className-Modifier für wp:list.
================================================================ */
body,
html {
  /* ------------------------------------------------------------
     Modifier "checklist" — wp:list mit grünen FontAwesome-Check-Icons
     Verwendung:
     <!-- wp:list {"className":"checklist"} -->
     <ul class="wp-block-list checklist">
       <li>Eintrag 1</li>
       <li>Eintrag 2</li>
     </ul>
     <!-- /wp:list -->
  ------------------------------------------------------------ */
  /* ------------------------------------------------------------
     Modifier "checklist-on-dark" — kompakte Variante für dunkle
     Sektionen. Verwendung als zweite Klasse:
     <!-- wp:list {"className":"checklist checklist-on-dark"} -->
  ------------------------------------------------------------ */
}
body .list-container.checklist-on-dark-container,
html .list-container.checklist-on-dark-container {
  --list-padding-left: 0;
  --list-padding-right: 0;
  --list-font-size: 13px;
  --list-line-height: 1.7;
  --list-color: rgba(255, 255, 255, 0.5);
}
body .list-container.checklist-on-dark-container ul,
html .list-container.checklist-on-dark-container ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body .list-container.checklist-on-dark-container ul .list-item-container,
html .list-container.checklist-on-dark-container ul .list-item-container {
  --list-item-container-padding-left: 0;
  --list-item-container-padding-right: 0;
  --block-default-padding-left: 0;
  --block-default-padding-right: 0;
}
body .list-container.checklist-on-dark-container ul li,
html .list-container.checklist-on-dark-container ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}
body .list-container.checklist-on-dark-container ul li::before,
html .list-container.checklist-on-dark-container ul li::before {
  content: "\f00c";
  font-family: var(--font-awesome-font);
  font-weight: 900;
  font-size: 11px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  background: rgba(237, 137, 54, 0.12);
  color: var(--secondary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body .list-container.checklist-container,
html .list-container.checklist-container {
  --list-padding-left: 0;
  --list-padding-right: 0;
  --list-font-size: 15px;
  --list-line-height: 1.5;
  --list-color: var(--grey-light);
}
body .list-container.checklist-container ul,
html .list-container.checklist-container ul {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body .list-container.checklist-container ul .list-item-container,
html .list-container.checklist-container ul .list-item-container {
  --list-item-container-padding-left: 0;
  --list-item-container-padding-right: 0;
  --block-default-padding-left: 0;
  --block-default-padding-right: 0;
}
body .list-container.checklist-container ul li,
html .list-container.checklist-container ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
body .list-container.checklist-container ul li::before,
html .list-container.checklist-container ul li::before {
  content: "\f00c";
  font-family: var(--font-awesome-font);
  font-weight: 900;
  font-size: 11px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  background: rgba(56, 161, 105, 0.1);
  color: #38a169;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}