@media (max-width:768px){
      .quote-pill{padding:16px 20px;margin:1rem auto 1.5rem auto;max-width:100%}
      .quote-pill blockquote{font-size:0.88rem}
      .quote-pill figcaption{font-size:0.75rem}
    }
    
    /* Dark mode */
    [data-theme="dark"] .quote-pill{background:rgba(30,30,35,0.95);border-color:rgba(255,255,255,0.1);color:#e0e0e0}
    [data-theme="dark"] .quote-pill blockquote{color:#e8eaed}
    [data-theme="dark"] .quote-pill figcaption{color:#9aa0a6}
    @media (max-width:1400px){
      [data-theme="dark"] .quote-pill{border-left-color:rgba(150,100,200,0.8)}
    }

    /* Accordion Redesign – Chicker Style */
    .accordion{gap:0.75rem}
    .accordion-item{background:transparent;border:none;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
    .accordion-item:first-child .accordion-button{border-radius:8px 8px 0 0}
    .accordion-button{background:rgba(47,58,86,.06);border:1px solid rgba(47,58,86,.12);color:var(--text);font-weight:500;padding:14px 18px;font-size:0.95rem;transition:all 0.25s ease;box-shadow:none}
    .accordion-button:hover{background:rgba(47,58,86,.1);border-color:rgba(47,58,86,.2)}
    .accordion-button:focus{background:rgba(47,58,86,.1);border-color:rgba(47,58,86,.2);box-shadow:0 0 0 0.25rem rgba(47,58,86,.1)}
    .accordion-button:not(.collapsed){background:rgba(47,58,86,.12);border-color:rgba(47,58,86,.2);color:var(--accent)}
    .accordion-button::after{width:1.2em;height:1.2em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232f3a56' opacity='0.6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-center:center;background-size:contain;transform:rotate(0deg);transition:transform 0.25s ease}
    .accordion-button:not(.collapsed)::after{transform:rotate(-180deg)}
    .accordion-collapse{transition:all 0.3s ease}
    .accordion-body{padding:18px;background:rgba(255,255,255,0.5);border-top:1px solid rgba(47,58,86,.08)}
    
    [data-theme="dark"] .accordion-button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#e0e0e0}
    [data-theme="dark"] .accordion-button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
    [data-theme="dark"] .accordion-button:not(.collapsed){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}
    [data-theme="dark"] .accordion-body{background:rgba(0,0,0,.2);border-top-color:rgba(255,255,255,.08)}

    /* Accordion Content Layout – Bilder neben Text, kompakter */
    .accordion-body .card .d-grid{display:grid !important;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}
    .accordion-body .card .d-grid > div:first-child .p-3{padding:0 !important}
    .accordion-body .card .d-grid > div:last-child{margin:0}
    .accordion-body .card .d-grid img{max-height:280px;object-fit:cover}
    
    @media (max-width:768px){
      .accordion-body .card .d-grid{grid-template-columns:1fr;gap:1rem}
      .accordion-body .card .d-grid img{max-height:200px}
    }

    /* Donate Cards – halbdurchsichtig */
    .donate-card{background:rgba(47,58,86,.04) !important;border:1px solid var(--stroke) !important;padding:20px}

    /* Hero: Textvorschläge (Flip + Dots) */
    .kf-hero-variant{transform-style:preserve-3d;transition:transform 260ms ease;will-change:transform}
    .kf-hero-variant.is-flipping{transform:rotateY(90deg)}
    .kf-hero-variant-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
    .kf-hero-dots{display:flex;align-items:center;gap:8px}
    .kf-hero-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(47,58,86,.28);background:transparent;padding:0;display:inline-block}
    .kf-hero-dot[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
    .kf-hero-variant-label{font-size:0.85rem;color:var(--muted2)}
    @media (prefers-reduced-motion: reduce){
      .kf-hero-variant{transition:none}
    }

    /* Markdown Toolbar */
    .markdown-toolbar {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      padding: 8px;
      background: #f8f9fa;
      border: 1px solid #dee2e6;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      margin-bottom: 0;
    }
    
    .markdown-toolbar button {
      background: white;
      border: 1px solid #dee2e6;
      padding: 6px 10px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 0.9em;
      transition: all 0.2s;
      display: flex;
      align-items: center;
      gap: 4px;
      color: var(--primary);
    }
    
    .markdown-toolbar button:hover {
      background: var(--accent);
      color: white;
      border-color: var(--accent);
    }
    
    .textarea-wrapper {
      position: relative;
    }
    
    .textarea-wrapper textarea {
      border-radius: 0 0 4px 4px;
    }
    
    .markdown-preview {
      display: none;
      padding: 12px;
      background: white;
      border: 1px solid #dee2e6;
      border-radius: 4px;
      margin-top: 8px;
      line-height: 1.6;
      word-wrap: break-word;
    }
    
    .markdown-preview.active {
      display: block;
    }
    
    .markdown-preview h1, .markdown-preview h2, .markdown-preview h3 {
      margin-top: 12px;
      margin-bottom: 8px;
      font-weight: bold;
    }
    
    .markdown-preview ul, .markdown-preview ol {
      margin-left: 20px;
      margin-bottom: 8px;
    }
    
    .markdown-preview strong {
      font-weight: bold;
    }
    
    .markdown-preview em {
      font-style: italic;
    }
    
    .markdown-preview code {
      background: #f5f5f5;
      padding: 2px 4px;
      border-radius: 3px;
      font-family: monospace;
    }
    
    .markdown-preview blockquote {
      border-left: 3px solid var(--accent);
      padding-left: 12px;
      margin-left: 0;
      color: #666;
    }