20.737
Bearbeitungen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 88: | Zeile 88: | ||
.infobox .title{ | .infobox .title{ | ||
grid-column: 1 / span 12; /* Passt die Position und Breite der Überschrift an */ | |||
grid-row: 1 / 3; /* Legt die Zeilen fest, über die sich die Überschrift erstreckt */ | |||
z-index: 2; /* Stellt sicher, dass die Überschrift über dem Bild liegt */ | |||
display: flex; /* Verwendet Flexbox für die Zentrierung des Inhalts */ | |||
justify-content: center; /* Zentriert den Inhalt horizontal */ | |||
background: #fff; | align-items: center; /* Zentriert den Inhalt vertikal */ | ||
background: #fff; /* Hintergrundfarbe der Überschrift */ | |||
padding: 0.5em 1em; /* Innerer Abstand */ | |||
border-radius: 6px; /* Abgerundete Ecken */ | |||
box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten für einen 3D-Effekt */ | |||
max-width: max-content; /* Passt die Breite des Elements an den Inhalt an */ | |||
height: max-content; /* Passt die Höhe des Elements an den Inhalt an */ | |||
font-size: 1.2em; | font-size: 1.2em; | ||
font-weight: bold | font-weight: bold;} | ||
.infobox .title-no-img{ | .infobox .title-no-img{ |