/* DKIM Record Generator */



#inhalt_tool_dkim_record_generator{font-size:1.1em}
#inhalt_tool_dkim_record_generator p{padding:.5em 0;font-size:1.15em;line-height:1.6}
#inhalt_tool_dkim_record_generator h2{margin-top:1.5em;margin-bottom:0.3em}
#inhalt_tool_dkim_record_generator h3{margin-top:1.2em;margin-bottom:0.3em}

/* ── Allgemeine Formularelemente ── */
#inhalt_tool_dkim_record_generator label{font-size:1.05em}
#inhalt_tool_dkim_record_generator .form-control{font-size:1em;padding:8px 12px}
#inhalt_tool_dkim_record_generator .btn-refresh{background:linear-gradient(135deg,#0060a6 0%,#004080 100%);color:#fff;border:none;padding:12px 25px;font-size:1.1em;border-radius:8px;cursor:pointer;transition:background 0.2s}
#inhalt_tool_dkim_record_generator .btn-refresh:hover{background:linear-gradient(135deg,#004080 0%,#003060 100%)}

/* ── Trennlinie ── */
#inhalt_tool_dkim_record_generator .spf-divider{border:none;border-top:1.5px solid #0060A6;margin:30px 0}

/* ── Import-Bereich ── */
#inhalt_tool_dkim_record_generator .spf-import-section{background:#f8f9fa;border-radius:10px;padding:0.8em 1.5em;margin-bottom:1em}
#inhalt_tool_dkim_record_generator .spf-import-section h2{margin-top:0.5em;margin-bottom:0}
#inhalt_tool_dkim_record_generator .spf-import-section p{padding:0.2em 0 0.3em}
#inhalt_tool_dkim_record_generator .spf-import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:1em 0}
#inhalt_tool_dkim_record_generator .spf-import-row .form-control{display:inline-block;width:280px}
#inhalt_tool_dkim_record_generator .spf-rate-info{text-align:center;font-size:0.85em;margin-top:8px;color:#666}

/* ── Formular-Sektionen ── */
#inhalt_tool_dkim_record_generator .spf-section{margin:1.5em 0;padding:1.2em 1.5em;background:#f9f9f9;border-radius:8px;border-left:4px solid #0060A6}
#inhalt_tool_dkim_record_generator .spf-section h2,
#inhalt_tool_dkim_record_generator .spf-section h3{margin-top:0}

/* ── Provider-Grid ── */
#inhalt_tool_dkim_record_generator .spf-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:0.8em}
#inhalt_tool_dkim_record_generator .spf-provider-item{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}
#inhalt_tool_dkim_record_generator .spf-provider-item:hover{border-color:#0060A6;box-shadow:0 2px 8px rgba(0,96,166,0.1)}
#inhalt_tool_dkim_record_generator .spf-provider-item input[type="checkbox"]{margin-top:3px;flex-shrink:0}
#inhalt_tool_dkim_record_generator .spf-provider-text{display:flex;flex-direction:column}
#inhalt_tool_dkim_record_generator .spf-provider-label{font-weight:600;font-size:1em}
#inhalt_tool_dkim_record_generator .spf-provider-include{font-size:0.82em;color:#888;font-family:'Courier New',monospace;word-break:break-all;margin-top:2px}

/* ── Dynamische Felder ── */
#inhalt_tool_dkim_record_generator .spf-dynamic-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#inhalt_tool_dkim_record_generator .spf-dynamic-row .form-control{flex:1}
#inhalt_tool_dkim_record_generator .btn-remove{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:8px 12px;cursor:pointer;transition:background 0.2s,border-color 0.2s;color:#a94442;font-size:1em;line-height:1}
#inhalt_tool_dkim_record_generator .btn-remove:hover{background:#f2dede;border-color:#a94442}
#inhalt_tool_dkim_record_generator .btn-add{background:none;border:1px dashed #0060A6;color:#0060A6;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.95em;margin-top:4px;transition:background 0.2s}
#inhalt_tool_dkim_record_generator .btn-add:hover{background:#eef2fa}

/* ── Policy-Optionen ── */
#inhalt_tool_dkim_record_generator .spf-policy-options{display:flex;flex-direction:column;gap:10px;margin-top:0.8em}
#inhalt_tool_dkim_record_generator .spf-policy-item{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:border-color 0.2s}
#inhalt_tool_dkim_record_generator .spf-policy-item:hover{border-color:#0060A6}
#inhalt_tool_dkim_record_generator .spf-policy-item input[type="radio"]{margin-top:4px;flex-shrink:0}
#inhalt_tool_dkim_record_generator .spf-policy-content{display:flex;flex-direction:column}
#inhalt_tool_dkim_record_generator .spf-policy-content span{font-size:0.9em;color:#555;margin-top:2px}

/* ── Checkbox-Items (a/mx) ── */
#inhalt_tool_dkim_record_generator .spf-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:border-color 0.2s}
#inhalt_tool_dkim_record_generator .spf-checkbox-item:hover{border-color:#0060A6}

