/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/inhaltsverzeichnis/inhaltsverzeichnis.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/*
@include max($tablet) {
	height: 60px;
}
*/
/*
@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;
*/
#wrapper .inhaltsverzeichnis-container:not(:has(.kc-toc)), .editor-styles-wrapper .inhaltsverzeichnis-container:not(:has(.kc-toc)) {
  display: none;
}
#wrapper .kc-toc__titel, .editor-styles-wrapper .kc-toc__titel {
  margin: 0 0 14px;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
}
#wrapper .kc-toc__liste, .editor-styles-wrapper .kc-toc__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--grey-lightest);
}
#wrapper .kc-toc__liste li, .editor-styles-wrapper .kc-toc__liste li {
  margin: 0;
  padding: 0;
}
#wrapper .kc-toc__liste li::before, .editor-styles-wrapper .kc-toc__liste li::before {
  display: none;
}
#wrapper .kc-toc__liste a, .editor-styles-wrapper .kc-toc__liste a {
  display: block;
  margin-left: -1px;
  padding: 7px 0 7px 16px;
  border-left: 2px solid transparent;
  color: var(--text-color);
  font-size: 14.5px;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.2s;
}
#wrapper .kc-toc__liste a:hover, .editor-styles-wrapper .kc-toc__liste a:hover {
  color: var(--primary-color);
}
#wrapper .kc-toc__liste a.is-active, .editor-styles-wrapper .kc-toc__liste a.is-active {
  color: var(--primary-color);
  font-weight: 600;
  border-left-color: var(--secondary-color);
}
#wrapper .kc-toc__liste a:focus-visible, .editor-styles-wrapper .kc-toc__liste a:focus-visible {
  outline: 2px solid var(--secondary-color);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  #wrapper .kc-toc__titel, .editor-styles-wrapper .kc-toc__titel {
    display: none;
  }
  #wrapper .kc-toc__schalter, .editor-styles-wrapper .kc-toc__schalter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin: 0;
    padding: 11px var(--global-padding, 10px) 12px;
    background: none;
    border: 0;
    border-radius: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  #wrapper .kc-toc__schalter:focus-visible, .editor-styles-wrapper .kc-toc__schalter:focus-visible {
    outline: 2px solid var(--secondary-color);
    outline-offset: -2px;
  }
  #wrapper .kc-toc__schalter-label, .editor-styles-wrapper .kc-toc__schalter-label {
    display: block;
    font-family: var(--secondary-font);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-color);
  }
  #wrapper .kc-toc__schalter-wert, .editor-styles-wrapper .kc-toc__schalter-wert {
    display: block;
    margin-top: 3px;
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--primary-color);
  }
  #wrapper .kc-toc__pfeil, .editor-styles-wrapper .kc-toc__pfeil {
    flex: none;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    border-right: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    transform: translateY(-3px) rotate(45deg);
    transition: transform 0.2s;
  }
  #wrapper .kc-toc.ist-offen .kc-toc__pfeil, .editor-styles-wrapper .kc-toc.ist-offen .kc-toc__pfeil {
    transform: translateY(2px) rotate(-135deg);
  }
  #wrapper .kc-toc.hat-schalter .kc-toc__liste, .editor-styles-wrapper .kc-toc.hat-schalter .kc-toc__liste {
    display: none;
  }
  #wrapper .kc-toc.hat-schalter.ist-offen .kc-toc__liste, .editor-styles-wrapper .kc-toc.hat-schalter.ist-offen .kc-toc__liste {
    display: block;
  }
  #wrapper .kc-toc__liste, .editor-styles-wrapper .kc-toc__liste {
    border: 0;
    border-top: 1px solid var(--grey-lightest);
    max-height: 60vh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  #wrapper .kc-toc__liste li + li a, .editor-styles-wrapper .kc-toc__liste li + li a {
    border-top: 1px solid var(--grey-lightest);
  }
  #wrapper .kc-toc__liste a, .editor-styles-wrapper .kc-toc__liste a {
    margin: 0;
    padding: 13px var(--global-padding, 10px);
    border-left: 3px solid transparent;
    font-size: 15px;
    line-height: 1.35;
  }
  #wrapper .kc-toc__liste a.is-active, .editor-styles-wrapper .kc-toc__liste a.is-active {
    border-left-color: var(--secondary-color);
    background: rgba(237, 137, 54, 0.07);
  }
}