Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| tippsfaechergruppen [02/12/2025 18:34] – Till-Niels.Gades@bbz-rd-eck.de | tippsfaechergruppen [02/12/2025 21:17] (aktuell) – Till-Niels.Gades@bbz-rd-eck.de | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | <!DOCTYPE | + | < |
| - | <html lang=" | + | |
| < | < | ||
| <meta charset=" | <meta charset=" | ||
| Zeile 15: | Zeile 14: | ||
| font-family: | font-family: | ||
| line-height: | line-height: | ||
| - | color: #6b7280; | + | color: #333333; |
| background: linear-gradient(135deg, | background: linear-gradient(135deg, | ||
| min-height: 100vh; | min-height: 100vh; | ||
| Zeile 28: | Zeile 27: | ||
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | ||
| overflow: hidden; | overflow: hidden; | ||
| + | color: #333333; | ||
| } | } | ||
| Zeile 41: | Zeile 41: | ||
| margin-bottom: | margin-bottom: | ||
| font-weight: | font-weight: | ||
| + | color: white; | ||
| } | } | ||
| .content { | .content { | ||
| padding: 30px; | padding: 30px; | ||
| + | color: #333333; | ||
| } | } | ||
| h2 { | h2 { | ||
| - | color: #9ca3af; | + | color: #333333; |
| margin: 30px 0 20px 0; | margin: 30px 0 20px 0; | ||
| font-size: 1.8rem; | font-size: 1.8rem; | ||
| Zeile 56: | Zeile 58: | ||
| h3 { | h3 { | ||
| - | color: #a1a1aa; | + | color: #333333; |
| margin: 25px 0 15px 0; | margin: 25px 0 15px 0; | ||
| font-size: 1.3rem; | font-size: 1.3rem; | ||
| Zeile 63: | Zeile 65: | ||
| .description { | .description { | ||
| font-style: italic; | font-style: italic; | ||
| - | color: #a8a29e; | + | color: #333333; |
| margin-bottom: | margin-bottom: | ||
| } | } | ||
| Zeile 94: | Zeile 96: | ||
| border-bottom: | border-bottom: | ||
| vertical-align: | vertical-align: | ||
| + | color: #333333; | ||
| } | } | ||
| Zeile 106: | Zeile 109: | ||
| .team-link, .subject-link { | .team-link, .subject-link { | ||
| - | display: inline-block; | + | display: inline-flex; |
| - | padding: | + | align-items: |
| - | margin: 4px; | + | justify-content: |
| + | padding: | ||
| + | margin: 4px auto; | ||
| text-decoration: | text-decoration: | ||
| background: linear-gradient(135deg, | background: linear-gradient(135deg, | ||
| Zeile 117: | Zeile 122: | ||
| transition: all 0.3s ease; | transition: all 0.3s ease; | ||
| box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3); | box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3); | ||
| + | width: 180px; | ||
| + | height: 45px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: | ||
| + | white-space: | ||
| } | } | ||
| Zeile 131: | Zeile 141: | ||
| .multi-link-cell { | .multi-link-cell { | ||
| line-height: | line-height: | ||
| + | color: #333333; | ||
| + | text-align: center; | ||
| } | } | ||
| Zeile 139: | Zeile 151: | ||
| margin: 25px 0; | margin: 25px 0; | ||
| border-radius: | border-radius: | ||
| + | color: #333333; | ||
| } | } | ||
| Zeile 144: | Zeile 157: | ||
| margin-bottom: | margin-bottom: | ||
| text-align: justify; | text-align: justify; | ||
| + | color: #333333; | ||
| } | } | ||
| Zeile 151: | Zeile 165: | ||
| border-radius: | border-radius: | ||
| font-weight: | font-weight: | ||
| + | color: #000000; | ||
| } | } | ||
| Zeile 156: | Zeile 171: | ||
| text-align: right; | text-align: right; | ||
| font-style: italic; | font-style: italic; | ||
| - | color: #a8a29e; | + | color: #333333; |
| margin-top: 20px; | margin-top: 20px; | ||
| padding-top: | padding-top: | ||
| Zeile 184: | Zeile 199: | ||
| .team-link, .subject-link { | .team-link, .subject-link { | ||
| - | | + | |
| + | height: 40px; | ||
| font-size: 0.8rem; | font-size: 0.8rem; | ||
| + | padding: 8px 12px; | ||
| } | } | ||
| } | } | ||
| Zeile 198: | Zeile 215: | ||
| <div class=" | <div class=" | ||
| < | < | ||
| + | <div class=" | ||
| + | < | ||
| + | </ | ||
| <p class=" | <p class=" | ||
| Zeile 325: | Zeile 345: | ||
| < | < | ||
| - | <p class=" | ||
| - | |||
| - | <div class=" | ||
| - | < | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | < | ||
| - | < | ||
| - | <meta charset=" | ||
| - | <meta name=" | ||
| - | < | ||
| - | < | ||
| - | * { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | body { | ||
| - | font-family: | ||
| - | line-height: | ||
| - | color: #555; | ||
| - | background: linear-gradient(135deg, | ||
| - | min-height: 100vh; | ||
| - | padding: 20px; | ||
| - | } | ||
| - | |||
| - | .container { | ||
| - | max-width: 1200px; | ||
| - | margin: 0 auto; | ||
| - | background: white; | ||
| - | border-radius: | ||
| - | box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | .header { | ||
| - | background: linear-gradient(135deg, | ||
| - | color: white; | ||
| - | padding: 30px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .header h1 { | ||
| - | font-size: 2.5rem; | ||
| - | margin-bottom: | ||
| - | font-weight: | ||
| - | } | ||
| - | |||
| - | .content { | ||
| - | padding: 30px; | ||
| - | } | ||
| - | |||
| - | h2 { | ||
| - | color: #6b7280; | ||
| - | margin: 30px 0 20px 0; | ||
| - | font-size: 1.8rem; | ||
| - | border-bottom: | ||
| - | padding-bottom: | ||
| - | } | ||
| - | |||
| - | h3 { | ||
| - | color: #7c3aed; | ||
| - | margin: 25px 0 15px 0; | ||
| - | font-size: 1.3rem; | ||
| - | } | ||
| - | |||
| - | .description { | ||
| - | font-style: italic; | ||
| - | color: #777; | ||
| - | margin-bottom: | ||
| - | } | ||
| - | |||
| - | .table-container { | ||
| - | overflow-x: auto; | ||
| - | margin: 20px 0; | ||
| - | border-radius: | ||
| - | box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); | ||
| - | } | ||
| - | |||
| - | table { | ||
| - | width: 100%; | ||
| - | border-collapse: | ||
| - | background: white; | ||
| - | } | ||
| - | |||
| - | th { | ||
| - | background: linear-gradient(135deg, | ||
| - | color: white; | ||
| - | padding: 15px 10px; | ||
| - | text-align: center; | ||
| - | font-weight: | ||
| - | font-size: 0.95rem; | ||
| - | } | ||
| - | |||
| - | td { | ||
| - | padding: 12px 10px; | ||
| - | text-align: center; | ||
| - | border-bottom: | ||
| - | vertical-align: | ||
| - | } | ||
| - | |||
| - | tr: | ||
| - | background-color: | ||
| - | } | ||
| - | |||
| - | tr:hover { | ||
| - | background-color: | ||
| - | transition: background-color 0.3s ease; | ||
| - | } | ||
| - | |||
| - | .team-link, .subject-link { | ||
| - | display: inline-block; | ||
| - | padding: 8px 16px; | ||
| - | margin: 4px; | ||
| - | text-decoration: | ||
| - | background: linear-gradient(135deg, | ||
| - | color: white; | ||
| - | border-radius: | ||
| - | font-weight: | ||
| - | font-size: 0.9rem; | ||
| - | transition: all 0.3s ease; | ||
| - | box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3); | ||
| - | } | ||
| - | |||
| - | .team-link: | ||
| - | transform: translateY(-2px); | ||
| - | box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4); | ||
| - | background: linear-gradient(135deg, | ||
| - | } | ||
| - | |||
| - | .team-link: | ||
| - | transform: translateY(0); | ||
| - | } | ||
| - | |||
| - | .multi-link-cell { | ||
| - | line-height: | ||
| - | } | ||
| - | |||
| - | .info-section { | ||
| - | background: #f7fafc; | ||
| - | border-left: | ||
| - | padding: 20px; | ||
| - | margin: 25px 0; | ||
| - | border-radius: | ||
| - | } | ||
| - | |||
| - | .info-section p { | ||
| - | margin-bottom: | ||
| - | text-align: justify; | ||
| - | } | ||
| - | |||
| - | .highlight { | ||
| - | background: linear-gradient(120deg, | ||
| - | padding: 2px 6px; | ||
| - | border-radius: | ||
| - | font-weight: | ||
| - | } | ||
| - | |||
| - | .source { | ||
| - | text-align: right; | ||
| - | font-style: italic; | ||
| - | color: #777; | ||
| - | margin-top: 20px; | ||
| - | padding-top: | ||
| - | border-top: 1px solid #e2e8f0; | ||
| - | } | ||
| - | |||
| - | .separator { | ||
| - | height: 3px; | ||
| - | background: linear-gradient(90deg, | ||
| - | margin: 40px 0; | ||
| - | border-radius: | ||
| - | } | ||
| - | |||
| - | @media (max-width: 768px) { | ||
| - | .header h1 { | ||
| - | font-size: 2rem; | ||
| - | } | ||
| - | |||
| - | .content { | ||
| - | padding: 20px; | ||
| - | } | ||
| - | |||
| - | th, td { | ||
| - | padding: 8px 5px; | ||
| - | font-size: 0.85rem; | ||
| - | } | ||
| - | |||
| - | .team-link, .subject-link { | ||
| - | padding: 6px 12px; | ||
| - | font-size: 0.8rem; | ||
| - | } | ||
| - | } | ||
| - | </ | ||
| - | </ | ||
| - | < | ||
| - | <div class=" | ||
| - | <div class=" | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | < | ||
| - | <p class=" | ||
| - | |||
| - | <div class=" | ||
| - | < | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | <td> | ||
| - | <div class=" | ||
| - | <a href=" | ||
| - | <a href=" | ||
| - | <a href=" | ||
| - | <a href=" | ||
| - | </ | ||
| - | </td> | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | <td> | ||
| - | <div class=" | ||
| - | <a href=" | ||
| - | <a href=" | ||
| - | </ | ||
| - | </td> | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| <div class=" | <div class=" | ||
| - | <p>Jede Lehrkraft arbeitet aktiv als <span class=" | + | < |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | < | + | |
| </ | </ | ||
| - | |||
| - | <div class=" | ||
| - | |||
| - | <div class=" | ||
| - | |||
| - | < | ||
| <p class=" | <p class=" | ||