|
|
| Zeile 1: |
Zeile 1: |
| /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
| |
| .citizen-page-header__subtitle {
| |
| display: none;
| |
| }
| |
|
| |
| /* Versteckt die Bearbeitungs-Tools für nicht angemeldete Benutzer */ | | /* Versteckt die Bearbeitungs-Tools für nicht angemeldete Benutzer */ |
| .mw-editsection, | | .mw-editsection, |
| Zeile 12: |
Zeile 7: |
| .footer-info-lastmod { | | .footer-info-lastmod { |
| display: none; | | display: none; |
|
| |
| /* ================================================================*/
| |
| /* Footer anpassungen */
| |
| /* ================================================================*/
| |
|
| |
|
| |
| /* Hauptcontainer für das Footer-Layout */
| |
| .citizen-footer__siteinfo {
| |
| display: flex;
| |
| justify-content: space-between; /* Platz zwischen den Hauptgruppen aufteilen */
| |
| align-items: flex-start; /* Inhalte oben ausrichten */
| |
| padding: 10px 20px;
| |
| flex-wrap: wrap; /* Inhalte umbrechen, wenn der Platz nicht ausreicht */
| |
| }
| |
|
| |
| /* Stile für das Logo im Footer */
| |
| .footer-logo {
| |
| width: 125px;
| |
| height: 88px;
| |
| margin-right: 20px; /* Abstand zwischen Logo und Text */
| |
| flex-shrink: 0; /* Verhindert, dass das Logo skaliert wird */
| |
| }
| |
|
| |
| /* Container für Text und Links im Footer */
| |
| .footer-content {
| |
| display: flex;
| |
| flex-direction: column; /* Text und Links untereinander anordnen */
| |
| flex-grow: 1; /* Füllt den verfügbaren Platz aus */
| |
| }
| |
|
| |
| /* Stile für den Text im Footer */
| |
| .footer-text {
| |
| font-size: 14px;
| |
| color: #ccc;
| |
| margin-bottom: 10px; /* Abstand zwischen Text und Links */
| |
| }
| |
|
| |
| /* Container für die Links im Footer */
| |
| .footer-links {
| |
| display: flex;
| |
| flex-direction: column; /* Links untereinander anordnen */
| |
| align-items: flex-end; /* Rechts ausrichten */
| |
| }
| |
|
| |
| /* Stile für die Links im Footer */
| |
| .footer-links a {
| |
| color: #fff; /* Linkfarbe */
| |
| text-decoration: none; /* Entfernt die Unterstreichung */
| |
| margin-bottom: 5px; /* Abstand zwischen den Links */
| |
| }
| |
|
| |
| /* Hover-Effekt für die Links */
| |
| .footer-links a:hover {
| |
| text-decoration: underline; /* Unterstreicht die Links beim Hover */
| |
| } | | } |
