/** Shopify CDN: Minification failed

Line 794:0 Unexpected "#"
Line 795:0 Expected identifier but found "#font-size"
Line 796:0 Expected identifier but found "#margin-bottom"
Line 797:0 Expected identifier but found "#"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collapsible-content (INDEX:10) */
.faq-accordion {
    --faq-accent: rgba(241, 116, 7, 0.51);
    --faq-accent-strong: rgba(241, 116, 7, 0.7);
    --faq-text: #242656;
    --faq-link: rgb(241, 116, 7);
  }

  .faq-accordion-heading {
    color: #242656 !important;
  }

  .faq-accordion .faq-accordion__item {
    margin: 0 0 2rem;
    border: 0;
    background-color: #fff;
  }

  .faq-accordion .faq-accordion__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    padding: 1.25rem 2.5rem;
    border: 1px solid var(--faq-accent);
    border-radius: 1rem;
    background-color: #fff;
    color: var(--faq-text);
    cursor: pointer;
    list-style: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .faq-accordion .faq-accordion__toggle::-webkit-details-marker {
    display: none;
  }

  .faq-accordion .faq-accordion__details[open] > .faq-accordion__toggle {
    background-color: var(--faq-accent-strong);
    border-color: var(--faq-accent-strong);
    color: #fff;
  }

  .faq-accordion .faq-accordion__title {
    flex: 1;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    color: inherit;
    transition: color 0.2s ease;
  }

  @media screen and (min-width: 750px) {
    .faq-accordion .faq-accordion__title {
      font-size: 20px;
    }
  }

  .faq-accordion .faq-accordion__toggle .icon-accordion {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    fill: currentColor;
  }

  .faq-accordion .faq-accordion__arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    transition: transform 0.7s ease-in-out;
  }

  .faq-accordion .faq-accordion__arrow svg {
    position: static;
    width: 16px;
    height: auto;
    color: currentColor;
    fill: currentColor;
  }

  .faq-accordion .faq-accordion__details[open] .faq-accordion__arrow {
    transform: rotate(180deg);
  }

  .faq-accordion .faq-accordion__content {
    margin: 1rem 0 0;
    padding: 1.75rem 1.25rem;
    border: 1px solid var(--faq-accent-strong);
    border-radius: 1rem;
    color: var(--faq-text);
    font-size: 16px;
    word-break: break-word;
  }

  .faq-accordion .faq-accordion__content :is(p, li, span, a, strong, em) {
    font-size: inherit;
  }

  .faq-accordion .faq-accordion__cta :is(p, li, span, a, strong, em) {
    font-size: inherit;
  }

  .faq-accordion .faq-accordion__content a,
  .faq-accordion .faq-accordion__content a:visited {
    color: var(--faq-link);
    background: none;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    transition: color 0.2s ease;
  }

  .faq-accordion .faq-accordion__content a:hover,
  .faq-accordion .faq-accordion__content a:focus-visible {
    color: var(--faq-link);
    text-decoration-thickness: 2px;
  }

  .faq-accordion .faq-accordion__content ul,
  .faq-accordion .faq-accordion__content ol {
    margin: 0.5rem 0;
    padding-left: 2.5rem;
  }

  .faq-accordion .faq-accordion__content ul {
    list-style: disc;
  }

  .faq-accordion .faq-accordion__content ol {
    list-style: decimal;
  }

  .faq-accordion .faq-accordion__content li {
    display: list-item;
    color: var(--faq-text);
  }

  .faq-accordion .faq-accordion__content li::marker {
    color: var(--faq-text);
  }

  .faq-accordion .faq-accordion__content > *:first-child {
    margin-top: 0;
  }

  .faq-accordion .faq-accordion__content > *:last-child {
    margin-bottom: 0;
  }

  .faq-accordion .faq-accordion__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 2rem;
    margin: 0 0 2rem;
    padding: 1.5rem 2.5rem;
    border-radius: 1rem;
    background-color: rgba(241, 116, 7, 0.08);
    color: var(--faq-text);
    font-size: 16px;
  }

  .faq-accordion .faq-accordion__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--faq-accent-strong);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .faq-accordion .faq-accordion__cta-link:hover {
    color: var(--faq-text);
  }

  .faq-accordion .faq-accordion__cta-arrow {
    transition: transform 0.2s ease;
  }

  .faq-accordion .faq-accordion__cta-link:hover .faq-accordion__cta-arrow {
    transform: translateX(3px);
  }
