diff --git a/index.html b/index.html index 34e2fc4..7b0ead3 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ @@ -45,12 +45,17 @@
-
-

+
+

Wie aus Ideen Ergebnisse werden

- +
diff --git a/styles.css b/styles.css index 5d2f3b9..ca3eb94 100644 --- a/styles.css +++ b/styles.css @@ -6,7 +6,7 @@ --text-dark: #364121; --shadow-card: 0 14px 30px rgba(47, 58, 24, 0.12); --shadow-panel: 0 24px 60px rgba(20, 22, 16, 0.22); - --font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; + --font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-black: 900; @@ -245,6 +245,24 @@ button { .section-title__line { display: block; + white-space: nowrap; +} + +.section-title--process { + max-width: none; +} + +.section-head--process { + position: relative; + width: fit-content; +} + +.section-head__accent--process { + position: absolute; + top: 0.15rem; + right: -5rem; + width: 78px; + margin-top: 0; } .section-head img { @@ -647,6 +665,17 @@ button { margin-bottom: 2rem; } + .section-head--process { + width: fit-content; + justify-content: center; + } + + .section-head__accent--process { + right: -0.25rem; + top: 0; + width: 64px; + } + .section-title, .about__content .section-head .section-title { text-align: left;