/* digweb.net - Komplettes Stylesheet */
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height: 100vh;padding: 20px;line-height: 1.6;}
.container {max-width: 1200px;margin: 0 auto;background: white;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.1);padding: 40px;}
.site-header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 20px 40px;margin: -40px -40px 30px -40px;border-radius: 12px 12px 0 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.site-logo {color: white;font-size: 1.8em;font-weight: bold;text-decoration: none;}
.site-nav {display: flex;gap: 25px;flex-wrap: wrap;}
.site-nav a {color: white;text-decoration: none;font-weight: 500;transition: opacity 0.3s;}
.site-nav a:hover {opacity: 0.8;}
h1 {color: #333;margin-bottom: 10px;font-size: 2.2em;}
h2 {color: #333;margin-bottom: 15px;font-size: 1.6em;}
h3 {color: #333;margin-bottom: 10px;font-size: 1.3em;}
h4 {color: #333;margin-bottom: 8px;font-size: 1.1em;}
.subtitle {color: #666;margin-bottom: 30px;font-size: 1.1em;}
.form-group {margin-bottom: 20px;}
label {display: block;margin-bottom: 8px;color: #333;font-weight: 500;}
input[type="text"],input[type="number"],input[type="email"],textarea,select {width: 100%;padding: 12px;border: 2px solid #e0e0e0;border-radius: 6px;font-size: 16px;transition: border-color 0.3s;font-family: inherit;}
input[type="text"]:focus,input[type="number"]:focus,textarea:focus,select:focus {outline: none;border-color: #667eea;}
textarea {resize: vertical;min-height: 120px;}
.inline-group {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
.checkbox-group {margin: 15px 0;}
.checkbox-group label {display: inline-flex;align-items: center;font-weight: normal;cursor: pointer;margin-right: 20px;}
.checkbox-group input[type="checkbox"] {margin-right: 8px;width: 18px;height: 18px;cursor: pointer;}
button, .btn {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border: none;padding: 14px 30px;border-radius: 6px;font-size: 16px;font-weight: 600;cursor: pointer;transition: transform 0.2s;text-decoration: none;display: inline-block;}
button:hover, .btn:hover {transform: translateY(-2px);}
.info-box {background: #e8f4f8;border-left: 4px solid #2196F3;padding: 15px 20px;margin-bottom: 25px;border-radius: 4px;}
.warning-box {background: #fff3cd;border-left: 4px solid #ffc107;padding: 15px 20px;margin-bottom: 25px;border-radius: 4px;color: #856404;}
.error-box {background: #f8d7da;border-left: 4px solid #dc3545;padding: 15px 20px;margin-bottom: 25px;border-radius: 4px;color: #721c24;}
.success-box {background: #d4edda;border-left: 4px solid #28a745;padding: 15px 20px;margin-bottom: 25px;border-radius: 4px;color: #155724;}
.result-box {margin-top: 30px;background: #f8f9fa;border-radius: 8px;padding: 25px;}
.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;margin: 20px 0;}
.stat-card {background: white;padding: 20px;border-radius: 8px;border-left: 4px solid #667eea;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.stat-label {color: #666;font-size: 12px;text-transform: uppercase;margin-bottom: 8px;font-weight: 600;}
.stat-value {color: #333;font-size: 28px;font-weight: 700;}
.stat-unit {color: #999;font-size: 16px;font-weight: normal;}
table {width: 100%;border-collapse: collapse;margin: 20px 0;background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
th {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 15px;text-align: left;font-weight: 600;}
td {padding: 12px 15px;border-bottom: 1px solid #eee;}
tr:last-child td {border-bottom: none;}
tr:hover {background: #f8f9fa;}
.code-block, pre {background: #1e1e1e;color: #d4d4d4;padding: 20px;border-radius: 8px;overflow-x: auto;font-family: "Courier New", Consolas, monospace;font-size: 14px;line-height: 1.6;margin: 20px 0;}
code {background: #f4f4f4;padding: 2px 6px;border-radius: 3px;font-family: "Courier New", Consolas, monospace;font-size: 0.9em;}
.success {color: #28a745;font-weight: 600;}
.warning {color: #ffc107;font-weight: 600;}
.danger {color: #dc3545;font-weight: 600;}
.info {color: #2196F3;font-weight: 600;}
.site-footer {text-align: center;padding: 30px 20px 20px;color: #666;margin-top: 40px;border-top: 2px solid #eee;}
.site-footer p {margin: 5px 0;}

/* Header-Analyse & Connection Test spezifische Styles */
.response-item {background: white;padding: 10px 15px;margin-bottom: 8px;border-radius: 6px;border-left: 3px solid #28a745;font-family: monospace;font-size: 14px;}
.response-item.failed {border-left-color: #dc3545;opacity: 0.7;}
.port-info {background: #e3f2fd;padding: 15px;border-radius: 6px;margin: 15px 0;}
.dns-info {background: white;padding: 20px;border-radius: 6px;margin-top: 20px;}
.dns-section {margin-bottom: 15px;}
.dns-section strong {color: #667eea;}
.dns-list {margin-top: 5px;padding-left: 20px;list-style: disc;}
.dns-list li {margin-bottom: 5px;color: #555;}

details {margin: 10px 0;padding: 10px;background: #f8f9fa;border-radius: 4px;}
summary {cursor: pointer;font-weight: 600;color: #667eea;}
summary:hover {opacity: 0.8;}

@media (max-width: 768px) {
.container {padding: 20px;}
.site-header {flex-direction: column;padding: 20px;margin: -20px -20px 20px -20px;text-align: center;}
.site-nav {margin-top: 15px;justify-content: center;}
.inline-group {grid-template-columns: 1fr;}
.stats-grid {grid-template-columns: 1fr;}
h1 {font-size: 1.8em;}
table {font-size: 14px;}
th, td {padding: 10px;}
}