21.058
Bearbeitungen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 11: | Zeile 11: | ||
padding: 1.4em;} | padding: 1.4em;} | ||
/* Container für Logo und Bild | /* Grid-Container für Logo und Bild */ | ||
.logo-bild-container { | |||
display: grid; | display: grid; | ||
grid-template-rows: auto 20px 1fr; /* Drei Zeilen: für Logo, Abstand, und Bild */ | |||
position: relative; /* | width: 100%; | ||
position: relative; /* Ermöglicht die Überlagerung des Logos über das Bild */ | |||
} | } | ||
/* Stil für das Logo */ | /* Stil für das Logo */ | ||
.logo { | |||
grid-row: 1 / 3; /* Logo beginnt in der ersten Zeile und erstreckt sich bis in die zweite */ | |||
z-index: 2; /* Stellt sicher, dass das Logo über dem Bild liegt */ | z-index: 2; /* Stellt sicher, dass das Logo über dem Bild liegt */ | ||
/* | /* Stellen Sie sicher, dass das Logo-Element sich der Größe des Logos anpasst */ | ||
} | } | ||
/* Bild-Container */ | /* Stil für den Bild-Container */ | ||
.bild { | |||
grid-row: | grid-row: 2 / 4; /* Bild beginnt in der zweiten Zeile und erstreckt sich nach unten */ | ||
width: 100%; /* | width: 100%; /* Nimmt die volle Breite ein */ | ||
/* | /* Weitere Bild-Stile nach Bedarf */ | ||
} | } | ||
/* Stil für das Bild */ | |||
.bild img { | .bild img { | ||
width: 100%; /* Bild nimmt volle Breite | width: 100%; /* Bild nimmt volle Breite ein */ | ||
position: relative; /* Ermöglicht feine Positionierung innerhalb des Containers */ | |||
/* | top: -20px; /* Verschiebt das Bild nach oben, unter das Logo */ | ||
/* Weitere Bild-Stile nach Bedarf */ | |||
} | } | ||