layout

output/css/style.css

@@ -138,6 +138,24 @@ main div.sec0 {
     margin-left: 0;
 }
 
+/* ---- Bilder ---- */
+
+img {
+    display: block;          /* Text startet immer unter dem Bild */
+    max-width: 500px;        /* Desktop: maximal 500px breit */
+    height: auto;
+    border: 1px solid #333333;   /* dunkelgrauer Rand */
+    margin: .8rem 0;
+}
+
+/* Smartphone: Bild ueber die volle Breite */
+@media (max-width: 600px) {
+    img {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+
 /* ---- Anker-Navigation im Header (Links auf die Ueberschriften) ---- */
 
 .anker-nav {
@@ -215,6 +233,28 @@ hr {
     margin: 1.5rem 0;
 }
 
+/* ---- Tabellen ---- */
+
+table {
+    border-collapse: collapse;
+    margin: 1rem 0;
+}
+
+th, td {
+    border: 1px solid var(--border);
+    padding: .4rem .8rem;
+    text-align: left;
+}
+
+th {
+    color: var(--heading);
+    background: #141414;
+}
+
+td {
+    color: var(--text);
+}
+
 /* ---- Code ---- */
 
 code {

output/index.html

@@ -31,7 +31,7 @@
 <p>Die nächsten Termine für den Herbst/Winter 2026 werden aktuell geplant:</p>
 <div class="sec">
 <h2 id="hfg-linux-usergroup-date-1-music">hfg_linux_usergroup_date_1_music</h2>
-<p>Platzhalter inhalt, um was geht es hier. Test für den upload.</p>
+<p>Platzhalter inhalt, um was geht es hier.</p>
 </div>
 <div class="sec">
 <h2 id="hfg-linux-usergroup-date-2-image-editing">hfg_linux_usergroup_date_2_image-editing</h2>
@@ -56,7 +56,7 @@
 </div>
 <div class="sec0">
 <h1 id="das-hfg-os">Das hfg_OS_</h1>
-<p>Das hfg_OS ist ein auf Debian 13 (Trixie) basierendes, Linux-basiertes Betriebssystem. Es wurde speziell für die Bedürfnisse von Künstler:innen und Designer:innen angepasst und wird kontinuierlich weiterentwickelt.</p>
+<p><img src="images/hfg_os_background_1_fullhd.jpg" alt="hfg_os_background_1_fullhd"> Das hfg_OS ist ein auf Debian 13 (Trixie) basierendes, Linux-basiertes Betriebssystem. Es wurde speziell für die Bedürfnisse von Künstler:innen und Designer:innen angepasst und wird kontinuierlich weiterentwickelt.</p>
 <p>Bald verfügbar: hfg_OS_Falbella-2026-10</p>
 </div>
   </main>