Update300820252359

assets/scss/custom.scss

@@ -445,10 +445,6 @@ section {
   }
 }
 
-.mehrwert-icon {
-  filter: invert(74%) sepia(39%) saturate(2198%) hue-rotate(344deg) brightness(101%) contrast(92%);
-}
-
 /* ========== Gründerteam & Intro-Text ========== */
 .container-fluid {
   max-width: 100%;
@@ -649,21 +645,22 @@ body {
   display:flex;
   align-items:center;
   justify-content:center;
-  gap:clamp(1.25rem, 3vw, 3.5rem);
-  flex-wrap:wrap;                         /* bricht sauber um */
-  margin-top:clamp(4rem, 4vw, 6rem);
+  gap:clamp(1rem, 3vw, 3rem);  /* etwas enger */
+  flex-wrap:wrap;
+  margin-top:clamp(3rem, 3vw, 5rem); /* kompakter */
 }
 
 .aff-group{
   display:flex;
   align-items:center;
-  gap:clamp(.75rem, 2vw, 1.25rem);
+  justify-content:center;
+  gap:clamp(.5rem, 1.5vw, 1rem);
 }
 
 /* Linker Block (Ingenieurbüros etc.) */
 .aff-caption{
   margin:0 0 .5rem 0;
-  font-size:clamp(.9rem, 1.2vw, 1rem);
+  font-size:clamp(.85rem, 1vw, .95rem);
   color:#6b7280;
   text-align:left;
 }
@@ -671,37 +668,32 @@ body {
 .aff-logos{
   display:flex;
   align-items:center;
-  gap:clamp(.5rem, 1.2vw, 1rem);
+  gap:clamp(.5rem, 1vw, .75rem);
   flex-wrap:wrap;
 }
 
-.aff-logos img{
-  max-height:clamp(100px, 3.2vw, 180px);
+/* Beide Logos gleich groß machen */
+.aff-logos img,
+.aff-right .aff-pva-logo{
+  height:120px;       /* Desktop-Höhe */
   width:auto;
-  height:auto;
   display:block;
+  object-fit:contain;
 }
 
-/* Rechter Block: Nur Logo (klickbar) */
+/* Rechter Block: Nur Logo */
 .aff-right{
-  display:flex;                 /* zentriert das Logo im Link */
+  display:flex;
   align-items:center;
   justify-content:center;
   text-decoration:none;
   color:inherit;
 }
 
-.aff-right .aff-pva-logo{
-  max-height:clamp(60px, 6vw, 120px);  /* Logo-Größe hier steuern */
-  width:auto;
-  height:auto;
-  display:block;
-}
-
 /* Dezente Trennlinie zwischen links/rechts (nur Desktop) */
 @media (min-width: 900px){
   .aff-right{
-    padding-left:clamp(1rem, 2.5vw, 3rem);
+    padding-left:clamp(0.75rem, 2vw, 2rem);
     border-left:1px solid #e5e7eb;
   }
 }
@@ -714,6 +706,15 @@ body {
   }
 }
 
+/* Mobile-Optimierung für sehr kleine Screens */
+@media (max-width: 480px){
+  .aff-logos img,
+  .aff-right .aff-pva-logo{
+    height:60px;  /* kleinere Höhe auf Handy */
+    width:auto;
+  }
+}
+
 /* Fokus-Style für Tastaturbedienung */
 .aff-right:focus-visible{
   outline:2px dashed var(--amp-accent);
@@ -722,6 +723,7 @@ body {
 
 
 
+
 /* ========================================
    CTA SECTION - HYBRID DESIGN
    ======================================== */