/* END_SECTION:collapsible-content */

/* START_SECTION:course-content (INDEX:13) */
.accordion-panel { contain: content; }

  .kurs-accordion {
    --course-accent: rgba(241, 116, 7, 0.51);
    --course-accent-strong: rgba(241, 116, 7, 0.7);
    --course-text: #242656;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .kurs-accordion .extra-item {
    border: 0 !important;
    background-color: #fff;
  }

  .kurs-accordion .accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid var(--course-accent);
    background-color: #fff;
    color: var(--course-text);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .kurs-accordion .accordion-toggle h3 {
    color: inherit;
    transition: color 0.2s ease;
  }

  .kurs-accordion .accordion-toggle.is-open {
    background-color: var(--course-accent-strong);
    border-color: var(--course-accent-strong);
    color: #fff;
  }


  .accordion-arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.7s ease-in-out, filter 0.2s ease;
    filter: saturate(100%) brightness(0);
  }

  .accordion-arrow.is-open {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
  }

  .kurs-accordion .accordion-content {
    display: none;
    overflow: hidden;
    margin-top: 0;
    opacity: 0;
    padding: 0;
  }

  .accordion-item-open > .accordion-content {
    display: block;
    margin-top: 1rem;
    opacity: 1;
  }

  .kurs-accordion .accordion-inner {
    border: 1px solid var(--course-accent);
    border-radius: 1rem;
    box-shadow: 0 0 8px 0 rgba(241, 116, 7, 0.25);
    color: var(--course-text);
    font-size: 16px;
  }

  .accordion-item-open .accordion-inner {
    border-color: var(--course-accent-strong);
    box-shadow: 0 0 10px 0 rgba(241, 116, 7, 0.3);
  }
/* END_SECTION:course-content */