/* ── Erweiterte Optionen ── */
#inhalt_tool_dkim_record_generator .spf-advanced-toggle{text-align:center;margin:1.5em 0}
#inhalt_tool_dkim_record_generator #spf-toggle-advanced{background:none;border:1px solid #ddd;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;color:#555;transition:color 0.2s,border-color 0.2s}
#inhalt_tool_dkim_record_generator #spf-toggle-advanced:hover{color:#0060A6;border-color:#0060A6}
#inhalt_tool_dkim_record_generator .spf-chevron{transition:transform 0.3s;margin-left:6px}
#inhalt_tool_dkim_record_generator .spf-chevron-open{transform:rotate(180deg)}
#inhalt_tool_dkim_record_generator .spf-advanced{margin-bottom:1.5em}

/* ── Submit ── */
#inhalt_tool_dkim_record_generator .spf-submit{text-align:center;margin:2em 0}
#inhalt_tool_dkim_record_generator .btn-generate{padding:15px 40px;font-size:1.2em;border-radius:10px}

/* ── Ergebnis ── */
#inhalt_tool_dkim_record_generator .spf-result{margin:2em 0;padding:1.5em 2em;background:#f0f7f0;border:2px solid #3c763d;border-radius:10px}
#inhalt_tool_dkim_record_generator .spf-result h2{color:#3c763d;margin-top:0}
#inhalt_tool_dkim_record_generator .spf-record-output{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ddd;padding:15px 20px;border-radius:8px;margin:1em 0;flex-wrap:wrap}
#inhalt_tool_dkim_record_generator .spf-record-output code{flex:1;font-family:'Courier New',monospace;font-size:1.05em;word-break:break-all;color:#333}
#inhalt_tool_dkim_record_generator .btn-copy{background:#0060A6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.95em;transition:background 0.2s;white-space:nowrap}
#inhalt_tool_dkim_record_generator .btn-copy:hover{background:#004080}
#inhalt_tool_dkim_record_generator .btn-copy-success{background:#3c763d}

/* ── Validierung ── */
#inhalt_tool_dkim_record_generator .spf-validation{margin:1em 0}
#inhalt_tool_dkim_record_generator .spf-check{padding:8px 12px;border-radius:6px;margin:6px 0;font-size:0.95em}
#inhalt_tool_dkim_record_generator .spf-check-good{background:#dff0d8;color:#3c763d}
#inhalt_tool_dkim_record_generator .spf-check-warn{background:#fcf8e3;color:#8a6d3b}
#inhalt_tool_dkim_record_generator .spf-check-bad{background:#f2dede;color:#a94442}
#inhalt_tool_dkim_record_generator .spf-check .glyphicon{margin-right:6px}

/* ── DNS-Anleitung ── */
#inhalt_tool_dkim_record_generator .spf-dns-guide{margin-top:1.5em}
#inhalt_tool_dkim_record_generator .spf-dns-hint{background:#eef2fa;padding:0.8em 1em;border-radius:6px;font-size:0.95em;margin-top:0.5em}

/* ── Checker-Link ── */
#inhalt_tool_dkim_record_generator .spf-checker-link{margin-top:1.5em;padding:1em 1.2em;background:#eef2fa;border-radius:8px;font-size:1.05em}
#inhalt_tool_dkim_record_generator .spf-checker-link a{color:#0060A6;font-weight:600;text-decoration:none}
#inhalt_tool_dkim_record_generator .spf-checker-link a:hover{text-decoration:underline}

/* ── Import-Hinweis im Formular ── */
#inhalt_tool_dkim_record_generator .spf-import-notice{border-left:4px solid #31708f;background:#d9edf7;border-radius:8px}

/* ── Fehler-Liste ── */
#inhalt_tool_dkim_record_generator .spf-error-list{margin:5px 0 0 0;padding-left:20px}

/* ── Jumbotron (Feature-Leiste) ── */
#inhalt_tool_dkim_record_generator .jumbotron{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px;text-align:center;border-radius:1em;padding:1em 1.5em;background-color:#eeeeee70;margin:1.5em 0}
#inhalt_tool_dkim_record_generator .dp-features{font-size:1.1em;font-weight:600;flex:1;min-width:140px;padding:0.5em}

/* ── DKIM Key Textarea ── */
#inhalt_tool_dkim_record_generator .dkim-key-textarea{font-family:'Courier New',monospace;font-size:0.9em;word-break:break-all;resize:vertical;min-height:100px}

/* ── Haftungsausschluss ── */
#inhalt_tool_dkim_record_generator .pwgen-legal{max-width:none;margin:2em 0;padding:1.2em 1.5em;background:#f5f5f5;border-radius:1em;font-size:0.95em;color:#555}

/* ── Responsive ── */
@media (max-width: 600px){
    #inhalt_tool_dkim_record_generator .spf-import-row{flex-direction:column;align-items:stretch}
    #inhalt_tool_dkim_record_generator .spf-import-row .form-control{width:100%}
    #inhalt_tool_dkim_record_generator .spf-provider-grid{grid-template-columns:1fr}
    #inhalt_tool_dkim_record_generator .spf-record-output{flex-direction:column;align-items:stretch}
    #inhalt_tool_dkim_record_generator .spf-record-output code{margin-bottom:8px}
    #inhalt_tool_dkim_record_generator .spf-import-section{padding:1em 1.2em}
    #inhalt_tool_dkim_record_generator .spf-section{padding:1em 1.2em}
    #inhalt_tool_dkim_record_generator .spf-result{padding:1em 1.2em}
}