Berlin Logo entfernt da keine Rechte

src/main/resources/static/css/header.css

@@ -29,7 +29,7 @@
   border-bottom: 1px solid var(--grau-stark);
 }
 
-.kunde-logo {
+.kunde-info {
   width: auto;
   height: 50px;
   display: flex;
@@ -37,19 +37,40 @@
   justify-content: center;
 }
 
-.kunde-logo-container {
+.kunde-name-box {
   display: flex;
   align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
+  gap: 12px;
+  padding: 8px 16px;
+  background: var(--grau-hell);
+  border: 1px solid var(--grau-stark);
+  border-radius: 4px;
+  height: 50px;
+  min-width: 120px;
+}
+
+.kunde-name {
+  font-weight: bold;
+  font-size: 14px;
+  color: var(--schwarz);
+  flex: 1;
 }
 
-.kunde-logo-image {
-  max-width: auto;
-  max-height: 50px;
-  object-fit: contain;
+.kunde-logo-placeholder {
+  width: 30px;
+  height: 30px;
+  background: var(--diwo-blau);
   border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.kunde-logo-placeholder::after {
+  content: "🐻‍❄️";
+  font-size: 16px;
+  color: var(--weiss);
 }
 
 .diwo-title {

src/main/resources/templates/fragments/header.html

@@ -1,12 +1,14 @@
 <!-- Header Fragment für DIWO Vergleich -->
 <header class="diwo-header" role="banner" xmlns:th="http://www.thymeleaf.org" th:fragment="header">
     <div class="header-row-1">
-      <div class="kunde-logo">
-        <div th:if="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-logo-container">
-          <img th:src="@{'/images/' + ${#strings.toLowerCase(activeKunde)} + '.jpg'}" 
-               th:alt="${activeKunde != null and !#strings.isEmpty(activeKunde) ? activeKunde + ' Logo' : 'Kunden-Logo'}" 
-               class="kunde-logo-image"
-               th:onerror="'this.style.display=\\'none\\''"/>
+      <div class="kunde-info">
+        <div th:if="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-name-box">
+          <span class="kunde-name" th:text="${activeKunde}">Kunde</span>
+          <div class="kunde-logo-placeholder"></div>
+        </div>
+        <div th:unless="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-name-box">
+          <span class="kunde-name">Kunde</span>
+          <div class="kunde-logo-placeholder"></div>
         </div>
       </div>
       <div class="diwo-title">

src/main/resources/templates/prototype.html

@@ -64,12 +64,14 @@
     <!-- Light Header -->
     <header class="light-header">
         <div class="header-row-1">
-            <div class="kunde-logo">
-                <div th:if="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-logo-container">
-                    <img th:src="@{'/images/' + ${#strings.toLowerCase(activeKunde)} + '.jpg'}" 
-                         th:alt="${activeKunde != null and !#strings.isEmpty(activeKunde) ? activeKunde + ' Logo' : 'Kunden-Logo'}" 
-                         class="kunde-logo-image"
-                         th:onerror="'this.style.display=\\'none\\''"/>
+            <div class="kunde-info">
+                <div th:if="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-name-box">
+                    <span class="kunde-name" th:text="${activeKunde}">Kunde</span>
+                    <div class="kunde-logo-placeholder"></div>
+                </div>
+                <div th:unless="${activeKunde != null and !#strings.isEmpty(activeKunde)}" class="kunde-name-box">
+                    <span class="kunde-name">Kunde</span>
+                    <div class="kunde-logo-placeholder"></div>
                 </div>
             </div>
             <div class="page-title" role="heading" aria-level="2" th:text="${pageTitle ?: 'Vergleich'}">Prototyp</div>