/* Werkzeug-Insel: Live-Stylesheet des Beitrags, Selektoren auf .qmp-insel umgeschrieben (Umzug 10/2026). */

  .qmp-insel.qmp-insel, .qmp-insel.qmp-insel * {
    box-sizing: border-box !important; margin: 0; padding: 0;
    list-style: none !important; text-transform: none !important; text-decoration: none !important;
    border: none !important; background: none !important; box-shadow: none !important;
    max-width: none; min-width: 0; min-height: 0;
  }
  .qmp-insel.qmp-insel {
    --qmp-primary: #264253; --qmp-primary-05: rgba(38,66,83,0.04); --qmp-primary-10: rgba(38,66,83,0.08);
    --qmp-primary-20: rgba(38,66,83,0.15); --qmp-text: #0F172A; --qmp-text-muted: #556574;
    --qmp-border: #F3F4F6; --qmp-border-accent: rgba(38,66,83,0.15); --qmp-white: #ffffff;
    font-family: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
    color: var(--qmp-text) !important; line-height: 1.6 !important; background-color: var(--qmp-white) !important;
    -webkit-font-smoothing: antialiased !important; text-align: left !important; display: block !important; hyphens: manual !important;
  }
  .qmp-insel.qmp-insel .qmp-container { width: 100% !important; max-width: 1140px !important; margin: 0 auto !important; padding: 0 1.5rem !important; display: block !important; }
  .qmp-insel.qmp-insel h1,.qmp-insel.qmp-insel h2,.qmp-insel.qmp-insel h3 { color: var(--qmp-primary) !important; letter-spacing: -0.02em !important; line-height: 1.15 !important; font-weight: 900 !important; margin-bottom: 1.5rem !important; display: block !important; }
  .qmp-insel.qmp-insel p { margin-bottom: 1.5rem !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-label { font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; color: var(--qmp-primary) !important; margin-bottom: 1.25rem !important; display: block !important; }

  /* HERO */
  .qmp-insel.qmp-insel .qmp-blog-hero { padding: 60px 0 50px !important; text-align: center !important; background: radial-gradient(circle at top, var(--qmp-primary-05) 0%, transparent 85%) !important; }
  .qmp-insel.qmp-insel .qmp-blog-hero h1 { font-size: clamp(1.8rem,5.5vw,3rem) !important; letter-spacing: -0.03em !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; }
  .qmp-insel.qmp-insel .qmp-blog-subtitle { font-size: 1.1rem !important; color: var(--qmp-text-muted) !important; max-width: 660px !important; margin: 0 auto 2rem !important; line-height: 1.7 !important; }
  .qmp-insel.qmp-insel .qmp-blog-meta { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex-wrap: wrap !important; margin-bottom: 1.75rem !important; }
  .qmp-insel.qmp-insel .qmp-tag { display: inline-block !important; font-size: 0.85rem !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--qmp-white) !important; background: var(--qmp-primary) !important; padding: 0.25rem 0.75rem !important; border-radius: 4px !important; }
  .qmp-insel.qmp-insel .qmp-tag--outline { background: none !important; color: var(--qmp-primary) !important; border: 1.5px solid var(--qmp-border-accent) !important; }
  .qmp-insel.qmp-insel .qmp-date { font-size: 0.82rem !important; color: var(--qmp-text-muted) !important; }
  .qmp-insel.qmp-insel .qmp-read-info { display: flex !important; align-items: center !important; justify-content: center !important; gap: 1.5rem !important; font-size: 0.82rem !important; color: var(--qmp-text-muted) !important; flex-wrap: wrap !important; }

  /* BODY */
  .qmp-insel.qmp-insel .qmp-blog-body { max-width: 760px !important; margin: 0 auto !important; padding: 2.5rem 1.5rem 3rem !important; }
  .qmp-insel.qmp-insel .qmp-blog-body h2 { font-size: 1.5rem !important; margin: 3.5rem 0 1rem !important; padding-top: 2rem !important; border-top: 1px solid var(--qmp-border) !important; }
  .qmp-insel.qmp-insel .qmp-blog-body h2:first-of-type { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; }
  .qmp-insel.qmp-insel .qmp-blog-body h3 { font-size: 1.15rem !important; font-weight: 800 !important; margin: 2rem 0 0.6rem !important; }
  .qmp-insel.qmp-insel .qmp-blog-body p { font-size: 1.02rem !important; line-height: 1.72 !important; }
  .qmp-insel.qmp-insel .qmp-lead { font-size: 1.15rem !important; line-height: 1.72 !important; border-left: 0!important; padding-left: 1.25rem !important; margin-bottom: 2.5rem !important; }
  .qmp-insel.qmp-insel a.qmp-il { color: var(--qmp-primary) !important; text-decoration: underline !important; text-decoration-color: var(--qmp-border-accent) !important; text-underline-offset: 2px !important; }
  .qmp-insel.qmp-insel a.qmp-il:hover { text-decoration-color: var(--qmp-primary) !important; }

  /* PULL, LEITGEDANKE, ASIDE, DARKBLOCK */
  .qmp-insel.qmp-insel .qmp-pull { margin: 2.5rem 0 !important; padding: 1.75rem 0 !important; border-top: 2px solid var(--qmp-primary) !important; border-bottom: 1px solid var(--qmp-border) !important; }
  .qmp-insel.qmp-insel .qmp-pull p { font-size: 1.1rem !important; font-weight: 700 !important; color: var(--qmp-primary) !important; line-height: 1.55 !important; }
  .qmp-insel.qmp-insel .qmp-leitgedanke { margin: 2.5rem 0 !important; padding: 2rem 2.25rem !important; background: var(--qmp-primary) !important; color: var(--qmp-white) !important; border-radius: 6px !important; }
  .qmp-insel.qmp-insel .qmp-leitgedanke p { font-size: 1.1rem !important; font-weight: 600 !important; line-height: 1.6 !important; color: var(--qmp-white) !important; }
  .qmp-insel.qmp-insel .qmp-aside { margin: 2rem 0 2.5rem !important; padding: 1.5rem !important; background: var(--qmp-primary-05) !important; border-radius: 4px !important; font-size: 0.92rem !important; line-height: 1.6 !important; }
  .qmp-insel.qmp-insel .qmp-aside p:last-child { margin-bottom: 0 !important; }
  .qmp-insel.qmp-insel .qmp-aside-label { font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; color: var(--qmp-primary) !important; opacity: 0.8 !important; margin-bottom: 0.6rem !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-darkblock { margin: 2.5rem 0 !important; padding: 2rem !important; background: var(--qmp-primary) !important; color: var(--qmp-white) !important; border-radius: 6px !important; font-size: 0.95rem !important; line-height: 1.6 !important; }
  .qmp-insel.qmp-insel .qmp-darkblock strong { color: var(--qmp-white) !important; }
  .qmp-insel.qmp-insel .qmp-darkblock p:last-child { margin-bottom: 0 !important; }

  /* VERSUS TABLE – Row-based for perfect alignment */
  .qmp-insel.qmp-insel .qmp-vs { margin: 2rem 0 2.5rem !important; border: 1px solid var(--qmp-border-accent) !important; border-radius: 6px !important; overflow: hidden !important; }
  .qmp-insel.qmp-insel .qmp-vs-header { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .qmp-insel.qmp-insel .qmp-vs-header span { font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; padding: 1rem 1.25rem !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-vs-header span:first-child { color: var(--qmp-text-muted) !important; background: var(--qmp-primary-05) !important; }
  .qmp-insel.qmp-insel .qmp-vs-header span:last-child { color: rgba(255,255,255,0.6) !important; background: var(--qmp-primary) !important; }
  .qmp-insel.qmp-insel .qmp-vs-row { display: grid !important; grid-template-columns: 1fr 1fr !important; border-top: 1px solid var(--qmp-border) !important; }
  .qmp-insel.qmp-insel .qmp-vs-cell { padding: 0.9rem 1.25rem !important; font-size: 0.88rem !important; line-height: 1.5 !important; }
  .qmp-insel.qmp-insel .qmp-vs-cell:first-child { color: var(--qmp-text-muted) !important; }
  .qmp-insel.qmp-insel .qmp-vs-cell:last-child { background: var(--qmp-primary) !important; color: var(--qmp-white) !important; }
  .qmp-insel.qmp-insel .qmp-vs-theme { display: block !important; font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 700 !important; opacity: 1 !important; margin-bottom: 0.25rem !important; }
  @media (max-width: 599px) {
    .qmp-insel.qmp-insel .qmp-vs-header { grid-template-columns: 1fr !important; }
    .qmp-insel.qmp-insel .qmp-vs-header span:last-child { border-top: 1px solid rgba(255,255,255,0.15) !important; }
    .qmp-insel.qmp-insel .qmp-vs-row { grid-template-columns: 1fr !important; }
    .qmp-insel.qmp-insel .qmp-vs-cell:last-child { border-top: none !important; }
  }

  /* AUDIT CYCLE – Vertical Stepper */

  /* CTA */
  .qmp-insel.qmp-insel .qmp-blog-cta { background: var(--qmp-primary) !important; color: var(--qmp-white) !important; border-radius: 16px !important; padding: 3.5rem 2rem !important; text-align: center !important; margin: 3rem 0 2.5rem !important; }
  .qmp-insel.qmp-insel .qmp-blog-cta h3 { color: var(--qmp-white) !important; font-size: 1.4rem !important; margin-bottom: 0.75rem !important; }
  .qmp-insel.qmp-insel .qmp-blog-cta p { opacity: 0.8 !important; max-width: 500px !important; margin: 0 auto 1.75rem !important; }
  .qmp-insel.qmp-insel .qmp-blog-cta a { display: inline-block !important; background: var(--qmp-white) !important; color: var(--qmp-primary) !important; padding: 1rem 2.5rem !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 0.92rem !important; text-transform: none !important; letter-spacing: 0 !important; transition: all 0.25s !important; }
  .qmp-insel.qmp-insel .qmp-blog-cta a:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px -4px rgba(0,0,0,0.25) !important; }

  /* AUTHOR */
  .qmp-insel.qmp-insel .qmp-author { display: flex !important; gap: 1.25rem !important; align-items: center !important; padding: 1.5rem 0 !important; border-top: 1px solid var(--qmp-border) !important; margin-top: 2.5rem !important; }
  .qmp-insel.qmp-insel .qmp-author-av { width: 52px !important; height: 52px !important; min-width: 52px !important; border-radius: 50% !important; background: var(--qmp-primary) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: white !important; font-weight: 800 !important; font-size: 0.95rem !important; }
  .qmp-insel.qmp-insel img.qmp-author-av { object-fit: cover !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-author-n a { color: inherit !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; }
  .qmp-insel.qmp-insel .qmp-author-n a:focus-visible { outline: 2px solid var(--qmp-primary) !important; outline-offset: 2px !important; }
  .qmp-insel.qmp-insel .qmp-author-n { font-weight: 800 !important; color: var(--qmp-primary) !important; font-size: 0.9rem !important; }
  .qmp-insel.qmp-insel .qmp-author-r { color: var(--qmp-text-muted) !important; font-size: 0.82rem !important; line-height: 1.45 !important; }

  /* DAS WICHTIGSTE IN KUERZE */
  .qmp-insel.qmp-insel .qmp-kurz { display: block !important; margin: 0 0 2.5rem !important; padding: 1.6rem 1.75rem 1.7rem !important; background: var(--qmp-primary-05) !important; border: 1px solid var(--qmp-border-accent) !important; border-top: 3px solid var(--qmp-primary) !important; border-radius: 6px !important; }
  .qmp-insel.qmp-insel .qmp-kurz h2 { font-size: 1.12rem !important; font-weight: 900 !important; letter-spacing: -0.01em !important; line-height: 1.3 !important; margin: 0 0 1rem !important; padding-top: 0 !important; border-top: none !important; }
  .qmp-insel.qmp-insel .qmp-kurz ul { display: block !important; }
  .qmp-insel.qmp-insel .qmp-kurz li { display: block !important; position: relative !important; padding-left: 1.35rem !important; margin-bottom: 0.75rem !important; font-size: 0.98rem !important; line-height: 1.6 !important; color: var(--qmp-text) !important; }
  .qmp-insel.qmp-insel .qmp-kurz li:last-child { margin-bottom: 0 !important; }
  .qmp-insel.qmp-insel .qmp-kurz li::before { content: "" !important; position: absolute !important; left: 0.1rem !important; top: 0.6em !important; width: 0.45rem !important; height: 0.45rem !important; background: var(--qmp-primary) !important; border-radius: 1px !important; }

  /* DEFINITION */
  .qmp-insel.qmp-insel .qmp-def { margin: 0 0 2.5rem !important; padding: 1.75rem 1.9rem !important; background: var(--qmp-primary) !important; color: var(--qmp-white) !important; border-radius: 6px !important; }
  .qmp-insel.qmp-insel .qmp-def-l { display: block !important; font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; color: var(--qmp-white) !important; margin-bottom: 0.7rem !important; }
  .qmp-insel.qmp-insel .qmp-def p { font-size: 1.04rem !important; line-height: 1.68 !important; color: var(--qmp-white) !important; margin-bottom: 0 !important; }
  .qmp-insel.qmp-insel .qmp-def strong { color: var(--qmp-white) !important; font-weight: 800 !important; }

  /* TOC / LESEHILFE */
  .qmp-insel.qmp-insel .qmp-toc { margin-bottom: 3rem !important; padding: 1.75rem 2rem !important; background: var(--qmp-primary-05) !important; border-radius: 6px !important; }
  .qmp-insel.qmp-insel .qmp-toc-title { font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; color: var(--qmp-primary) !important; margin-bottom: 1rem !important; }
  .qmp-insel.qmp-insel .qmp-toc ol { counter-reset: toc !important; }
  .qmp-insel.qmp-insel .qmp-toc li { counter-increment: toc !important; margin-bottom: 0.5rem !important; }
  .qmp-insel.qmp-insel .qmp-toc li a { display: flex !important; align-items: baseline !important; gap: 0.6rem !important; color: var(--qmp-text) !important; font-size: 0.92rem !important; font-weight: 600 !important; padding: 0.25rem 0 !important; }
  .qmp-insel.qmp-insel .qmp-toc li a:hover { color: var(--qmp-primary) !important; }
  .qmp-insel.qmp-insel .qmp-toc li a::before { content: counter(toc, decimal-leading-zero) !important; font-size: 0.85rem !important; font-weight: 800 !important; color: var(--qmp-primary) !important; min-width: 1.4rem !important; }

  /* LISTE IM FLIESSTEXT */
  .qmp-insel.qmp-insel .qmp-ul { display: block !important; margin: -0.5rem 0 1.5rem !important; }
  .qmp-insel.qmp-insel .qmp-ul li { display: block !important; position: relative !important; padding-left: 1.35rem !important; margin-bottom: 0.5rem !important; font-size: 1.02rem !important; line-height: 1.65 !important; color: var(--qmp-text) !important; }
  .qmp-insel.qmp-insel .qmp-ul li:last-child { margin-bottom: 0 !important; }
  .qmp-insel.qmp-insel .qmp-ul li::before { content: "" !important; position: absolute !important; left: 0.1rem !important; top: 0.66em !important; width: 0.4rem !important; height: 0.4rem !important; background: var(--qmp-primary) !important; border-radius: 1px !important; }
  .qmp-insel.qmp-insel .qmp-ul strong { color: var(--qmp-primary) !important; font-weight: 800 !important; }

  /* FAQ */
  .qmp-insel.qmp-insel .qmp-faq { margin: 1.75rem 0 2.5rem !important; border-top: 1px solid var(--qmp-border-accent) !important; }
  .qmp-insel.qmp-insel .qmp-faq-i { border-bottom: 1px solid var(--qmp-border-accent) !important; }
  .qmp-insel.qmp-insel .qmp-faq-i h3 { margin: 0 !important; font-size: 1rem !important; letter-spacing: 0 !important; }
  .qmp-insel.qmp-insel .qmp-faq-q { display: flex !important; width: 100% !important; align-items: flex-start !important; justify-content: space-between !important; gap: 1rem !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 800 !important; color: var(--qmp-primary) !important; text-align: left !important; background: none !important; border: none !important; padding: 1.1rem 0 !important; cursor: pointer !important; line-height: 1.45 !important; }
  .qmp-insel.qmp-insel .qmp-faq-q:focus-visible { outline: 3px solid var(--qmp-primary) !important; outline-offset: 2px !important; }
  .qmp-insel.qmp-insel .qmp-faq-ic { flex: 0 0 auto !important; font-size: 1.2rem !important; font-weight: 800 !important; color: var(--qmp-primary) !important; line-height: 1.2 !important; }
  .qmp-insel.qmp-insel .qmp-faq-a { padding: 0 0 1.2rem !important; font-size: 0.96rem !important; line-height: 1.68 !important; }
  .qmp-insel.qmp-insel .qmp-faq-a p { font-size: 0.96rem !important; margin-bottom: 0 !important; }

  /* QUELLEN */
  .qmp-insel.qmp-insel .qmp-src { margin-top: 2.5rem !important; padding-top: 1.5rem !important; border-top: 1px solid var(--qmp-border-accent) !important; }
  .qmp-insel.qmp-insel .qmp-src-t { font-size: 0.85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; color: var(--qmp-primary) !important; margin-bottom: 1rem !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-src li { font-size: 0.84rem !important; line-height: 1.6 !important; margin-bottom: 0.75rem !important; color: var(--qmp-text) !important; }

  /* DESKTOP */
  @media (min-width: 768px) {
    .qmp-insel.qmp-insel .qmp-blog-hero { padding: 80px 0 60px !important; }
  }
  @media (min-width: 1024px) {
    .qmp-insel.qmp-insel .qmp-blog-hero { padding: 100px 0 80px !important; }
    .qmp-insel.qmp-insel .qmp-blog-cta { padding: 4rem 3rem !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    .qmp-insel.qmp-insel *, .qmp-insel.qmp-insel *::before, .qmp-insel.qmp-insel *::after {
      transition: none !important; animation: none !important; scroll-behavior: auto !important;
    }
    .qmp-insel.qmp-insel .qmp-blog-cta a:hover { transform: none !important; }
  }
  .qmp-insel.qmp-insel .qmp-phasen { list-style: none !important; margin: 2rem 0 2.5rem !important; padding: 0 !important; position: relative !important; display: block !important; }
  .qmp-insel.qmp-insel .qmp-phasen::before { content: "" !important; position: absolute !important; left: 23px !important; top: 0 !important; bottom: 0 !important; width: 2px !important; background: var(--qmp-border-accent) !important; }
  .qmp-insel.qmp-insel .qmp-phasen > li.qmp-phase { position: relative !important; display: block !important; list-style: none !important; margin: 0 !important; padding: 0 0 1.4rem 64px !important; }
  .qmp-insel.qmp-insel .qmp-phasen > li.qmp-phase::before, .qmp-insel.qmp-insel .qmp-phasen > li.qmp-phase::marker { content: none !important; }
  .qmp-insel.qmp-insel .qmp-phase-num { position: absolute !important; left: 0 !important; top: 0 !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; background: var(--qmp-white) !important; border: 2px solid var(--qmp-primary) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.82rem !important; font-weight: 800 !important; color: var(--qmp-primary) !important; }
  .qmp-insel.qmp-insel .qmp-phase-t { display: flex !important; align-items: center !important; min-height: 48px !important; margin: 0 0 0.3rem !important; padding: 0 !important; font-size: 1.02rem !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--qmp-primary) !important; }
  .qmp-insel.qmp-insel .qmp-phase p { font-size: 0.95rem !important; line-height: 1.62 !important; color: var(--qmp-text) !important; margin: 0 !important; }