Headline (H4)
CODE
×
HTML
<h4 class=''>Turpis accumsan pulvinar sagittis aliquam</h4>
CSS
h4 { color: var(--fc3); font-size: var(--fs-ll); 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); text-align: var(--ah4); letter-spacing: var(--hf-ls); word-spacing: var(--hf-ws); line-height: var(--lh-s); margin-bottom: calc(var(--fs-ll) * var(--lh-m) / 2); } @media screen and (max-width: 991px) { h4 { 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-s) / 2); } } @media screen and (max-width: 575px) { h4 { font-size: var(--fs-m); margin-bottom: calc(var(--fs-m) * var(--lh-m) / 2); } } p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 { margin-top: calc(var(--fs-ll) * var(--lh-s) * 1.5) !important; } @media screen and (max-width: 991px) { p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 { margin-top: calc(var(--fs-l) * var(--lh-m) * 1.25) !important; } } @media screen and (max-width: 575px) { p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 { margin-top: calc(var(--fs-m) * var(--lh-m)) !important; } }
JS
Headline (H4)
Last Edit: Oct 10, 2023, 1:08pm
×
Turpis accumsan pulvinar sagittis aliquam