/* START_SECTION:help-support (INDEX:21) */
.help-support {
    --hs-accent: rgba(241, 116, 7, 0.51);
    --hs-accent-strong: rgba(241, 116, 7, 0.7);
    --hs-accent-soft: rgba(241, 116, 7, 0.08);
    --hs-text: #242656;
    --hs-link: rgb(241, 116, 7);
    color: var(--hs-text);
  }

  /* Header */
  .help-support .help-support__caption {
    margin: 0 0 0.5rem;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--hs-accent-strong);
  }

  .help-support .help-support__heading {
    margin: 0 0 2.5rem;
    color: var(--hs-text);
  }

  /* Hinweis-Box */
  .help-support .help-support__notice {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 0 0 3rem;
    padding: 1.5rem 2rem;
    border: 1px solid var(--hs-accent);
    border-radius: 1rem;
    background-color: var(--hs-accent-soft);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--hs-text);
  }

  .help-support .help-support__notice-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background-color: var(--hs-link);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }

  /* Schritte */
  .help-support .help-support__steps {
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
  }

  .help-support .help-support__step {
    position: relative;
    display: flex;
    gap: 1.75rem;
    margin: 0;
    padding: 0 0 2.25rem;
  }

  .help-support .help-support__step:last-child {
    padding-bottom: 0;
  }

  .help-support .help-support__step:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 2.8rem;
    bottom: 0;
    left: calc(1.4rem - 1px);
    width: 2px;
    background-color: var(--hs-accent);
  }

  .help-support .help-support__step-number {
    position: relative;
    z-index: 1;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background-color: var(--hs-link);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }

  .help-support .help-support__step-title {
    margin: 0.2rem 0 0.4rem;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--hs-text);
  }

  .help-support .help-support__step-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--hs-text);
  }

  @media screen and (min-width: 750px) {
    .help-support .help-support__step-title {
      font-size: 20px;
    }

    .help-support .help-support__step-text {
      font-size: 16px;
    }
  }

  /* Reiter */
  .help-support .help-support__tabbar {
    position: relative;
    margin: 0 0 2.5rem;
    border: 1px solid var(--hs-accent);
    border-radius: 1rem;
    background-color: var(--hs-accent-soft);
  }

  .help-support .help-support__tablist {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    overflow-x: auto;
    border-radius: 1rem;
    scrollbar-width: none;
  }

  .help-support .help-support__tablist::-webkit-scrollbar {
    display: none;
  }

  /* Ausblend-Effekt an den Rändern, solange in diese Richtung weitergescrollt werden kann */
  .help-support .help-support__tabbar.is-overflow-end .help-support__tablist {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 6rem), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 6rem), transparent);
  }

  .help-support .help-support__tabbar.is-overflow-start .help-support__tablist {
    -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 6rem), transparent);
    mask-image: linear-gradient(to left, #000 calc(100% - 6rem), transparent);
  }

  .help-support .help-support__tabbar.is-overflow-start.is-overflow-end .help-support__tablist {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 6rem, #000 calc(100% - 6rem), transparent);
    mask-image: linear-gradient(to right, transparent, #000 6rem, #000 calc(100% - 6rem), transparent);
  }

  /* Pfeil-Hinweise am linken und rechten Rand */
  .help-support .help-support__scroll-hint {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    margin-top: -1.3rem;
    padding: 0;
    border: 1px solid var(--hs-accent);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(241, 116, 7, 0.25);
    color: var(--hs-link);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  .help-support .help-support__scroll-hint--prev {
    left: 0.75rem;
  }

  .help-support .help-support__scroll-hint--next {
    right: 0.75rem;
  }

  .help-support .help-support__scroll-hint svg {
    width: 1rem;
    height: 1rem;
  }

  .help-support .help-support__scroll-hint--prev svg {
    transform: scaleX(-1);
  }

  .help-support .help-support__tabbar.is-overflow-start .help-support__scroll-hint--prev,
  .help-support .help-support__tabbar.is-overflow-end .help-support__scroll-hint--next {
    opacity: 1;
    pointer-events: auto;
  }

  .help-support .help-support__tab {
    flex: 1 0 auto;
    margin: 0;
    padding: 1rem 1.75rem;
    border: 0;
    border-radius: 0.75rem;
    background: none;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    color: var(--hs-text);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .help-support .help-support__tab:hover {
    background-color: #fff;
  }

  .help-support .help-support__tab[aria-selected='true'] {
    background-color: var(--hs-accent-strong);
    color: #fff;
  }

  .help-support .help-support__tab:focus-visible {
    outline: 2px solid var(--hs-text);
    outline-offset: 2px;
  }

  @media screen and (min-width: 750px) {
    .help-support .help-support__tab {
      font-size: 16px;
    }
  }

  .help-support .help-support__panel[hidden] {
    display: none;
  }

  /* Akkordeon (gleiches Design wie collapsible-content) */
  .help-support .help-support__item {
    margin: 0 0 2rem;
    border: 0;
    background-color: #fff;
  }

  .help-support .help-support__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    padding: 1.25rem 2.5rem;
    border: 1px solid var(--hs-accent);
    border-radius: 1rem;
    background-color: #fff;
    color: var(--hs-text);
    cursor: pointer;
    list-style: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .help-support .help-support__toggle::-webkit-details-marker {
    display: none;
  }

  .help-support .help-support__details[open] > .help-support__toggle {
    background-color: var(--hs-accent-strong);
    border-color: var(--hs-accent-strong);
    color: #fff;
  }

  .help-support .help-support__title {
    flex: 1;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    color: inherit;
    transition: color 0.2s ease;
  }

  @media screen and (min-width: 750px) {
    .help-support .help-support__title {
      font-size: 20px;
    }
  }

  .help-support .help-support__arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    transition: transform 0.7s ease-in-out;
  }

  .help-support .help-support__arrow svg {
    position: static;
    width: 16px;
    height: auto;
    color: currentColor;
    fill: currentColor;
  }

  .help-support .help-support__details[open] .help-support__arrow {
    transform: rotate(180deg);
  }

  .help-support .help-support__content {
    margin: 1rem 0 0;
    padding: 1.75rem 1.25rem;
    border: 1px solid var(--hs-accent-strong);
    border-radius: 1rem;
    color: var(--hs-text);
    font-size: 16px;
    word-break: break-word;
  }

  .help-support .help-support__content :is(p, li, span, a, strong, em) {
    font-size: inherit;
  }

  .help-support .help-support__content a,
  .help-support .help-support__content a:visited {
    color: var(--hs-link);
    background: none;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    transition: color 0.2s ease;
  }

  .help-support .help-support__content a:hover,
  .help-support .help-support__content a:focus-visible {
    color: var(--hs-link);
    text-decoration-thickness: 2px;
  }

  .help-support .help-support__content ul,
  .help-support .help-support__content ol {
    margin: 0.5rem 0;
    padding-left: 2.5rem;
  }

  .help-support .help-support__content ul {
    list-style: disc;
  }

  .help-support .help-support__content ol {
    list-style: decimal;
  }

  .help-support .help-support__content li {
    display: list-item;
    color: var(--hs-text);
  }

  .help-support .help-support__content li::marker {
    color: var(--hs-text);
  }

  .help-support .help-support__content > *:first-child {
    margin-top: 0;
  }

  .help-support .help-support__content > *:last-child {
    margin-bottom: 0;
  }

  /* Kontakt-Box (angelehnt an "Noch eine Frage?") */
  .help-support .help-support__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem 2rem;
    margin: 1rem 0 0;
    padding: 2rem 2.5rem;
    border-radius: 1rem;
    background-color: var(--hs-accent-soft);
    color: var(--hs-text);
  }

  .help-support .help-support__cta-heading {
    margin: 0 0 0.4rem;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--hs-text);
  }

  .help-support .help-support__cta-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--hs-text);
  }

  .help-support .help-support__cta-button {
    display: inline-flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem 2.5rem;
    border: 1px solid var(--hs-accent-strong);
    border-radius: 1rem;
    background-color: var(--hs-accent-strong);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }

  .help-support .help-support__cta-button:hover,
  .help-support .help-support__cta-button:focus-visible {
    background-color: #f0ab57 ;
    border-color: var(--hs-accent);
    color: #fff !important;
  }

  .help-support .help-support__cta-arrow {
    transition: transform 0.2s ease;
  }

  .help-support .help-support__cta-button:hover .help-support__cta-arrow {
    transform: translateX(3px);
  }

  @media screen and (min-width: 750px) {
    .help-support .help-support__cta-heading {
      font-size: 20px;
    }

    .help-support .help-support__cta-text {
      font-size: 16px;
    }

    .help-support .help-support__cta-button {
      flex: 0 0 auto;
    }
  }
