kommentarfunktion und nächster admin button fix

app/static/style.css

@@ -45,38 +45,40 @@ a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-height: 42px;
-    padding: 10px 16px;
-    color: #ffffff;
-    border: 0;
-    border-radius: 10px;
+    padding: 10px 14px;
+    background: #161b22;
+    border: 1px solid #3d4856;
+    border-radius: 9px;
+    color: #e6edf3;
     font: inherit;
     font-weight: bold;
-    line-height: 1;
     text-decoration: none;
     cursor: pointer;
-    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
+    transition: background 0.15s ease, border-color 0.15s ease;
 }
 
 .concert-action:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25);
+    border-color: #58a6ff;
+    background: #1b3554;
 }
 
 .concert-action-edit {
-    background: #238636;
+    border-color: #58a6ff;
+    background: #1b3554;
 }
 
 .concert-action-edit:hover {
-    background: #2ea043;
+    background: #24476d;
 }
 
 .concert-action-delete {
-    background: #b42318;
+    border-color: #9f3a38;
+    background: #321617;
 }
 
 .concert-action-delete:hover {
-    background: #dc2626;
+    border-color: #f87171;
+    background: #4b1d20;
 }
 
 .concert-detail {
@@ -252,6 +254,95 @@ a {
     padding-left: 22px;
 }
 
+.attendance-groups {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 16px;
+    margin-top: 14px;
+}
+
+.attendance-groups h3 {
+    margin: 0;
+    font-size: 1rem;
+    color: #e6edf3;
+}
+
+.attendance-groups p {
+    margin-bottom: 0;
+}
+
+.comments-section {
+    margin-top: 35px;
+    padding: 25px;
+    background: #0d1117;
+    border: 1px solid #30363d;
+    border-radius: 12px;
+}
+
+.comments-section h2 {
+    margin-top: 0;
+}
+
+.comment-form {
+    margin: 0;
+}
+
+.comment-form label {
+    display: block;
+    color: #b8c1cc;
+    margin-bottom: 8px;
+}
+
+.comment-form textarea {
+    width: 100%;
+    padding: 12px;
+    resize: vertical;
+    background: #161b22;
+    border: 1px solid #3d4856;
+    border-radius: 9px;
+    color: #e6edf3;
+    font: inherit;
+}
+
+.comment-submit {
+    margin-top: 10px;
+}
+
+.comment-list {
+    display: grid;
+    gap: 12px;
+    margin-top: 22px;
+}
+
+.comment {
+    padding: 16px;
+    background: #161b22;
+    border: 1px solid #30363d;
+    border-radius: 10px;
+}
+
+.comment-meta {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    color: #b8c1cc;
+}
+
+.comment-meta span {
+    font-size: 0.9rem;
+}
+
+.comment p {
+    margin: 10px 0 0;
+    line-height: 1.55;
+    white-space: pre-wrap;
+}
+
+.comments-empty {
+    margin-bottom: 0;
+    color: #8b949e;
+}
+
 @media (max-width: 600px) {
 
     .container {