Sponsors

en/index.html

@@ -49,7 +49,7 @@
       <!-- Box Event -->
       <div class="box" id="start">
         <h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2>
-        <p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüssen" (Encrypt Free Spaces). On this
+        <p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüsseln" (Encrypt Free Spaces). On this
           and many other topics around digital freedom, data protection, net politics, and technology, there will be talks,
           workshops, and discussions. Beyond that, TDF offers space for networking, exchange, and creativity.
         </p>
@@ -123,9 +123,14 @@
       <div class="box" id="sponsor">
         <h3>Our Sponsors</h3>
         <div class="sponsor-logos">
-          <a href="https://www.coworkgroup.de/" target="_blank">
-            <img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
-          </a>
+          <img src="../logo/logo-active-group.png" alt="Active Group" loading="lazy">
+          <img src="../logo/logo-coworkgroupde.jpg" alt="Cowork Group" loading="lazy">
+          <img src="../logo/logo-daasi.png" alt="DAASI International" loading="lazy">
+          <img src="../logo/logo-eszet.png" alt="eszet" loading="lazy">
+          <img src="../logo/logo-itdesign.png" alt="itdesign" loading="lazy">
+          <img src="../logo/logo-puzzle.png" alt="Puzzle ITC" loading="lazy">
+          <img src="../logo/logo-sodge.png" alt="SODGE" loading="lazy">
+          <img src="../logo/logo-syss.png" alt="SySS" loading="lazy">
         </div>
         <p>Would you like to support TDF financially or in other ways, or know someone who might?
           Write to us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>

index.html

@@ -127,9 +127,14 @@
       <div class="box" id="sponsor">
         <h3>Unsere Sponsoren</h3>
         <div class="sponsor-logos">
-          <a href="https://www.coworkgroup.de/" target="_blank">
-            <img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
-          </a>
+          <img src="logo/logo-active-group.png" alt="Active Group" loading="lazy">
+          <img src="logo/logo-coworkgroupde.jpg" alt="Cowork Group" loading="lazy">
+          <img src="logo/logo-daasi.png" alt="DAASI International" loading="lazy">
+          <img src="logo/logo-eszet.png" alt="eszet" loading="lazy">
+          <img src="logo/logo-itdesign.png" alt="itdesign" loading="lazy">
+          <img src="logo/logo-puzzle.png" alt="Puzzle ITC" loading="lazy">
+          <img src="logo/logo-sodge.png" alt="SODGE" loading="lazy">
+          <img src="logo/logo-syss.png" alt="SySS" loading="lazy">
         </div>
         <p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in
           Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>

styles-5.0.css

@@ -274,28 +274,26 @@ b {
  * Sponsor Logos
  **/
 .sponsor-logos {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 4em;
-	list-style: none;
-	padding: 2em;
+	display: grid;
+	grid-template-columns: repeat(4, minmax(0, 1fr));
+	gap: 2em;
+	padding: 1.5em 0;
 	margin: 0;
 	align-items: center;
-	justify-content: center;
-	background-color: #f8f8f8;
-	border-radius: 8px;
+	justify-items: center;
 }
 
-.sponsor-logos li {
-	list-style: none !important;
-	flex: 0 0 calc(33.333% - 10em);
-	display: flex;
-	justify-content: center;
-	align-items: center;
+.sponsor-logos img {
+	max-width: 100%;
+	max-height: 70px;
+	width: auto;
+	height: auto;
 }
 
-.sponsor-logos img {
-	height: 60px;
+@media (max-width: 800px) {
+	.sponsor-logos {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
 }