/* END_SECTION:help-support */

/* START_SECTION:siegel-abschnitt (INDEX:68) */
.siegel-abschnitt {
padding-top: 20px; /* Passe den oberen Abstand nach Bedarf an */
padding-bottom: 20px; /* Passe den unteren Abstand nach Bedarf an */
}

.siegel-container {
display: flex;
justify-content: center; /* Zentriert die Siegel horizontal */
align-items: center; /* Zentriert die Siegel vertikal (optional) */
gap: 20px; /* Abstand zwischen den Siegeln */
}

.siegel-item {
/* Hier kannst du spezifische Stile für jedes Siegel-Item hinzufügen */
}

.siegel-item a {
display: block; /* Macht den Link zum Blockelement für einfacheres Klicken */
}

.siegel-item img {
max-width: 150px; /* Passe die maximale Breite der Siegel an */
height: auto;
display: block; /* Verhindert unnötigen Whitespace unter dem Bild */
}
/* END_SECTION:siegel-abschnitt */

/* START_SECTION:trustindex-bewertungen (INDEX:70) */
.trustindex-bewertungen-section {
padding-top: 40px; /* Passe den oberen Abstand nach Bedarf an */
padding-bottom: 40px; /* Passe den unteren Abstand nach Bedarf an */
}

.trustindex-widget-container {
/* Hier kannst du das Layout des Widgets bei Bedarf anpassen */
overflow-x: auto; /* Ermöglicht horizontales Scrollen bei vielen Bewertungen */
}

.ti-widget {
/* Hier kannst du spezifische Stile für das Trustindex-Widget anpassen, falls notwendig */
}

.section-header {
text-align: center;
margin-bottom: 30px; /* Abstand zum Widget */
}

#.section-header h2 {
#font-size: 2em; /* Passe die Schriftgröße des Titels an */
#margin-bottom: 10px;
#}

.divider-separator {
border: 1px solid #f7b565;
margin: 2rem !important;
}

.trustindex-bewertungen-section {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}
/* END_SECTION:trustindex-bewertungen */