Körper {
Schriftfamilie: Arial, serifenlos;
Rand: 0;
Polsterung: 20px;
Farbe: #333;
Zeilenhöhe: 1,6;
}
.Abschnittstitel {
Textausrichtung: Mitte;
Farbe: #40B7FC;
Rand unten: 10px;
Schriftgröße: 2rem;
}
.Abschnittsbeschreibung {
Textausrichtung: Mitte;
maximale Breite: 800 Pixel;
Rand: 0 automatisch 40px;
Zeilenhöhe: 1,6;
Schriftgröße: 1.1rem;
}
/* Stile für Bildinteraktionen */
.commitments-section {
Rand unten: 60px;
}
.engagement-container {
Anzeige:Gitter;
Rastervorlagenspalten: auto 1fr;
Lücke: 20px;
Rand unten: 30px;
align-items: center;
Polsterung: 20px;
Randradius: 10px;
Hintergrundfarbe: #f9f9f9;
Übergang: Transformation 0,3 s Leichtigkeit;
}
.engagement-container:hover {
transform: TranslateY(-5px);
Box-Shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.engagement-image-container {
Breite: 120px;
Höhe: 120px;
Objektanpassung: Abdeckung;
Randradius: 50 %;
Hintergrundfarbe: #40B7FC;
Anzeige:flex;
align-items: center;
rechtfertigen-Inhalt: Mitte;
Rand rechts: 20px;
}
.engagement-image {
Breite: 80px;
Höhe: 80px;
Objektanpassung: Abdeckung;
}
.engagement-text {
Zeilenhöhe: 1,6;
}
.engagement-title {
Farbe: #40B7FC;
Rand oben: 0;
}
/* Stile für CSR-Säulen */
.Säulen {
Anzeige:Gitter;
Rastervorlagenspalten: wiederholen (automatische Anpassung, minmax (300 Pixel, 1 fr));
Lücke: 30px;
Rand oben: 40px;
}
.pillar {
Polsterung: 25px;
Randradius: 10px;
Box-Shadow: 0 5px 15px rgba(0,0,0,0.1);
Übergang: Transformation 0,3 s Leichtigkeit;
}
.pillar:hover {
transform: TranslateY(-5px);
}
.pillar-primary {
Hintergrundfarbe: #e8f5ff;
Rand oben: 4 Pixel einfarbig #40B7FC;
}
.pillar-secondary {
Hintergrundfarbe: #fff5e6;
border-top: 4px solide #ffa726;
}
.pillar-accent {
Hintergrundfarbe: #e6f7ed;
border-top: 4px solid #4caf50;
}
.pillar-icon {
Schriftgröße: 2,5rem;
Farbe: #40B7FC;
Rand unten: 15px;
Textausrichtung: Mitte;
}
.pillar-title {
Farbe: #333;
Textausrichtung: Mitte;
Rand oben: 0;
}
.pillar ul {
padding-left: 20px;
}
.pillar li {
Wenn Sie eine Auswahl auswählen, wird eine vollständige Seite aktualisiert.
Drücken Sie die Leertaste und dann die Pfeiltasten, um eine Auswahl zu treffen.
Nutzen Sie die linken/rechten Pfeile, um durch die Slideshow zu navigieren, oder wischen Sie nach links bzw. rechts, wenn Sie ein mobiles Gerät verwenden