.elementor-350 .elementor-element.elementor-element-d53a870{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-88a9f76 */<style>
  /* --- Ratgeber Design System (Bulletproof Version) --- */
  .article-page {
    /* Variablen für den Rest der Seite */
    --brand: #2D7A5F;
    --brand-dark: #1F5240;
    --brand-light: #E8F5F1;
    --text: #334155;
    --muted: #64748B;
    --border: #E6E8EB;
    --radius: 12px;
    
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--text);
    line-height: 1.7;
    font-size: 17px;
    max-width: 800px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
  }

  .article-page * { box-sizing: border-box; }
  
  /* Header & Breadcrumbs */
  .article-header { text-align: center; margin-bottom: 3rem; border-bottom: 1px solid var(--border); padding-bottom: 2rem; }
  .article-header h1 { font-size: clamp(2rem, 4vw, 2.8rem); color: #1e293b; font-weight: 800; margin: 1rem 0; line-height: 1.2; }
  .article-meta { color: var(--muted); font-size: 0.9rem; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
  .breadcrumbs { font-size: 0.85rem; color: var(--muted); margin-bottom: 1rem; text-transform: uppercase; font-weight: 700; }
  .breadcrumbs a { color: var(--muted); text-decoration: none; }

  /* Key Takeaways Box (Hellgelb) */
  .key-takeaways {
    background: #FFFBEB; border: 1px solid #FCD34D; border-left: 6px solid #F59E0B;
    padding: 2rem; border-radius: var(--radius); margin-bottom: 3rem; color: #1e293b;
  }
  .key-takeaways h3 { margin-top: 0; color: #92400E; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
  .key-takeaways h3::before { content: "🤖"; font-size: 1.4rem; }
  .key-takeaways ul { margin: 0; padding-left: 1.2rem; color: #334155; }
  .key-takeaways li { margin-bottom: 0.5rem; }

  /* Content */
  .content h2 { color: #1F5240; margin-top: 3rem; font-size: 1.8rem; font-weight: 800; }
  .content h3 { color: #1e293b; margin-top: 2rem; font-size: 1.35rem; font-weight: 700; }
  .content p, .content ul, .content ol { color: #334155; margin-bottom: 1.5rem; }
  .content ul, .content ol { padding-left: 1.5rem; }
  
  /* Disclaimer & Author */
  .legal-note { background: #F8FAFC; border: 1px solid var(--border); padding: 1.5rem; font-size: 0.9rem; color: var(--muted); border-radius: var(--radius); margin-top: 3rem; }
  .author-box { margin-top: 4rem; padding: 2rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); display: flex; gap: 1.5rem; align-items: center; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
  .author-img { width: 80px; height: 80px; background: #e2e8f0; border-radius: 50%; object-fit: cover; }
  .author-info h4 { margin: 0 0 0.5rem; color: #1e293b; }
  .author-link { color: #2D7A5F; font-weight: 600; text-decoration: none; }

  /* CTA Box (Hellgrün) */
  .article-cta {
    background: #E8F5F1; /* Hellgrün */
    border: 2px solid #2D7A5F;
    color: #1F5240;
    padding: 2.5rem; text-align: center; border-radius: var(--radius); margin: 3rem 0;
  }
  .article-cta h3 { color: #1F5240 !important; margin-top: 0; font-size: 1.6rem; }
  .article-cta p { color: #334155 !important; font-size: 1.1rem; margin-bottom: 2rem; }

  /* --- BUTTON FIX (Hardcoded Colors) --- */
  .btn-article {
    display: inline-flex; align-items: center; justify-content: center;
    
    /* NORMAL: GOLD Hintergrund, DUNKLE Schrift */
    background-color: #DDA15E !important; 
    color: #1F5240 !important; 
    
    padding: 1.2rem 3rem; border-radius: 50px; text-decoration: none;
    font-weight: 900; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.5px;
    box-shadow: 0 10px 20px -5px rgba(221, 161, 94, 0.6);
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
  }

  /* HOVER: DUNKELGRÜN Hintergrund, WEISSE Schrift */
  .btn-article:hover, 
  .btn-article:focus, 
  .btn-article:active {
    background-color: #1F5240 !important; /* Dunkelgrün erzwingen */
    background: #1F5240 !important;       /* Fallback erzwingen */
    color: #FFFFFF !important;            /* Weiß erzwingen */
    
    transform: translateY(-4px);
    box-shadow: 0 15px 25px -5px rgba(31, 82, 64, 0.5);
    text-decoration: none !important;
  }
  
  .btn-article::after { content: " →"; margin-left: 10px; transition: margin-left 0.2s; }
  .btn-article:hover::after { margin-left: 15px; }

  @media (max-width: 600px) {
    .author-box { flex-direction: column; text-align: center; }
    .btn-article { width: 100%; padding: 1rem; }
  }
</style>/* End custom CSS */