Headline (H2 - animated)
CODE
×
HTML
<h2 class='animated'>Aktuelle Stellenangebote</h2>
CSS
h2.animated { overflow:hidden; font-family: var(--headline-font-h1-1); font-style: var(--headline-font-h1-2); font-weight: var(--headline-font-h1-3); font-size: var(--fs-xxl); letter-spacing: var(--hf-ls); word-spacing: var(--hf-ws); margin-top: 0; margin-bottom: calc(var(--fs-xxxl) * var(--lh-xs) / 2); } @media screen and (max-width: 991px) { h2.animated { font-size: var(--fs-xl); margin-top: 0; margin-bottom: calc(var(--fs-xl) * var(--lh-xs) / 2); } } @media screen and (max-width: 575px) { h2.animated { font-size: var(--fs-l); line-height: var(--lh-s); margin-top: 0; margin-bottom: calc(var(--fs-l) * var(--lh-s) / 2); } } .animated .letter { display: inline-block; } 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 - animated)
Last Edit: Nov 14, 2023, 2:42pm
×
Aktuelle Stellenangebote