Headline (H2)
CODE
×
HTML
<h2 class=''>Everything from one source. Our products and services.</h2>
CSS
h2 { color: var(--fc3); font-size: var(--fs-xxl); line-height: var(--lh-s); 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(--ah2); letter-spacing: var(--hf-ls); word-spacing: var(--hf-ws); margin-bottom: calc(var(--fs-xxl) * var(--lh-s) / 2); } @media screen and (max-width: 991px) { h2 { font-size: var(--fs-xl); margin-bottom: calc(var(--fs-xl) * var(--lh-s) / 2); } } @media screen and (max-width: 575px) { h2 { font-size: var(--fs-ll); margin-bottom: calc(var(--fs-ll) * var(--lh-s) / 2); } } p + h2, h1 + h2 { margin-top: calc(var(--fs-xxl) * var(--lh-s) * 1.5) !important; } .container.background .top-distance > h2:first-of-type, .container.background .top-distance-large > h2:first-of-type { margin-top: -12px !important; } @media screen and (max-width: 991px) { p + h2, h1 + h2 { margin-top: calc(var(--fs-xl) * var(--lh-s) * 1.25) !important; } } @media screen and (max-width: 575px) { p + h2, h1 + h2 { margin-top: calc(var(--fs-ll) * var(--lh-s)) !important; } } @media screen and (max-width: 389px) { h2 { font-size: var(--fs-l) } h2.animated, h2.large { font-size: var(--fs-l) } }
JS
Headline (H2)
Last Edit: Nov 1, 2023, 7:19pm
×
Everything from one source. Our products and services.