astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

Update: Abschluss 31.07.2025

Browse source
This commit is contained in:
astosic 2025-07-31 01:33:44 +02:00
parent 4f1e5eddac
commit b18d1e9169
8 changed files with 350 additions and 443 deletions
Download patch file Download diff file Expand all files Collapse all files

40
assets/scss/_typography.scss
View file

@ -11,35 +11,61 @@ body {
-moz-osx-font-smoothing: grayscale;
}
.hero-subtitle {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
text-align: center;
color: $text-dark;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.4;
margin-top: 1rem;
}
// ---------------------------
// Überschriften-Stile
// ---------------------------
h1 {
font-size: 3rem; // Größere Hauptüberschrift
font-size: clamp(2rem, 5vw, 3rem); // ~32px auf Desktop
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
color: #046e6e;
}
h1.page-title {
font-size: clamp(2.5rem, 6vw, 4rem);
margin-top: 2rem;
text-transform: capitalize;
}
h2 {
font-size: 2rem; // Deutlich kleiner als H1
font-size: clamp(1.25rem, 2vw, 1.5rem); // Reaktionsfähig statt fix
font-style: italic;
font-weight: 400;
line-height: 1.4;
margin-bottom: 1rem;
color: #222; // Normale Textfarbe
color: #222;
}
h3 {
font-size: 1.5rem;
font-size: clamp(1.2rem, 1.8vw, 1.5rem);
font-weight: normal;
line-height: 1.6;
margin-bottom: 1rem;
color: inherit; // wie Fließtext
color: inherit;
}
p {
font-size: clamp(1rem, 1.5vw, 1.125rem);
margin-bottom: 1.25rem;
line-height: 1.6;
}
// ---------------------------
// Textausrichtung
// ---------------------------
@ -57,10 +83,6 @@ strong, b {
font-weight: 700;
}
em, i {
font-style: italic;
}
p {
margin-bottom: 1.25rem;
}