sozialstation-loeningen-lindern.de
Text und Schriften
Dies ist die Überschrift h1. Sie geht absichtlich über zwei Zeilen. Das hoffe ich zumindest.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.
Dies ist die Überschrift h2. Auch sie geht absichtlich über zwei Zeilen. Sollte sie zumindest. Hoffe, das klappt auch.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.
Dies ist die Überschrift h3. Jaja, sollte ebenfalls über zwei Zeilen gehen. Grund ist, dass der margin-bottom nicht durch falsche line-height gesetzt wird.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.
Dies ist die Überschrift h4. Falls sie nicht über zwei Zeilen geht: das mit der line-height sollte nun ja klar sein
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
Import-Script Schrift 2:
body {
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
color: #707070;
font-family: Fira Sans;
font-weight: 400;
}
h1 {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
text-transform: normal;
}
h2 {
font-size: 30px;
line-height: 36px;
margin-bottom: 14px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
text-transform: normal;
}
h3 {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
text-transform: normal;
}
h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 6px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
text-transform: normal;
}
@media (max-width: 1279px) {
body {
font-size: 16px;
line-height: 24px;
margin-bottom: 32px;
color: #707070;
font-family: Fira Sans;
font-weight: 400;
}
h1 {
font-size: 32px;
line-height: 38px;
margin-bottom: 18px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 12px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h3 {
font-size: 21px;
line-height: 28px;
margin-bottom: 10px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
h4 {
font-size: 17px;
line-height: 24px;
margin-bottom: 6px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
@media (max-width: 1023px) {
body {
font-size: 16px;
line-height: 24px;
margin-bottom: 28px;
color: #707070;
font-family: Fira Sans;
font-weight: 400;
}
h1 {
font-size: 30px;
line-height: 36px;
margin-bottom: 16px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h2 {
font-size: 26px;
line-height: 32px;
margin-bottom: 12px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
h4 {
font-size: 16px;
line-height: 22px;
margin-bottom: 6px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
@media (max-width: 768px) {
body {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
color: #707070;
font-family: Fira Sans;
font-weight: 400;
}
h1 {
font-size: 24px;
line-height: 30px;
margin-bottom: 12px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h2 {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #2D649D;
font-family: Fira Sans;
font-weight: 600;
}
h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
h4 {
font-size: 14px;
line-height: 20px;
margin-bottom: 6px;
color: #707070;
font-family: Fira Sans;
font-weight: 600;
}
@media (max-width: 640px) {
body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h1 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h2 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h3 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h4 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
@media (max-width: 480px) {
body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h1 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h2 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h3 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h4 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
Joomla!
Wichtige Informationen
Installierte Erweiterungen:
- Regular Labs - Modules Anywhere
Overrides
- pagination.php
Overrides Erweiterungen
- mod_vina_carousel_image_slider/default.php
Allgemeines
Farben
Farbe Headline: HEX: #2d649d, RGB: 45,100,157
Die Farbe des Fließtextes ist: HEX: #707070, RGB: 112,112,112
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog.
RGB: 112,112,112
RGB: 255,255,255
RGB: 45,100,157
RGB: 244,249,255
RGB: 181,91,0