Impressum - MUSKELIMPULS * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; } .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } header { text-align: center; border-bottom: 3px solid #000; padding-bottom: 30px; margin-bottom: 40px; } header h1 { font-size: 32px; font-weight: 700; margin-bottom: 10px; color: #000; } header p { font-size: 14px; color: #666; } .toc { background-color: #f0f0f0; padding: 20px; margin-bottom: 40px; border-left: 4px solid #000; } .toc h2 { font-size: 18px; margin-bottom: 15px; color: #000; } .toc ol { margin-left: 20px; } .toc li { margin-bottom: 8px; font-size: 14px; } .toc a { color: #0066cc; text-decoration: none; } .toc a:hover { text-decoration: underline; } section { margin-bottom: 40px; } section h2 { font-size: 22px; font-weight: 700; color: #000; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e0e0e0; } section h3 { font-size: 18px; font-weight: 600; color: #000; margin-top: 25px; margin-bottom: 15px; } section p { margin-bottom: 15px; text-align: justify; font-size: 15px; line-height: 1.8; } section ul, section ol { margin-left: 30px; margin-bottom: 15px; } section li { margin-bottom: 12px; font-size: 15px; } .contact-box { background-color: #f5f5f5; padding: 25px; border: 1px solid #ddd; margin: 20px 0; border-radius: 5px; } .contact-box h3 { font-size: 18px; margin-bottom: 15px; color: #000; border-bottom: 2px solid #0066cc; padding-bottom: 10px; } .contact-box p { margin-bottom: 10px; font-size: 15px; } .contact-box strong { font-weight: 600; color: #000; } .contact-box a { color: #0066cc; text-decoration: none; } .contact-box a:hover { text-decoration: underline; } .info-box { background-color: #e7f3ff; padding: 20px; border-left: 4px solid #0066cc; margin: 20px 0; font-size: 14px; border-radius: 5px; } .highlight { background-color: #fff3cd; padding: 20px; border-left: 4px solid #ffc107; margin: 20px 0; font-size: 14px; border-radius: 5px; } .warning { background-color: #f8d7da; padding: 20px; border-left: 4px solid #dc3545; margin: 20px 0; font-size: 14px; color: #721c24; border-radius: 5px; } .success { background-color: #d4edda; padding: 20px; border-left: 4px solid #28a745; margin: 20px 0; font-size: 14px; color: #155724; border-radius: 5px; } .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; } .info-grid-item { background-color: #f9f9f9; padding: 20px; border: 1px solid #ddd; border-radius: 5px; } .info-grid-item h4 { font-size: 16px; margin-bottom: 12px; color: #000; font-weight: 600; } .info-grid-item p { margin: 0; font-size: 14px; line-height: 1.6; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } table thead { background-color: #f0f0f0; } table th { padding: 12px; text-align: left; font-weight: 600; border: 1px solid #ddd; } table td { padding: 12px; border: 1px solid #ddd; } table tbody tr:nth-child(even) { background-color: #f9f9f9; } a { color: #0066cc; text-decoration: none; } a:hover { text-decoration: underline; } .uppercase { text-transform: uppercase; font-weight: 700; } .faq-item { margin-bottom: 20px; padding: 15px; background-color: #f9f9f9; border-radius: 5px; border-left: 4px solid #0066cc; } .faq-item strong { color: #000; display: block; margin-bottom: 8px; } footer { text-align: center; padding-top: 30px; border-top: 2px solid #e0e0e0; margin-top: 40px; font-size: 13px; color: #666; } .legal-notice { background-color: #fff9e6; padding: 20px; border-left: 4px solid #ffc107; margin: 20px 0; border-radius: 5px; font-size: 13px; } .legal-notice strong { color: #cc8800; } .tmg-section { background-color: #f5f5f5; padding: 25px; border: 2px solid #000; margin: 20px 0; border-radius: 5px; } .tmg-section h3 { margin-top: 0; font-size: 16px; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 15px; } .tmg-row { margin-bottom: 12px; display: flex; gap: 30px; } .tmg-label { font-weight: 600; min-width: 200px; color: #000; } .tmg-value { flex: 1; color: #333; } .todo-field { background-color: #ffe6e6; padding: 8px 12px; border-left: 3px solid #dc3545; font-style: italic; color: #721c24; } @media (max-width: 768px) { .container { padding: 20px; } header h1 { font-size: 24px; } section h2 { font-size: 20px; } section h3 { font-size: 16px; } section p, section li { font-size: 14px; } .info-grid { grid-template-columns: 1fr; } table { font-size: 13px; } table th, table td { padding: 8px; } .tmg-row { flex-direction: column; gap: 5px; } .tmg-label { min-width: 100%; } }