* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .glf-body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.7;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
        }
        
        .glf-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .glf-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 50px 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .glf-header h1 {
            font-size: 2.2em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .glf-header p {
            font-size: 1.1em;
            opacity: 0.95;
            line-height: 1.6;
        }
        
        .glf-card {
            background: white;
            padding: 35px;
            margin-bottom: 25px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }
        
        .glf-card h2 {
            color: #2c3e50;
            font-size: 1.8em;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 3px solid #3498db;
        }
        
        .glf-card h3 {
            color: #34495e;
            font-size: 1.3em;
            margin: 25px 0 15px 0;
        }
        
        .glf-warning-box {
            background: #fff3cd;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #ffc107;
        }
        
        .glf-warning-box h3 {
            color: #856404;
            margin-top: 0;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .glf-warning-box p {
            color: #856404;
            font-weight: 500;
            line-height: 1.8;
        }
        
        .glf-danger-box {
            background: #f8d7da;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #e74c3c;
        }
        
        .glf-danger-box h3 {
            color: #721c24;
            margin-top: 0;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .glf-danger-box p {
            color: #721c24;
            font-weight: 500;
            line-height: 1.8;
        }
        
        .glf-danger-box strong {
            color: #5a0f16;
        }
        
        .glf-prevention-box {
            background: #d4edda;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #28a745;
        }
        
        .glf-prevention-box h3 {
            color: #155724;
            margin-top: 0;
            margin-bottom: 15px;
        }
        
        .glf-prevention-list {
            list-style: none;
            margin: 15px 0;
        }
        
        .glf-prevention-list li {
            margin: 12px 0;
            padding-left: 30px;
            position: relative;
            color: #155724;
            line-height: 1.8;
        }
        
        .glf-prevention-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28a745;
            font-weight: bold;
            font-size: 1.3em;
        }
        
        .glf-symptoms-box {
            background: #e8f4f8;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #3498db;
        }
        
        .glf-symptoms-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
        }
        
        .glf-symptoms-list {
            list-style: none;
            margin: 15px 0;
        }
        
        .glf-symptoms-list li {
            margin: 12px 0;
            padding-left: 30px;
            position: relative;
            line-height: 1.8;
        }
        
        .glf-symptoms-list li::before {
            content: "•";
            position: absolute;
            left: 0;
        }
        
        .glf-benefit-box {
            background: #fff9e6;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border: 2px solid #ffd700;
        }
        
        .glf-benefit-box p {
            color: #856404;
            font-weight: 500;
            line-height: 1.8;
            margin: 10px 0;
        }
        
        .glf-service-box {
            background: #f8f9fa;
            padding: 30px;
            border-radius: 10px;
            margin: 25px 0;
            border: 2px solid #3498db;
        }
        
        .glf-service-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
        }
        
        .glf-service-box p {
            line-height: 1.8;
            margin: 10px 0;
        }
        
        .glf-contact-box {
            background: #f8f9fa;
            color: #2c3e50;
            padding: 25px 30px;
            border-radius: 10px;
            text-align: center;
            margin-top: 30px;
            border: 2px solid #e1e8ed;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .glf-contact-box h3 {
            font-size: 1.2em;
            margin-bottom: 12px;
            color: #5a6c7d;
            font-weight: 600;
        }
        
        .glf-contact-box p {
            font-size: 1em;
            margin: 6px 0;
            color: #6c757d;
        }
        
        .glf-contact-box .glf-phone {
            font-size: 1.15em;
            font-weight: bold;
            margin: 10px 0 8px 0;
        }
        
        .glf-contact-box .glf-phone a {
            color: #3498db;
            text-decoration: none;
        }
        
        .glf-contact-box .glf-phone a:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .glf-header h1 {
                font-size: 1.6em;
            }
            
            .glf-card {
                padding: 25px 20px;
            }
            
            .glf-warning-box,
            .glf-danger-box,
            .glf-prevention-box,
            .glf-symptoms-box,
            .glf-benefit-box,
            .glf-service-box {
                padding: 20px;
            }
        }


----------------------------------
Luftfeder Auswahl
----------------------------------


