Headline (H5)
CODE
×
HTML
<h5 class=''>Lorem mollis platea velit</h5>
CSS
h5 { font-size: var(--fs-l); line-height: var(--lh-m); word-spacing: var(--bf-ws); letter-spacing: var(--bf-ls); color: var(--fc3); 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); margin-bottom: calc(var(--fs-m) * var(--lh-m) / 2); } @media screen and (max-width: 991px) { h5 { font-size: var(--fs-m); margin-bottom: calc(var(--fs-s) * var(--lh-m) / 2); } } @media screen and (max-width: 575px) { h5 { font-size: var(--fs-s); margin-bottom: calc(var(--fs-xs) * var(--lh-m) / 2); } } p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 { margin-top: calc(var(--fs-s) * var(--lh-m)) !important; } @media screen and (max-width: 991px) { p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 { margin-top: calc(var(--fs-xs) * var(--lh-m)) !important; } } @media screen and (max-width: 575px) { p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 { margin-top: calc(var(--fs-xxs) * var(--lh-m)) !important; } }
JS
Headline (H5)
Last Edit: Oct 24, 2023, 12:11pm
×
Lorem mollis platea velit