dein-energiebuero.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=Noto+Sans:wght@600;900&display=swap" rel="stylesheet">
Import-Script Schrift 2:
body {
font-size: 15px;
line-height: 21px;
margin-bottom: 100px;
color: #9d9d9c;
font-family: 'Noto Sans';
font-weight: 600;
}
h1 {
font-size: 35px;
line-height: 41px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
text-transform: normal;
}
h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
text-transform: normal;
}
h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
text-transform: normal;
}
h4 {
font-size: 24px;
line-height: 29px;
margin-bottom: 8px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
text-transform: normal;
}
@media (max-width: 1279px) {
body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h1 {
font-size: 29px;
line-height: 35px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
h2 {
font-size: 25px;
line-height: 31px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
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: 1023px) {
body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h1 {
font-size: 28px;
line-height: 34px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
h2 {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
h3 {
font-size: 21px;
line-height: 26px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h4 {
font-size: 20px;
line-height: 25px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
@media (max-width: 768px) {
body {
font-size: 12px;
line-height: 18px;
margin-bottom: 100px;
color: #9d9d9c;
font-family: 'Noto Sans';
font-weight: 600;
}
h1 {
font-size: 25px;
line-height: 29px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
h2 {
font-size: 19px;
line-height: 25px;
margin-bottom: 10px;
color: #a8c826;
font-family: 'Noto Sans';
font-weight: 900;
}
h3 {
font-size: 18px;
line-height: 23px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
h4 {
font-size: 17px;
line-height: 22px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}
@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:
- Accordeon Menu CK
- JCE Editor
- RSForm! Pro
- RegularLabs Modules Anywhere
- Web357 Cookoes Policy Notification Bar
Overrides
- /mod_custom/default.php
Overrides Erweiterungen
Allgemeines
Firmen-Logo als SVG:
<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-8a91f57c-a155-47db-a29b-e00e705b0ea2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 799.19995 119"><defs><style>.uuid-1e1eebff-243d-4f40-b299-c863c8c50e13{fill:#a8c826;}.uuid-1e1eebff-243d-4f40-b299-c863c8c50e13,.uuid-c484c68d-4b3d-46f9-af80-8c9297557a02{fill-rule:evenodd;stroke-width:0px;}.uuid-c484c68d-4b3d-46f9-af80-8c9297557a02{fill:#9d9d9c;}</style></defs><path class="uuid-1e1eebff-243d-4f40-b299-c863c8c50e13" d="M59.5,0C26.6,0,0,26.6,0,59.5c0,.9,0,1.7.1,2.6l38.5-30.1,15.3,11.5v-16.2h12.1v25.4l31.1,23.4-7.3,9.7-51-38.5L2.3,75.8c7.1,24.9,30,43.2,57.2,43.2,32.9,0,59.5-26.6,59.5-59.5S92.4,0,59.5,0Z"/><path class="uuid-c484c68d-4b3d-46f9-af80-8c9297557a02" d="M144.8,36.3h13.2c5.7,0,10.39999.8,14,2.3s6.39999,4.4,8.60001,8.5c2.2,4.1,3.2,9.7,3.2,16.8,0,5-.7,9.5-2,13.3-1.3,3.9-3,6.9-5.10001,9.2-2.10001,2.2-4.5,3.7-7.2,4.5s-6,1.1-10,1.1h-14.7v-55.69999h0ZM157.10001,45.9v36.7h2.10001c2.89999,0,5.10001-.5,6.60001-1.6,1.60001-1.1,2.8-3,3.8-5.7.89999-2.7,1.39999-6.6,1.39999-11.8,0-4.8-.5-8.4-1.5-11-1-2.6-2.3-4.3-3.89999-5.2-1.5-.9-3.7-1.4-6.39999-1.4h-2.10002ZM191.89999,36.3h33.89999v9.5h-21.7v13h16.8v9.5h-16.8v13.8h21.7v10h-33.89999v-55.80001h0ZM231.7,36.3h12.3v55.8h-12.2v-55.8h-.10001ZM254.10001,36.3h13.60001l14.39999,34.7v-34.7h9.5v55.8h-10.89999l-17-40.4v40.4h-9.5v-55.8h-.10001ZM317.10001,36.3h33.89999v9.5h-21.70001v13h16.79999v9.5h-16.79999v13.8h21.70001v10h-33.89999v-55.80001h0ZM356.60001,36.3h13.60001l14.39999,34.7v-34.7h9.5v55.8h-10.89999l-17-40.4v40.4h-9.5v-55.8h-.10001ZM404,36.3h33.89999v9.5h-21.70001v13h16.79999v9.5h-16.79999v13.8h21.70001v10h-33.89999v-55.80001h0ZM443.89999,36.3h17.5c3.39999,0,6,.2,7.79999.5s3.60001,1.2,5.5,2.5c1.79999,1.4,3.29999,3.3,4.29999,5.6,1,2.4,1.60001,5.1,1.60001,8,0,7-2.60001,11.9-7.79999,14.7l10.20001,24.4h-13.20001l-7.39999-22h-6.20001v22.1h-12.20001v-55.8h-.09998ZM456.20001,45.4v15.6h5.39999c4.79999,0,7.20001-2.7,7.20001-8,0-1.9-.29999-3.4-1.10001-4.6-.70001-1.2-1.5-2-2.5-2.4-.89999-.4-2.29999-.6-4.10001-.6h-4.89999ZM508.70001,62.3h19.40002v29.8h-5.20001l-1.59998-6.4c-3,4.8-7.5,7.2-13.5,7.2-6.39999,0-11.39999-2.5-15.10001-7.5s-5.60001-11.7-5.60001-20.1c0-9.2,1.79999-16.4,5.5-21.8,3.70001-5.4,9.10001-8,16.29999-8,11.40002,0,17.79999,6.4,19.20001,19.1l-11,1.8c-.79999-7.3-3.40002-11-8-11-2.79999,0-5,1.4-6.60001,4-1.70001,2.7-2.5,7.8-2.5,15.3,0,6.7.79999,11.4,2.39999,14.1s4,4.1,7.10001,4.1c4.99997,0,7.49997-3.7,7.49997-11.1h-8.39999v-9.5h.10001ZM537.59998,36.3h12.20001v55.8h-12.20001v-55.8h0ZM560.40002,36.3h33.90002v9.5h-21.70001v13h16.79999v9.5h-16.79999v13.8h21.70001v10h-33.90002v-55.80001h0ZM600.29999,36.3h19c4.5,0,7.79999.3,10.09998,1.1,2.29999.7,4.20001,2.3,5.70001,4.7s2.29999,5.4,2.29999,8.9c0,6.2-2.59998,10.2-8,12,6.29999,2.2,9.5,6.8,9.5,13.7,0,3.6-.90002,6.7-2.59998,9.2-1.70001,2.5-3.79999,4.2-6.40002,5-2.5.8-6.09998,1.2-10.70001,1.2h-19v-55.79999h.10004ZM612.09998,58.8h3.90002c3.90002,0,6.40002-.7,7.40002-2.1,1-1.4,1.5-3,1.5-4.9,0-1.7-.5-3.2-1.5-4.5s-3.20001-2-6.5-2h-4.79999v13.5h-.00006ZM612.09998,82.6h6c5.59998,0,8.40002-2.4,8.40002-7.3,0-2.7-.70001-4.6-2.09998-5.7-1.40002-1.1-3.5-1.7-6.29999-1.7h-6v14.7h-.00006ZM647.29999,36.3h12.20001v31.9c0,4.5.20001,7.6.59998,9.4.40002,1.8,1.29999,3.1,2.59998,4s2.90002,1.4,4.79999,1.4c2,0,3.70001-.5,4.90002-1.5s1.90002-2.4,2.20001-4c.29999-1.7.40002-4.8.40002-9.3v-31.9h10.29999v31.4c0,6.3-.40002,10.9-1.09998,14-.70001,3.1-2.59998,5.7-5.5,7.9-3,2.2-7,3.3-12.20001,3.3-4.90002,0-8.70001-.8-11.40002-2.4-2.79999-1.6-4.79999-3.9-5.90002-6.8-1.20001-2.9-1.79999-8.1-1.79999-15.5v-31.9h-.09998ZM668.70001,26.7c0-1.2.5-2.3,1.40002-3.2.90002-.9,2-1.3,3.29999-1.3s2.40002.4,3.29999,1.3c.90002.9,1.40002,1.9,1.40002,3.2s-.5,2.4-1.5,3.2c-1,.8-2,1.2-3.20001,1.2s-2.29999-.4-3.20001-1.2c-1-.8-1.5-1.9-1.5-3.2h0ZM654.90002,26.7c0-1.2.5-2.3,1.40002-3.2.90002-.9,2-1.3,3.29999-1.3s2.40002.4,3.29999,1.3,1.40002,1.9,1.40002,3.2-.5,2.4-1.5,3.2c-1,.8-2,1.2-3.20001,1.2-1.09998,0-2.20001-.4-3.20001-1.2-1-.7-1.5-1.8-1.5-3.2h0ZM695.70001,36.3h17.5c3.40002,0,6,.2,7.79999.5s3.59998,1.2,5.5,2.5c1.79999,1.4,3.29999,3.3,4.29999,5.6,1,2.4,1.59998,5.1,1.59998,8,0,7-2.59998,11.9-7.79999,14.7l10.20001,24.4h-13.20001l-7.39996-22h-6.20001v22.1h-12.20001v-55.8h-.09998ZM707.90002,45.4v15.6h5.40002c4.79999,0,7.20001-2.7,7.20001-8,0-1.9-.29999-3.4-1.09998-4.6-.70001-1.2-1.5-2-2.5-2.4-.90002-.4-2.29999-.6-4.09998-.6h-4.90009ZM779.5,64.2c0,19.2-6.70001,28.8-20.20001,28.8-6.70001,0-11.79999-2.4-15.20001-7.3s-5.09998-12-5.09998-21.4c0-19.1,6.70001-28.7,20.20001-28.7,6.59998,0,11.59998,2.4,15.09998,7.2,3.40002,4.7,5.20001,11.90001,5.20001,21.4h0ZM766.59998,64.2c0-7.5-.59998-12.5-1.79999-15s-3.09998-3.7-5.59998-3.7c-2.59998,0-4.40002,1.3-5.59998,3.8-1.20001,2.5-1.79999,7.5-1.79999,15,0,7.4.59998,12.3,1.70001,14.9,1.20001,2.6,3,3.9,5.59998,3.9,2.5,0,4.40002-1.2,5.59998-3.7,1.29999-2.6,1.89996-7.6,1.89996-15.2h0ZM783.59998,45.3c0-2.1.79999-4,2.29999-5.5s3.40002-2.3,5.5-2.3c2.20001,0,4,.8,5.5,2.3s2.29999,3.3,2.29999,5.5c0,2.1-.79999,4-2.29999,5.5s-3.40002,2.3-5.5,2.3c-2.20001,0-4-.8-5.5-2.3-1.49994-1.5-2.29999-3.4-2.29999-5.5h0ZM785.5,45.3c0,1.7.59998,3.1,1.70001,4.3,1.20001,1.2,2.59998,1.8,4.20001,1.8s3-.6,4.20001-1.8,1.70001-2.6,1.70001-4.2c0-1.7-.59998-3.1-1.70001-4.2-1.20001-1.2-2.59998-1.8-4.20001-1.8s-3,.6-4.20001,1.8c-1.10004,1-1.70001,2.4-1.70001,4.1h0ZM788.29999,40.8v9h2.40002v-3.4h.59998l1.09998,3.4h2.70001l-1.70001-3.9c.90002-.4,1.29999-1.2,1.29999-2.3,0-.7-.20001-1.2-.5-1.7s-.70001-.7-1.20001-.9c-.5-.1-1.09998-.2-1.79999-.2h-2.89996ZM790.70001,42.5v2.2h.59998c.70001,0,1.09998-.4,1.09998-1.1s-.40002-1.1-1.20001-1.1c0,0-.49994,0-.49994,0Z"/></svg>
Farben
Farbe Headline: HEX: #a8c826, RGB: 168,200,38
Die Farbe des Fließtextes ist: HEX: #9d9d9c, RGB: 157,157,156
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: 168,200,38
RGB: 157,157,156
RGB: 255,255,255
RGB: ,,
RGB: ,,