Headline (H3)
CODE
×
HTML
<h3 class=''>Suscipit tempus</h3>
CSS
h3 { color: var(--fc3); font-size: var(--fs-xl); line-height: var(--lh-s); text-align: var(--ah3); font-family: var(--headline-font-h2-und-kleiner-1); font-style: var(--headline-font-h2-und-kleiner-2); font-weight: var(--headline-font-h2-und-kleiner-3); letter-spacing: var(--hf-ls); word-spacing: var(--hf-ws); margin-bottom: calc(var(--fs-xl) * var(--lh-s) / 2); } @media screen and (max-width: 991px) { h3 { font-size: var(--fs-ll); margin-bottom: calc(var(--fs-ll) * var(--lh-s) / 2); } } @media screen and (max-width: 575px) { h3 { font-size: var(--fs-l); line-height: var(--lh-m); letter-spacing: var(--bf-ls); word-spacing: var(--bf-ws); margin-bottom: calc(var(--fs-l) * var(--lh-m) / 2); } } p + h3, form div + h3, h1 + h3, h2 + h3 { margin-top: calc(var(--fs-xl) * var(--lh-s) * 1.5) !important; } @media screen and (max-width: 991px) { p + h3, form div + h3, h1 + h3, h2 + h3 { margin-top: calc(var(--fs-ll) * var(--lh-s) * 1.25) !important; } } @media screen and (max-width: 575px) { p + h3, form div + h3, h1 + h3, h2 + h3 { margin-top: calc(var(--fs-l) * var(--lh-m)) !important; } }
JS
Headline (H3)
Last Edit: Oct 24, 2023, 8:25pm
×
Suscipit tempus