.lfa-body{
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    line-height:1.7;color:#333;
    background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);
  }

  .lfa-container{max-width:1000px;margin:0 auto;padding:20px;}

  .lfa-header{
    background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);
    color:#fff;padding:50px 30px;border-radius:15px;margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
  }
  .lfa-header h1{font-size:2.2em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}
  .lfa-header p{font-size:1.1em;opacity:.95;line-height:1.6;}

  .lfa-card{
    background:#fff;padding:35px;margin-bottom:25px;border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    overflow:hidden; /* verhindert “Schneiden” bei langen Wörtern */
  }

  .lfa-card h2{
    color:#2c3e50;font-size:1.8em;margin-bottom:20px;padding-bottom:12px;
    border-bottom:3px solid #3498db;
    /* lange Wörter/Überschriften dürfen umbrechen */
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
  }

  .lfa-card h3{color:#34495e;font-size:1.3em;margin:25px 0 15px;}

  .lfa-quicknav{
    display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0;
  }
  .lfa-quicknav a{
    background:#3498db;color:#fff;padding:12px 25px;border-radius:8px;
    text-decoration:none;font-weight:600;box-shadow:0 3px 10px rgba(52,152,219,.3);
  }
  .lfa-quicknav a:hover{background:#2980b9;box-shadow:0 5px 15px rgba(52,152,219,.4);}

  .lfa-overview-box{
    background:#fff9e6;padding:25px;border-radius:10px;margin:25px 0;border:2px solid #ffd700;
  }
  .lfa-overview-box h3{color:#856404;margin-top:0;margin-bottom:15px;font-size:1.3em;}
  .lfa-overview-box ol{margin-left:20px;}
  .lfa-overview-box li{margin:10px 0;line-height:1.8;color:#856404;}

  .lfa-steps{counter-reset:lfa-step-counter;list-style:none;margin:20px 0;}

  .lfa-steps>li{
    counter-increment:lfa-step-counter;
    padding:25px 25px 25px 70px;
    margin:20px 0;background:#f8f9fa;border-radius:8px;position:relative;
    text-align:left;
  }
  .lfa-steps>li::before{
    content:counter(lfa-step-counter);
    position:absolute;left:20px;top:25px;background:#3498db;color:#fff;
    width:35px;height:35px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:1.2em;
  }

  .lfa-steps strong{display:block;font-size:1.15em;color:#2c3e50;margin-bottom:10px;}
  .lfa-steps p{ text-align:left; }

  .lfa-steps ul{list-style:none;margin:15px 0;padding:0;}
  .lfa-steps ul li{
    margin:8px 0;
    display:flex;
    align-items:flex-start;
    gap:10px;
    line-height:1.8;
  }
  .lfa-steps ul li::before{
    content:"→";
    color:#3498db;
    font-weight:700;
    flex:0 0 auto;
    margin-top:1px;
  }

  .lfa-highlight{
    background:#d4edda;padding:15px 20px;border-radius:8px;margin:15px 0;
    border-left:4px solid #28a745;
    max-width:100%;
  }
  .lfa-highlight p{
    color:#155724;font-weight:500;margin:0;
    overflow-wrap:anywhere;word-break:break-word;
  }

  .lfa-tip{
    background:#e8f4f8;padding:20px;border-radius:8px;margin:15px 0;border-left:4px solid #3498db;
  }
  .lfa-tip p{margin:5px 0;}

  .lfa-code{
    background:#f4f4f4;padding:3px 8px;border-radius:4px;
    font-family:'Courier New',monospace;color:#e74c3c;font-weight:600;
  }

  .lfa-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:25px 0;}

  .lfa-table{
    width:100%;border-collapse:collapse;overflow:hidden;border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
  }
  .lfa-table th{background:#3498db;color:#fff;padding:15px;text-align:left;font-size:1em;}
  .lfa-table td{padding:15px;border-bottom:1px solid #ecf0f1;background:#fff;vertical-align:top;}
  .lfa-table tr:last-child td{border-bottom:none;}

  .lfa-feature-list{list-style:none;margin:15px 0;}
  .lfa-feature-list li{margin:12px 0;padding-left:30px;position:relative;line-height:1.8;}
  .lfa-feature-list li::before{
    content:"✓";position:absolute;left:0;color:#3498db;font-weight:700;font-size:1.3em;
  }

  .lfa-beratung-box{
    background:#f8f9fa;padding:30px;border-radius:10px;margin:25px 0;border:2px solid #3498db;
  }
  .lfa-beratung-box h3{color:#2c3e50;margin-top:0;margin-bottom:15px;font-size:1.3em;}
  .lfa-beratung-box p{margin:10px 0;line-height:1.8;}

  .lfa-contact-box{
    background:#f8f9fa;color:#2c3e50;padding:25px 30px;border-radius:10px;text-align:center;
    margin-top:30px;border:2px solid #e1e8ed;box-shadow:0 2px 8px rgba(0,0,0,0.05);
  }
  .lfa-contact-box h3{font-size:1.2em;margin-bottom:12px;color:#5a6c7d;font-weight:600;}
  .lfa-contact-box p{font-size:1em;margin:6px 0;color:#6c757d;}
  .lfa-contact-box .lfa-phone{font-size:1.15em;font-weight:700;margin:10px 0 8px;}
  .lfa-contact-box .lfa-phone a{color:#3498db;text-decoration:none;}
  .lfa-contact-box .lfa-phone a:hover{text-decoration:underline;}

  @media (max-width:768px){
    .lfa-container{padding:14px;}
    .lfa-card{padding:20px 16px;}

    .lfa-header{padding:36px 18px;}
    .lfa-header h1{font-size:1.6em;}

    /* Wichtig: Nummerierung NICHT links im Textbereich, sondern oben (damit Text weiter links startet) */
    .lfa-steps>li{
      padding:16px;          /* Text startet schön links */
      padding-top:54px;      /* Platz für die Nummer oben */
    }
    .lfa-steps>li::before{
      left:16px;
      top:16px;
      width:30px;height:30px;font-size:1em;
    }

    /* optional: Überschrift/strong nicht “zentrieren” */
    .lfa-steps strong{margin-top:2px;}

    .lfa-quicknav{flex-direction:column;}
    .lfa-quicknav a{text-align:center;}
  }

  /* Handy: Tabelle als Karten – Kriterium links, Werte rechts; nichts “zu weit rechts” */
  @media (max-width:600px){
    .lfa-table-wrapper{overflow:visible;margin:18px 0;}
    .lfa-table{box-shadow:none;border-radius:0;}
    .lfa-table thead{display:none;}
    .lfa-table,.lfa-table tbody,.lfa-table tr,.lfa-table td{display:block;width:100%;}

    .lfa-table tr{
      background:#fff;border-radius:10px;overflow:hidden;
      box-shadow:0 2px 10px rgba(0,0,0,0.06);
      margin-bottom:14px;border:1px solid #ecf0f1;
    }

    .lfa-table td{
      border:none;border-bottom:1px solid #ecf0f1;
      padding:12px 14px;
    }
    .lfa-table td:last-child{border-bottom:none;}

    /* Label und Value ordentlich untereinander (kein “gequetschtes” Space-Between) */
    .lfa-table td::before{
      content:attr(data-label);
      display:block;
      font-weight:800;
      color:#2c3e50;
      margin-bottom:4px;
    }
  }

-----------------------------
Sypmtome defekte Luftfeder
-----------------------------
/* ===== Base ===== */
  .sls-body, .sls-body * { box-sizing: border-box; }
  .sls-body{
    margin:0; padding:0;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height:1.7;
    color:#333;
    background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);
  }
  .sls-container{ max-width:1000px; margin:0 auto; padding:20px; }

  /* ===== Header ===== */
  .sls-header{
    background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);
    color:#fff;
    padding:50px 30px;
    border-radius:15px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
  }
  .sls-header h1{
    margin:0 0 12px 0;
    font-size:2.2em;
    text-shadow:2px 2px 4px rgba(0,0,0,.3);
  }
  .sls-header p{ margin:0; font-size:1.1em; opacity:.95; line-height:1.6; }

  /* ===== Cards ===== */
  .sls-card{
    background:#fff;
    padding:35px;
    margin-bottom:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
  }
  .sls-card h2{
    margin:0 0 18px 0;
    color:#2c3e50;
    font-size:1.8em;
    padding-bottom:12px;
    border-bottom:3px solid #3498db;
  }
  .sls-card p{ margin:12px 0; }

  /* ===== Boxes ===== */
  .sls-box{
    padding:25px;
    border-radius:10px;
    margin:18px 0;
    border-left:4px solid transparent;
  }
  .sls-box--symptoms{ background:#e8f4f8; border-left-color:#3498db; }
  .sls-box--warning{ background:#fff3cd; border-left-color:#ffc107; }
  .sls-box--danger{ background:#f8d7da; border-left-color:#e74c3c; }
  .sls-box--tip{ background:#d4edda; border-left-color:#28a745; }

  .sls-box h3{
    margin:0 0 12px 0;
    color:#2c3e50;
    font-size:1.2em;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .sls-box--warning h3{ color:#856404; }
  .sls-box--warning p{ color:#856404; font-weight:500; }
  .sls-box--danger h3{ color:#721c24; }
  .sls-box--danger p{ color:#721c24; font-weight:500; }
  .sls-box--danger strong{ color:#5a0f16; }
  .sls-box--tip h3{ color:#155724; }
  .sls-box--tip p{ color:#155724; }

  /* ===== Highlight ===== */
  .sls-highlight{
    background:#fff9e6;
    border:2px solid #ffd700;
    padding:18px 20px;
    border-radius:10px;
    margin-top:16px;
    color:#856404;
    font-weight:500;
  }

  /* ===== Lists (NATIVE markers = perfekt parallel) ===== */
  .sls-list{
    margin:12px 0 0 0;
    padding-left: 1.25em;     /* kontrollierter Einzug */
    list-style-position: outside;
  }
  .sls-list li{
    margin:10px 0;
    line-height:1.8;
    padding-left: .15em;      /* Abstand Marker -> Text */
  }

  /* Optional: Checks statt Bullets (falls du es wo brauchst) */
  .sls-list--checks{
    list-style: "✓  ";
  }

  /* ===== Contact ===== */
  .sls-contact{
    background:#f8f9fa;
    color:#2c3e50;
    padding:25px 30px;
    border-radius:10px;
    text-align:center;
    margin-top:30px;
    border:2px solid #e1e8ed;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
  }
  .sls-contact h3{
    margin:0 0 10px 0;
    font-size:1.15em;
    color:#5a6c7d;
    font-weight:600;
  }
  .sls-contact p{ margin:6px 0; color:#6c757d; }
  .sls-contact .sls-phone{
    font-size:1.15em;
    font-weight:700;
    margin:10px 0 8px 0;
  }
  .sls-contact .sls-phone a{ color:#3498db; text-decoration:none; }
  .sls-contact .sls-phone a:hover{ text-decoration:underline; }

  /* ===== Responsive ===== */
  @media (max-width:768px){
    .sls-header{ padding:36px 20px; }
    .sls-header h1{ font-size:1.6em; }
    .sls-card{ padding:25px 20px; }
    .sls-box{ padding:20px; }
  }

/* ===== Base ===== */
  .lffm1-body, .lffm1-body * { box-sizing: border-box; }
  .lffm1-body{
    margin:0; padding:0;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height:1.7;
    color:#333;
    background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);
  }
  .lffm1-container{ max-width:1000px; margin:0 auto; padding:20px; }

  /* ===== Header ===== */
  .lffm1-header{
    background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);
    color:#fff;
    padding:50px 30px;
    border-radius:15px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
  }
  .lffm1-header h1{
    margin:0 0 12px 0;
    font-size:2.05em;
    line-height:1.25;
    text-shadow:2px 2px 4px rgba(0,0,0,.3);
  }
  .lffm1-header p{ margin:0; font-size:1.08em; opacity:.95; line-height:1.6; }

  /* ===== Cards ===== */
  .lffm1-card{
    background:#fff;
    padding:35px;
    margin-bottom:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
  }
  .lffm1-card h2{
    margin:0 0 18px 0;
    color:#2c3e50;
    font-size:1.7em;
    padding-bottom:12px;
    border-bottom:3px solid #3498db;
  }
  .lffm1-card p{ margin:12px 0; }

  /* ===== Boxes ===== */
  .lffm1-box{
    padding:25px;
    border-radius:10px;
    margin:18px 0;
    border-left:4px solid transparent;
  }
  .lffm1-box--info{ background:#e8f4f8; border-left-color:#3498db; }
  .lffm1-box--danger{ background:#f8d7da; border-left-color:#e74c3c; }
  .lffm1-box--tip{ background:#d4edda; border-left-color:#28a745; }

  .lffm1-box h3{
    margin:0 0 12px 0;
    color:#2c3e50;
    font-size:1.2em;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .lffm1-box--danger h3{ color:#721c24; }
  .lffm1-box--danger p{ color:#721c24; font-weight:500; }
  .lffm1-box--danger strong{ color:#5a0f16; }
  .lffm1-box--tip h3{ color:#155724; }
  .lffm1-box--tip p{ color:#155724; }

  /* ===== Lists ===== */
  .lffm1-list{
    margin:12px 0 0 0;
    padding-left:1.25em;
    list-style-position:outside;
  }
  .lffm1-list li{
    margin:10px 0;
    line-height:1.8;
    padding-left:.15em;
  }

  /* ===== Highlight ===== */
  .lffm1-highlight{
    background:#fff9e6;
    border:2px solid #ffd700;
    padding:18px 20px;
    border-radius:10px;
    margin-top:16px;
    color:#856404;
    font-weight:500;
  }

  /* ===== Contact ===== */
  .lffm1-contact{
    background:#f8f9fa;
    color:#2c3e50;
    padding:25px 30px;
    border-radius:10px;
    text-align:center;
    margin-top:30px;
    border:2px solid #e1e8ed;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
  }
  .lffm1-contact h3{
    margin:0 0 10px 0;
    font-size:1.15em;
    color:#5a6c7d;
    font-weight:600;
  }
  .lffm1-contact p{ margin:6px 0; color:#6c757d; }
  .lffm1-phone{
    font-size:1.15em;
    font-weight:700;
    margin:10px 0 8px 0;
  }
  .lffm1-phone a{ color:#3498db; text-decoration:none; }
  .lffm1-phone a:hover{ text-decoration:underline; }

  /* ===== Responsive ===== */
  @media (max-width:768px){
    .lffm1-header{ padding:36px 20px; }
    .lffm1-header h1{ font-size:1.55em; }
    .lffm1-card{ padding:25px 20px; }
    .lffm1-box{ padding:20px; }
  }

---
---

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .lfbf-body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.7;
            color: #333;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
        }
        
        .lfbf-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .lfbf-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 50px 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .lfbf-header h1 {
            font-size: 2.2em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .lfbf-header p {
            font-size: 1.1em;
            opacity: 0.95;
            line-height: 1.6;
        }
        
        .lfbf-card {
            background: white;
            padding: 35px;
            margin-bottom: 25px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }
        
        .lfbf-card h2 {
            color: #2c3e50;
            font-size: 1.8em;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 3px solid #3498db;
        }
        
        .lfbf-card h3 {
            color: #34495e;
            font-size: 1.3em;
            margin: 25px 0 15px 0;
        }
        
        .lfbf-intro-text {
            font-size: 1.05em;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        
        .lfbf-criteria-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin: 25px 0;
        }
        
        .lfbf-criteria-box {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 10px;
            border-left: 4px solid #3498db;
        }
        
        .lfbf-criteria-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 12px;
            font-size: 1.2em;
        }
        
        .lfbf-criteria-box p {
            color: #555;
            line-height: 1.7;
        }
        
        .lfbf-oe-section {
            background: #e8f4f8;
            padding: 30px;
            border-radius: 10px;
            margin: 25px 0;
            border-left: 4px solid #3498db;
        }
        
        .lfbf-oe-section h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.4em;
        }
        
        .lfbf-oe-section h4 {
            color: #34495e;
            margin: 20px 0 12px 0;
            font-size: 1.15em;
        }
        
        .lfbf-oe-section p {
            color: #555;
            line-height: 1.8;
            margin: 10px 0;
        }
        
        .lfbf-benefit-list {
            list-style: none;
            margin: 15px 0;
        }
        
        .lfbf-benefit-list li {
            margin: 10px 0;
            padding-left: 30px;
            position: relative;
            color: #555;
            line-height: 1.8;
        }
        
        .lfbf-benefit-list li::before {
            content: "✔";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
            font-size: 1.3em;
        }
        
        .lfbf-option-box {
            background: #e8f4f8;
            padding: 25px;
            border-radius: 10px;
            margin: 15px 0;
            border-left: 4px solid #3498db;
        }
        
        .lfbf-option-box h4 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 12px;
            font-size: 1.15em;
        }
        
        .lfbf-option-box ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .lfbf-option-box li {
            margin: 8px 0;
            padding-left: 25px;
            position: relative;
            line-height: 1.7;
        }
        
        .lfbf-option-box li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
        }
        
        .lfbf-quote {
            background: #d4edda;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #28a745;
            font-style: italic;
        }
        
        .lfbf-quote p {
            color: #155724;
            font-weight: 500;
            margin: 0;
        }
        
        .lfbf-systems-list {
            list-style: none;
            margin: 15px 0;
        }
        
        .lfbf-systems-list li {
            margin: 10px 0;
            padding-left: 30px;
            position: relative;
            line-height: 1.8;
        }
        
        .lfbf-systems-list li::before {
            content: "•";
            position: absolute;
            left: 0;
        }
        
        .lfbf-comparison-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin: 25px 0;
        }
        
        .lfbf-comparison-box {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 10px;
            border: 2px solid #e1e8ed;
        }
        
        .lfbf-comparison-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .lfbf-comparison-box ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .lfbf-comparison-box li {
            margin: 10px 0;
            padding-left: 25px;
            position: relative;
            line-height: 1.7;
        }
        
        .lfbf-comparison-box li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
        }
        
        .lfbf-cta-box {
            background: #f8f9fa;
            color: #2c3e50;
            padding: 30px;
            border-radius: 10px;
            margin: 25px 0;
            text-align: center;
            border: 2px solid #3498db;
        }
        
        .lfbf-cta-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.3em;
        }
        
        .lfbf-cta-box p {
            color: #555;
            font-size: 1.05em;
            line-height: 1.8;
            margin: 15px 0;
        }
        
        .lfbf-cta-button {
            background: #3498db;
            color: white;
            padding: 12px 30px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            margin-top: 15px;
        }
        
        .lfbf-contact-box {
            background: #f8f9fa;
            color: #2c3e50;
            padding: 25px 30px;
            border-radius: 10px;
            text-align: center;
            margin-top: 30px;
            border: 2px solid #e1e8ed;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .lfbf-contact-box h3 {
            font-size: 1.2em;
            margin-bottom: 12px;
            color: #5a6c7d;
            font-weight: 600;
        }
        
        .lfbf-contact-box p {
            font-size: 1em;
            margin: 6px 0;
            color: #6c757d;
        }
        
        .lfbf-contact-box .lfbf-phone {
            font-size: 1.15em;
            font-weight: bold;
            margin: 10px 0 8px 0;
        }
        
        .lfbf-contact-box .lfbf-phone a {
            color: #3498db;
            text-decoration: none;
        }
        
        .lfbf-contact-box .lfbf-phone a:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .lfbf-header h1 {
                font-size: 1.6em;
            }
            
            .lfbf-card {
                padding: 25px 20px;
            }
            
            .lfbf-criteria-grid,
            .lfbf-comparison-grid {
                grid-template-columns: 1fr;
            }
            
            .lfbf-oe-section,
            .lfbf-cta-box {
                padding: 20px;
            }
        }

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .hlf-body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.7;
            color: #333;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
        }
        
        .hlf-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .hlf-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 50px 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .hlf-header h1 {
            font-size: 2.2em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .hlf-header p {
            font-size: 1.1em;
            opacity: 0.95;
            line-height: 1.6;
        }
        
        .hlf-card {
            background: white;
            padding: 35px;
            margin-bottom: 25px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }
        
        .hlf-card h2 {
            color: #2c3e50;
            font-size: 1.8em;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 3px solid #3498db;
        }
        
        .hlf-intro-text {
            font-size: 1.05em;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        
        .hlf-overview-box {
            background: #e8f4f8;
            padding: 25px;
            border-radius: 10px;
            margin: 25px 0;
            border-left: 4px solid #3498db;
        }
        
        .hlf-overview-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.3em;
        }
        
        .hlf-overview-box ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .hlf-overview-box li {
            margin: 10px 0;
            padding-left: 25px;
            position: relative;
            line-height: 1.8;
        }
        
        .hlf-overview-box li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
        }
        
        .hlf-table-wrapper {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin: 25px 0;
        }
        
        .hlf-table {
            width: 100%;
            border-collapse: collapse;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            min-width: 600px;
        }
        
        .hlf-table th {
            background: #3498db;
            color: white;
            padding: 15px;
            text-align: left;
            font-size: 1em;
        }
        
        .hlf-table td {
            padding: 15px;
            border-bottom: 1px solid #ecf0f1;
            background: white;
        }
        
        .hlf-table tr:last-child td {
            border-bottom: none;
        }
        
        .hlf-table td:first-child {
            font-weight: 600;
            color: #2c3e50;
        }
        
        .hlf-price-note {
            background: #fff9e6;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #ffd700;
        }
        
        .hlf-price-note p {
            color: #856404;
            font-weight: 500;
            margin: 5px 0;
        }
        
        .hlf-manufacturer-box {
            background: #f8f9fa;
            padding: 30px;
            border-radius: 10px;
            margin: 25px 0;
            border-left: 4px solid #3498db;
        }
        
        .hlf-manufacturer-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 1.4em;
        }
        
        .hlf-manufacturer-box h4 {
            color: #34495e;
            margin: 20px 0 12px 0;
            font-size: 1.15em;
        }
        
        .hlf-manufacturer-box p {
            line-height: 1.8;
            margin: 10px 0;
        }
        
        .hlf-strengths-list {
            background: #d4edda;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 15px 0;
            border-left: 4px solid #28a745;
        }
        
        .hlf-strengths-list h4 {
            color: #155724;
            margin: 0 0 10px 0;
            font-size: 1.1em;
        }
        
        .hlf-strengths-list ul {
            list-style: none;
            margin: 0;
        }
        
        .hlf-strengths-list li {
            margin: 8px 0;
            padding-left: 25px;
            position: relative;
            color: #155724;
            line-height: 1.7;
        }
        
        .hlf-strengths-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28a745;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .hlf-ideal-box {
            background: #e8f4f8;
            padding: 15px 20px;
            border-radius: 8px;
            margin: 15px 0;
        }
        
        .hlf-ideal-box p {
            color: #2c3e50;
            font-weight: 500;
            margin: 0;
        }
        
        .hlf-recommendation-table {
            width: 100%;
            border-collapse: collapse;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            min-width: 600px;
        }
        
        .hlf-recommendation-table th {
            background: #34495e;
            color: white;
            padding: 15px;
            text-align: left;
            font-size: 1em;
        }
        
        .hlf-recommendation-table td {
            padding: 15px;
            border-bottom: 1px solid #ecf0f1;
            background: white;
        }
        
        .hlf-recommendation-table tr:last-child td {
            border-bottom: none;
        }
        
        .hlf-conclusion-box {
            background: #f8f9fa;
            padding: 30px;
            border-radius: 10px;
            margin: 25px 0;
            border: 2px solid #3498db;
        }
        
        .hlf-conclusion-box h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.3em;
        }
        
        .hlf-conclusion-box ul {
            list-style: none;
            margin: 15px 0;
        }
        
        .hlf-conclusion-box li {
            margin: 12px 0;
            padding-left: 30px;
            position: relative;
            line-height: 1.8;
        }
        
        .hlf-conclusion-box li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .hlf-highlight {
            background: #d4edda;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #28a745;
        }
        
        .hlf-highlight p {
            color: #155724;
            font-weight: 600;
            margin: 0;
            font-size: 1.05em;
        }
        
        .hlf-contact-box {
            background: #f8f9fa;
            color: #2c3e50;
            padding: 25px 30px;
            border-radius: 10px;
            text-align: center;
            margin-top: 30px;
            border: 2px solid #e1e8ed;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .hlf-contact-box h3 {
            font-size: 1.2em;
            margin-bottom: 12px;
            color: #5a6c7d;
            font-weight: 600;
        }
        
        .hlf-contact-box p {
            font-size: 1em;
            margin: 6px 0;
            color: #6c757d;
        }
        
        .hlf-contact-box .hlf-phone {
            font-size: 1.15em;
            font-weight: bold;
            margin: 10px 0 8px 0;
        }
        
        .hlf-contact-box .hlf-phone a {
            color: #3498db;
            text-decoration: none;
        }
        
        .hlf-contact-box .hlf-phone a:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .hlf-header h1 {
                font-size: 1.6em;
            }
            
            .hlf-card {
                padding: 25px 20px;
            }
            
            .hlf-manufacturer-box {
                padding: 20px;
            }
            
            .hlf-table,
            .hlf-recommendation-table {
                font-size: 0.9em;
            }
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .ted-body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.7;
            color: #333;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
        }
        
        .ted-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .ted-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 50px 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .ted-header h1 {
            font-size: 2.2em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .ted-header p {
            font-size: 1.1em;
            opacity: 0.95;
            line-height: 1.6;
        }
        
        .ted-card {
            background: white;
            padding: 35px;
            margin-bottom: 25px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }
        
        .ted-card h2 {
            color: #2c3e50;
            font-size: 1.8em;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 3px solid #3498db;
        }
        
        .ted-card h3 {
            color: #34495e;
            font-size: 1.3em;
            margin: 25px 0 15px 0;
        }
        
        .ted-intro-text {
            font-size: 1.05em;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        
        .ted-table-wrapper {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin: 25px 0;
        }
        
        .ted-table {
            width: 100%;
            border-collapse: collapse;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            min-width: 650px;
        }
        
        .ted-table th {
            background: #3498db;
            color: white;
            padding: 15px;
            text-align: left;
            font-size: 1em;
        }
        
        .ted-table td {
            padding: 15px;
            border-bottom: 1px solid #ecf0f1;
            background: white;
            line-height: 1.7;
        }
        
        .ted-table tr:last-child td {
            border-bottom: none;
        }
        
        .ted-important-box {
            background: #fff3cd;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #ffc107;
        }
        
        .ted-important-box p {
            color: #856404;
            font-weight: 500;
            margin: 0;
            line-height: 1.8;
        }
        
        .ted-doc-section {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #3498db;
        }
        
        .ted-doc-section h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .ted-doc-section h4 {
            color: #34495e;
            margin: 20px 0 10px 0;
            font-size: 1.1em;
        }
        
        .ted-doc-section p {
            line-height: 1.8;
            margin: 8px 0;
        }
        
        .ted-doc-section ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .ted-doc-section li {
            margin: 8px 0;
            padding-left: 25px;
            position: relative;
            line-height: 1.7;
        }
        
        .ted-doc-section li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
        }
        
        .ted-process-steps {
            margin: 25px 0;
        }
        
        .ted-step {
            background: #e8f4f8;
            padding: 25px;
            border-radius: 10px;
            margin: 15px 0;
            border-left: 4px solid #3498db;
        }
        
        .ted-step h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .ted-step p {
            line-height: 1.8;
            margin: 10px 0;
        }
        
        .ted-step ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .ted-step li {
            margin: 8px 0;
            padding-left: 25px;
            position: relative;
            line-height: 1.7;
        }
        
        .ted-step li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
            font-size: 1.3em;
        }
        
        .ted-tip-box {
            background: #d4edda;
            padding: 20px 25px;
            border-radius: 8px;
            margin: 15px 0;
            border-left: 4px solid #28a745;
        }
        
        .ted-tip-box p {
            color: #155724;
            font-weight: 500;
            margin: 0;
            line-height: 1.8;
        }
        
        .ted-documents-list {
            background: #fff9e6;
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #ffd700;
        }
        
        .ted-documents-list h3 {
            color: #856404;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .ted-documents-list h4 {
            color: #856404;
            margin: 15px 0 10px 0;
            font-size: 1.05em;
        }
        
        .ted-documents-list ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .ted-documents-list li {
            margin: 8px 0;
            padding-left: 25px;
            position: relative;
            color: #856404;
            line-height: 1.7;
        }
        
        .ted-documents-list li::before {
            content: "->";
            position: absolute;
            left: 0;
        }
        
        .ted-cost-table {
            width: 100%;
            border-collapse: collapse;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            min-width: 500px;
        }
        
        .ted-cost-table th {
            background: #34495e;
            color: white;
            padding: 15px;
            text-align: left;
            font-size: 1em;
        }
        
        .ted-cost-table td {
            padding: 15px;
            border-bottom: 1px solid #ecf0f1;
            background: white;
            line-height: 1.7;
        }
        
        .ted-cost-table tr:last-child td {
            border-bottom: none;
        }
        
        .ted-faq-section {
            margin: 25px 0;
        }
        
        .ted-faq-item {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 10px;
            margin: 15px 0;
            border-left: 4px solid #3498db;
        }
        
        .ted-faq-item h3 {
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 12px;
            font-size: 1.2em;
        }
        
        .ted-faq-item p {
            line-height: 1.8;
            margin: 0;
        }
        
        .ted-warning-box {
            background: #f8d7da;
            padding: 25px;
            border-radius: 10px;
            margin: 25px 0;
            border-left: 4px solid #e74c3c;
        }
        
        .ted-warning-box h3 {
            color: #721c24;
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.3em;
        }
        
        .ted-warning-box ul {
            list-style: none;
            margin: 10px 0;
        }
        
        .ted-warning-box li {
            margin: 10px 0;
            padding-left: 25px;
            position: relative;
            color: #721c24;
            line-height: 1.7;
        }
        
        .ted-warning-box li::before {
            content: "•";
            position: absolute;
            left: 0;
        }
        
        .ted-contact-box {
            background: #f8f9fa;
            color: #2c3e50;
            padding: 25px 30px;
            border-radius: 10px;
            text-align: center;
            margin-top: 30px;
            border: 2px solid #e1e8ed;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .ted-contact-box h3 {
            font-size: 1.2em;
            margin-bottom: 12px;
            color: #5a6c7d;
            font-weight: 600;
        }
        
        .ted-contact-box p {
            font-size: 1em;
            margin: 6px 0;
            color: #6c757d;
        }
        
        .ted-contact-box .ted-phone {
            font-size: 1.15em;
            font-weight: bold;
            margin: 10px 0 8px 0;
        }
        
        .ted-contact-box .ted-phone a {
            color: #3498db;
            text-decoration: none;
        }
        
        .ted-contact-box .ted-phone a:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .ted-header h1 {
                font-size: 1.6em;
            }
            
            .ted-card {
                padding: 25px 20px;
            }
            
            .ted-doc-section,
            .ted-step,
            .ted-documents-list,
            .ted-faq-item,
            .ted-warning-box {
                padding: 20px;
            }
            
            .ted-table,
            .ted-cost-table {
                font-size: 0.9em;
            }
        }