H1 Regular

H1 Bold

H2 Regular

H2 Bold

H2 Italic

H3 Regular

H3 Bold

H3 Italic (ist weiß)

H4 Regular

H5 Regular
H6 Regular

Paragraph: Lorem Ipsum dolor

Paragraph Bold: Lorem Ipsum dolor

Paragraph Italic: Lorem Ipsum dolor

 

LINKS:

Download-Link (CSS-Klassen .arrow-link)

 

Stilformate:

Text in Grün (H1-H6 + p)

Text in Grau

CSS-Klassen:

:root {
–primary:#bccf00;
–secondary:#3a494d;
–light:#f2f2f2;
}

.p0 { padding-top:0px !important; padding-bottom:0px !important; }
.p50 { padding-top:50px !important; padding-bottom:50px !important; }
.p100 { padding-top:100px !important; padding-bottom:100px !important; }
.p150 { padding-top:150px !important; padding-bottom:150px !important; }
.p200 { padding-top:200px !important; padding-bottom:200px !important; }

.pb0 { padding-bottom:0 !important; }
.pb30 { padding-bottom:30px !important; }
.pb50 { padding-bottom:50px !important; }
.pb100 { padding-bottom:100px !important; }

.pl50 { padding-left:50px; }

.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }
.mb30 { margin-bottom:30px !important; }
.mb50 { margin-bottom:50px !important; }
.mb75 { margin-bottom:75px !important; }
.mb100 { margin-bottom:100px !important; }
.mb150 { margin-bottom:150px !important; }

.bg-grey { background:var(–light); }
.bg-green { background:var(–primary); }
.bg-dark { background:var(–secondary); }

 

Formatvorlagen (lassen sich über den Editor einstellen)
*.text-green { color:var(–primary) !important; }
*.text-grey { color:var(–secondary) !important; }
*.text-white { color:#fff !important; }
*.semibold-60 { font:500 60px/1.2em ‚Montserrat‘,sans-serif !important; }
a.arrow-link { display:inline-block; }
a.arrow-link::before { content:““; display:inline-block; width:11px; height:8px; background:url(/wp-content/uploads/2021/10/hanova-link-arrow-left.svg) no-repeat center center; margin-right:8px; transform:translateY(-1px); }

Section
CSS-Klassen: fullwidth p100 bg-dark

Text-Element:
CSS-Klassen: text-white

Section
CSS-Klassen: fullwidth p100 bg-green

Text-Element:
CSS-Klassen: text-white

Section
CSS-Klassen: fullwidth p100 bg-grey

Galerien

Es wurde ein neues Element hinzugefügt. Fancybox Gallery
Hier wird einfach ein Vorschaubild ausgewählt und dann die weiteren Bilder.

Die Bilder können in unterschiedlichen Formaten vorhanden sein. Es wird immer das hochgeladene Bild ausgegeben und keine Thumbnail/ Medienversion von WordPress (also besser keine 5 MB Bilder nehmen). Die weiteren Bilder werden aber nur bei Klick geladen und beeinflussen nicht die Ladezeit der gesamten Seite.