copy/paste

Grössen

xxl > 1400px
xl > 1200px
lg > 992px
md > 768px
sm > 576px
‍

Styleguide

column-styleguide & styleguide_caption

TYpografie

«m-0» (Titel Margin 0)

Definition mb-0 (margin-bottom: 0)

«col-title» & «h5» (2-Spaltig Titel)

Dachaufbau mit Vollholzkonstruktion

h1

h2

h3

h4

h5

h6

display noch definieren -> display-1 etc...

«h2»

«h5»

«h6»

h1

Link

Text Block (Theinhardt Light -1rem/1.625)

«bold» (Theinhardt Normal)

«img_caption_small» (0.8125rem)

Paragraph (1.0 rem)

10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem

Paragraph > p-last-child (margin-bottom: 0)

Broschüre herunterladen

col-center (text-align: center)

section inner Last-Child

section inner last-child (padding-bottom: 10vw;)

Figure

Reset Figure

Spalten lg

Wie sehen die Spalten zwischen 992px und 1920px aus?

col-lg-1

col-lg-2

col-lg-3

col-lg-4

col-lg-5

col-lg-6

col-lg-7

col-lg-8

col-lg-9

col-lg-10

col-lg-11

col-lg-12

Spalten md

Wie sehen die Spalten zwischen 768px und 991px aus?

col-md-1

col-md-2

col-md-3

col-md-4

col-md-5

col-md-6

col-md-7

col-md-8

col-md-9

col-md-10

col-md-11

col-md-12

Spalten SM

Wie sehen die Spalten zwischen 0px und 576px aus?

col-sm-1

col-sm-2

col-sm-3

col-sm-4

col-sm-5

col-sm-6

col-sm-7

col-sm-8

col-sm-9

col-sm-10

col-sm-11

col-sm-12

Offset LG

Offset > 992px

offset-lg-1

offset-lg-2

offset-lg-3

offset-lg-4

offset-lg-5

offset-lg-6

offset-lg-7

offset-lg-8

offset-lg-9

offset-lg-10

offset-lg-11

Anwendung Offset

col-lg-6 & offset-lg-1

col-lg-5

Layout

article_section

section-inner [ padding-top: 5vw padding-bottom: 5vw ]

container [ margin: auto padding-left: 5px padding-right: 5px ]

row [ margin-left: -5px margin-right: -5px ]

col-lg-1

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ ZWEI, Zürich

Mehrfamilienhaus mit 16 Mikrowohnungen und 1 Dachgeschosswohnung

FELZ EIS, Adliswil

Mehrfamilienhaus mit 5 Wohnungen

ARCHE ZWEI, Reinach

Machbarkeitsstudie Bauareal mit Bestandsbauten

ARCHE EIS, Landquart

Mehrfamilienhaus mit 8 Wohnungen

Verschiedene Formatierungen Styleguide

column_overlay

width

padding

border

margin

different_color_width_padding

horizontal_line

Permakulturgarten FELZ EIS, Adliswil

Formatierung Last (umkehren bei Tablet)

Last

ganze Breite

Für eine lebenswerte Zukunft

Ab 1. Dezember 2021 erhalten Sie die Möglichkeit in einem nachhaltigen und gesunden Gebäude zu wohnen. Dabei bieten die Wohnungen mit ihren natürlichen Materialien höchste Wohnqualität und überzeugen durch deren guten Ökobilanz. Der optimale Grundriss mit grosszügigen Fenstern bietet helle Räume. Die verwendeten Materialien sind frei von Chemikalien und Schadstoffen und sorgen für ein optimales und gesundes Wohnklima. Ihr eigener ökologischer Fussabdruck wird durch das innovative Gebäudesystem minimiert. Die benötigte Energie für Heizung und Warmwasser wird direkt vor Ort durch die Sonne gewonnen. Durch die saisonale Speicherung in einem Wassertank kann so auf eine konventionelle Heizung verzichtet werden, ohne dass dadurch Einschränkungen für den Nutzer entstehen. Der Grossteil des benötigten Stroms wird mit der eigenen Photovoltaikanlage produziert und in einer ökologischen Schweizer Salzbatterie gespeichert.