Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen

Vorlage:Unternehmen-Entwickler/style.css (Quelltext anzeigen)

Version vom 17. März 2024, 12:44 Uhr

648 Bytes entfernt , 17 März

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

20.745

Bearbeitungen

@@ Zeile 11: / Zeile 11: @@
      padding: 1.4em;}
-/* Grid-Container für Logo und Bild */
+/* Grid-Container f. Logo & Bild */
 .logo-bild-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr); /* 12-Spalten-Grid für detaillierte Kontrolle */
      grid-template-rows: repeat(20, minmax(5px, auto)); /* Viele kleine Zeileneinheiten für das Logo und Bild */
-     width: 100%; /* Container nimmt volle Breite ein */
+     width: 100%; /* Container nimmt volle Breite ein */}
-}
 /* Stil für das Logo */
 .logo {
-     grid-column: 1 / -1; /* Logo nimmt alle Spalten ein, aber mit max-width begrenzt */
+    padding: 6px;
-     grid-row: 1 / 6; /* Logo beginnt in der ersten Zeile und erstreckt sich über einige Zeilen */
+    background: #fff;
-     max-width: 85%; /* Beschränkt die Breite des Logos auf maximal 85% */
+    display: flex;
-     max-height: 110px; /* Beschränkt die Höhe des Logos auf maximal 110px */
+     grid-row: 1/5;
-     z-index: 2; /* Stellt sicher, dass das Logo über dem Bild liegt */
+    justify-content: center;
-     /* Weitere Logo-Stile nach Bedarf */
+    align-items: center;
-}
+    box-sizing: content-box;
+    border-radius: 6px;
+    background: #fff;
+     box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25);
+     max-width: max-content;
+     text-align: center;
+     z-index: 2;}
+.logo img {
+     max-height: 100px;
+    width: auto;
+    display: inline;}
 /* Stil für den Bild-Container */
 .bild {
-     grid-column: 1 / -1; /* Bild erstreckt sich über alle Spalten */
+     grid-column: 2 / -1; /* Bild erstreckt sich über Spalte 2 bis Ende */
-     grid-row: 5 / -1; /* Bild beginnt in einer Zeile, die sich mit dem Logo überschneidet */
+     grid-row: 4 / -1; /* Bild beginnt in einer Zeile, die sich mit dem Logo überschneidet */
-     width: 100%; /* Nimmt die volle Breite ein */
+     width: 100%; /* Nimmt die volle Breite ein */}
-}
 /* Stil für das Bild */
 .bild img {
      width: 100%; /* Bild nimmt volle Breite ein */
+    height: auto;
+    margin-bottom: 1.2em;
      height: auto; /* Höhe passt sich dem Seitenverhältnis des Bildes an */
-     /* Weitere Bild-Stile nach Bedarf */
+     border-radius: 6px;}
-}
 /* Aspekt-Gruppen */
@@ Zeile 139: / Zeile 149: @@
      margin-bottom: 0.8em;
      display: block;}
-.infobox .logo{
-    max-width: 85%;
-    background: #fff;
-    padding: 6px;
-    border-radius: 6px;
-    margin-bottom: 1.6em;
-    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25);}
-.infobox .logo img{
-    display: block;
-    object-fit: contain;
-    width: auto;
-    max-width: 100%;
-    max-height: 110px;
-    height: auto !important;
-    margin-left: auto;
-    margin-right: auto;}
 .nocorner img{
@@ Zeile 181: / Zeile 173: @@
      position: absolute;
      z-index: 2;}
-.infobox .bild img{
-    width: 100%;
-    border-radius: 6px;
-    height: auto !important;
-    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25);
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 1.2em;
-    display: block;}
 .infobox .strassenbild p{