Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps.
Customizing the grid Using our built-in grid Sass variables and maps.
Customizing the grid Using our built-in grid Sass variables and maps.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Columns and gutters The number of grid columns can be modified via Sass variables. $grid-columns is used to generate the widths (in percent) of each individual.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Columns and gutters The number of grid columns can be modified via Sass variables. $grid-columns is used to generate the widths (in percent) of each individual.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Columns and gutters The number of grid columns can be modified via Sass variables. $grid-columns is used to generate the widths (in percent) of each individual.
Customizing the grid Using our built-in grid Sass variables and maps, it’s possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile. Columns and gutters The number of grid columns can be modified via Sass variables. $grid-columns is used to generate the widths (in percent) of each individual.
Der Hero kann alle möglichen Inhaltselemente beinhalten, hat einen optionalen Bogen am unteren Ende, Slider-Funktionalität und eine maximale Breite. Sie basiert auf dem Owl Carousel 2
Selektor | Beschreibung |
---|---|
o-hero--curved |
Darstellung mit Bogen am unteren Rand. |
.o-hero__slider-item
vorhanden ist.Demo-Inhalt: Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann.
Demo-Inhalt: Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann.
Verschiedene Ausprägungen von Tarif-Tabellen für unterschiedliche Anwendungsfälle
Leu Erdgas Fix ist der Gastarif für alle, die langfristig sparen und mehr Sicherheit haben möchten.
Leu Erdgas Flex ist der Gastarif für alle, die kurzfristig maximal sparen und mehr Freiheit möchten.
Leu Erdgas Plus ist der Gastarif für alle, die sparen und für ihre Treue belohnt werden möchten.
Ersparnis gegenüber dem Grundversorger² -60,94 € |
Ersparnis gegenüber dem Grundversorger² -60,94 € |
Preisgarantie 24 Monate |
Ersparnis gegenüber dem Grundversorger² -60,94 € |
Preisgarantie Monate |
Vertragslaufzeit Monate |
Kündigungsfrist Monate |
Grundpreis pro Monat 0,00 € |
Arbeitspreis pro kWh 5,5901 Cent |
Ersparnis gegenüber dem Grundversorger² 12.075,62 € |
Preisgarantie Monate |
Vertragslaufzeit Monate |
Kündigungsfrist Monate |
Grundpreis pro Monat 0,00 € |
Arbeitspreis pro kWh 5,5901 Cent |
Ersparnis gegenüber dem Grundversorger² 12.075,62 € |
Preisgarantie keine |
Vertragslaufzeit keine |
Kündigungsfrist 2 Wochen |
Grundpreis pro Monat 10,13 € |
Arbeitspreis pro kWh 25,5136 Cent |
|
Für Ihr Gebäude benötigen Sie pro m² und Jahr |
166,67 kWh |
Das entspricht einer CO2-Emission |
4,5 t |
Gebäude-Kassifizierung |
Passivhaus |
Ihre Investition in Klimaschutz |
22,00 € |
Das umweltfreundliche Erdgas bewirkt unter allen fossilen Brennstoffen die geringsten Emissionen, da kein Schwefeldioxid freigesetzt wird. Trotzdem produziert es bei seiner Verbrennung CO2 : 0,246 kg je Kilowattstunde. Wenn Sie beispielsweise eine Jahresmenge von 15.000 kWh benötigen, entsteht dadurch eine CO2-Emission von 3,69 t. In diesem Zähler können Sie erkennen, wie viel CO2-Ausstoß von Ihnen verursacht wird. Sie können aber auch einschätzen, wie modern Ihr Haus ist, oder ob es auf einem guten energetischen Stand ist.
Mit Erdgas klimaneutral sorgen wir für CO2-Ausgleichsmaßnahmen Ihres Verbrauchs durch den Kauf von Klimaschutzzertifikaten. Ihr Erlös fließt in internationale Klimaprojekte.
Telefon 09287 / 899 220
Gerne rufen wir Sie auch an ...
Bitte beachten Sie unsere Datenschutzerklärung.
Demo-Inhalt: Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann.
Die hier abgebildeten Varianten der Card-Komponente sind nur ein Auszug aus den vielen Möglichkeiten. Eine umfassende Dokumentation findet man hier
.m-card
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere.m-card--highlight
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere.m-card--highlight
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere.m-card--secondary
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere.m-card--success
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere.m-card--cta
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereSome quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereSome quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereSome quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereSome quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereSome quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereDie Accordion-Komponente baut auf die Gruppen-Navigation auf. Statt weiteren Links können sämtliche Inhalte innerhalb der aufklappbaren Beriche verwendet werden.
Image-Slider Beschreibungstext
Hier finden leicht abgewandelte Standard-Bootstrap-Tabellen Anwendung, diese sind hier umfassend dokumentiert. Sie können nicht nur im Content-Bereich, sondern auch innerhalb von Card-Elementen verwendet werden.
.a-table
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
.m-card .a-table
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
.a-table .a-table--dark-red
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
.m-card .a-table--dark-red
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
.a-table .a-table--dark-blue
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
.m-card .a-table--dark-blue
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Demo-Inhalt: Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann.
Demo-Inhalt: Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann. Sie erhalten die Leu Tankgutscheine bei Frau Romy Stahl Den Wert des Gutscheins bestimmen Sie selbst, welcher komplett oder in Raten vertankt werden kann.
Warning! Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Success! Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Danger! Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Info! Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.
Call to actionLorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?
Call to actionLorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque.
Call to actionLorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.
Call to actionLorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.
Call to action