diff --git a/app/public/templates/customer-mail-template.html b/app/public/templates/customer-mail-template.html index bcc25ece..d641af9f 100644 --- a/app/public/templates/customer-mail-template.html +++ b/app/public/templates/customer-mail-template.html @@ -9,956 +9,385 @@ margin: 0 auto; min-width: 100%; } + body { background-color: #ffffff; + color: #1f2937; + font-family: 'Noto Sans', 'Arial'; + font-size: 16px; + font-size: 1rem; + font-style: normal; + font-weight: 500; + line-height: 150%; /* 24px */ margin: 0; padding: 0; } - @media only screen and (max-width: 640px) { - table[class='responsive-table'] { - width: 100% !important; - } - } - @media only screen and (min-width: 640px) { - table[class='responsive-table'] { - min-width: 640px !important; - max-width: 768px !important; - } + a { + color: #d8232a; + line-height: 150%; /* 24px */ + word-break: break-all; } - @media only screen and (min-width: 768px) { - table[class='responsive-table'] { - min-width: 768px !important; - max-width: 1024px !important; - } + h1 { + font-size: 26px; + font-size: 1.625rem; + font-weight: 600; + line-height: 140%; /*36.4px*/ + margin: 16px 12px 0; } - @media only screen and (max-width: 768px) { - .logo-flag { - display: block; - width: auto !important; - height: 2.5rem !important; - } - .logo-full { - display: none; - } + h2 { + font-size: 20px; + font-size: 1.25rem; + margin: 16px 12px; + padding-bottom: 12px; } - @media only screen and (min-width: 768px) { - .logo-flag { - display: none; - } - .logo-full { - display: block; - width: auto !important; - height: 3.5rem !important; - } + .header { + padding: 12px 36px; + width: 100%; } - @media only screen and (min-width: 1024px) { - .logo-full { - height: 4.125rem !important; - } + .header img { + width: 100%; } - .header-logo-container { - display: flex; - @media only screen and (max-width: 767px) { - padding-left: 10px; - padding-top: 10px; - padding-bottom: 20px; - } - - @media only screen and (min-width: 768px) { - padding-left: 20px; - padding-top: 20px; - padding-bottom: 20px; - } - - @media only screen and (min-width: 1024px) { - padding-left: 28px; - padding-top: 28px; - padding-bottom: 28px; - } + .header__text { + border-left: 1px solid #e0e4e8; + padding-left: 8px; } - .logo-separator { - height: 2.5rem; - margin-left: 1rem; - - @media only screen and (max-width: 767px) { - margin-left: 0.5rem; - } - - @media only screen and (min-width: 768px) { - margin-left: 1rem; - } - - @media only screen and (min-width: 1024px) { - margin-left: 1rem; - } + .first-col-flag { + display: block; + height: auto; + min-width: 34px; + width: 34px; + margin-right: 8px; } - .form-separator { - height: 1px; - background-color: #d1d5db; - overflow: visible; - - @media only screen and (max-width: 767px) { - margin-left: 10px; - margin-right: 10px; - } - - @media only screen and (min-width: 768px) { - margin-left: 20px; - margin-right: 20px; - } - - @media only screen and (min-width: 1024px) { - margin-left: 28px; - margin-right: 28px; - } + .first-col-full { + display: none !important; + height: auto; + width: 0px; } - .description-container { - background-color: #f0f4f7; + .second-col { + width: 100%; } - @media only screen and (max-width: 767px) { - .form-title-container { - padding-left: 10px; - padding-top: 5px; - padding-bottom: 15px; - .form-title { - font-size: 1.5rem; - margin: 0; - font-weight: 600; - } - } + .info-block { + background: #f3f4f6; + margin-top: 16px; + padding: 24px 12px; + width: 100%; } - @media only screen and (min-width: 768px) { - .form-title-container { - padding-left: 20px; - padding-top: 10px; - padding-bottom: 20px; - .form-title { - font-size: 1.75rem; - margin: 0; - font-weight: 600; - } - } + .list-item { + border-top: 1px solid #adb4bc; + margin: 0 12px; + padding: 16px 0 12px; } - @media only screen and (min-width: 1024px) { - .form-title-container { - padding-left: 28px; - padding-top: 15px; - padding-bottom: 32px; - .form-title { - font-size: 2rem; - margin: 0; - font-weight: 600; - } - } + .list-item__title { + display: inline-block; + font-weight: bold; + margin-bottom: 4px; + margin-right: 40px; + min-width: 384px; /* calc(768px / 2) */ } - .description-section { - @media only screen and (max-width: 767px) { - padding: 10px; - padding-top: 15px; - padding-bottom: 15px; - } - - @media only screen and (min-width: 768px) { - padding: 20px; - padding-top: 15px; - padding-bottom: 15px; - } - - @media only screen and (min-width: 1024px) { - padding: 28px; - padding-top: 15px; - padding-bottom: 15px; - } - - .description-section-title { - margin: 0px; - line-height: 1.5; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } - } - - .description-section-link { - line-height: 1.5; - word-break: break-all; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } - } + .list-item__text { + display: inline-block; + min-width: 384px; /* calc(768px / 2) */ } - @media only screen and (min-width: 768px) { - .logo-separator { - height: 3.5rem; - } + .footer { + color: #ffffff; + font-weight: 400; + line-height: 150% /*24px*/; + width: 100%; } - @media only screen and (min-width: 1024px) { - .logo-separator { - height: 4.125rem; - } + .footer-spacer { + height: 16px; } - @media only screen and (max-width: 767px) { - .logo-text { - padding-left: 0.5rem; - font-size: 0.875rem; - } + .footer-content td { + background: #1f2937; + padding: 12px; } @media only screen and (min-width: 768px) { - .logo-text { - padding-left: 1rem; - font-size: 1rem; + body { + font-size: 20px; + font-size: 1.25rem; } - } - @media only screen and (min-width: 1024px) { - .logo-text { - padding-left: 1rem; - font-size: 1.125rem; + h1 { + font-size: 32px; + font-size: 2rem; + margin: 24px 36px 0; } - } - - .link { - color: #d8232a; - text-decoration-line: underline; - text-underline-offset: 2px; - cursor: pointer; - overflow-wrap: break-word; - } - .link:hover { - color: #99191e; - } - @media only screen and (max-width: 767px) { - .row-title-container { - padding-left: 10px; - padding-top: 10px; - padding-bottom: 10px; - - .row-title { - font-size: 1.125rem; - margin: 0; - font-weight: 600; - } + h2 { + font-size: 26px; + font-size: 1.625rem; + margin: 28px 36px 24px; } - } - @media only screen and (min-width: 768px) { - .row-title-container { - padding-left: 20px; - padding-top: 15px; - padding-bottom: 10px; - - .row-title { - font-size: 1.25rem; - margin: 0; - font-weight: 600; - } + .header { + padding: 32px 36px; } - } - @media only screen and (min-width: 1024px) { - .row-title-container { - padding-left: 28px; - padding-top: 20px; - padding-bottom: 10px; - - .row-title { - font-size: 1.5rem; - margin: 0; - font-weight: 600; - } + .header__text { + padding-left: 24px; } - } - @media only screen and (max-width: 767px) { - .form-row { - margin-left: 10px; - display: flex; - flex-direction: column; + .first-col-flag { + display: none !important; } - .form-row-title { - padding-top: 10px; - padding-bottom: 5px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 0.875rem; - margin: 0px; - } + + .first-col-full { + display: block !important; + min-width: 274px !important; /* 250px logo with + 24px margin right */ + margin-right: 24px; } - .form-row-description { - padding-top: 5px; - padding-bottom: 5px; - padding-left: 0px; - - p { - font-size: 0.875rem; - margin: 0px; - } + + .info-block { + margin-top: 24px; + padding: 24px 36px; } - } - @media only screen and (min-width: 768px) { - .form-row { - margin-left: 20px; - display: flex; - flex-direction: row; + .list-item { + margin: 0 36px; + padding: 24px 0; } - .form-row-title { - padding: 15px; - width: 180px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 1rem; - margin: 0px; - } + + .footer-spacer td { + height: 24px; } - .form-row-description { - padding: 15px; - padding-left: 0px; - p { - font-size: 1rem; - margin: 0px; - } + + .footer-content td { + padding: 18px 36px; } } @media only screen and (min-width: 1024px) { - .form-row { - margin-left: 28px; - display: flex; - flex-direction: row; - } - .form-row-title { - padding: 15px; - width: 180px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 1.125rem; - margin: 0px; - } + body { + font-size: 22px; + font-size: 1.375rem; } - .form-row-description { - padding: 15px; - padding-left: 0px; - p { - font-size: 1.125rem; - margin: 0px; - } - } - } - - .footer-container { - background-color: #263645; - } - .footer-section { - @media only screen and (max-width: 767px) { - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; + h1 { + font-size: 40px; + font-size: 2.5rem; + margin: 24px 48px 0; } - @media only screen and (min-width: 768px) { - padding-left: 20px; - padding-top: 10px; - padding-bottom: 10px; + h2 { + font-size: 32px; + font-size: 2rem; + margin: 28px 48px 24px; } - @media only screen and (min-width: 1024px) { - padding-left: 28px; - padding-top: 15px; - padding-bottom: 15px; + .header { + padding: 40px 48px; } - .footer-section-text { - font-size: 18px; - line-height: 1.5; - color: #fff; - margin: 0px; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } + .info-block { + margin-top: 32px; + padding: 24px 48px; } - } - .bottom-spacing { - @media only screen and (max-width: 767px) { - padding-bottom: 10px; + .list-item { + margin: 0 48px; } - @media only screen and (min-width: 768px) { - padding-bottom: 15px; + .footer-spacer { + height: 40px; } - @media only screen and (min-width: 1024px) { - padding-bottom: 20px; + .footer-content td { + padding: 20px 48px; } } - - + + +
- + + + +
- - - - - - - - - - - - - - - - - - - - - - -
- Logo - Logo -
-
- Eidgenössisches Departement für
- Verteidigung, Bevölkerungsschutz und Sport -
-
-

Bestellformular

-
-

- Danke für Ihre Bestellung. -

-

- Sie wurde wie folgt notiert: -

-
- - - - -
-

Bestellformular

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Publikation:

-
-
-

Pensionskassenstatistik - Kennzahlen 2018-2022

-
-
-
-
-
-
-
-

Anzahl:

-
-
-

1

-
-
-
-
-
-
-
-

BFS-Nr:

-
-
-

554-2200

-
-
-
-
-
-
-
-

Publikation:

-
-
-

Harmonisierung amtlicher Personenregister

-
-
-
-
- - - - -
-

Rechnungsadresse

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Anrede:

-
-
-

Herr

-
-
-
-
-
-
-
-

Name:

-
-
-

Muster

-
-
-
-
-
-
-
-

Vorname:

-
-
-

Max

-
-
-
-
-
-
-
-

Organisation:

-
-
-

Musterfirma

-
-
-
-
-
-
-
-

Strasse / Nr.:

-
-
-

Musterstrasse 5

-
-
-
-
-
-
-
-

Ort:

-
-
-

Musterhausen

-
-
-
-
-
-
-
-

Land:

-
-
-

Schweiz

-
-
-
-
-
-
-
-

Telefon:

-
-
-

+41 79 123 45 67

-
-
-
-
-
-
-
-

E-Mail:

-
-
-

Max.Muster@muster.com

-
-
-
-
-
-
-
-

Nachricht:

-
-
-

Wichtiger Hinweis...

-
-
-
-
- - - - -
-

Lieferadresse

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Anrede:

-
-
-

Herr

-
-
-
-
-
-
-
-

Name:

-
-
-

Muster

-
-
-
-
-
-
-
-

Vorname:

-
-
-

Max

-
-
-
-
-
-
-
-

Organisation:

-
-
-

Musterfirma

-
-
-
-
-
-
-
-

Strasse / Nr.:

-
-
-

Musterstrasse 5

-
-
-
-
-
-
-
-

Ort:

-
-
-

Musterhausen

-
-
-
-
-
-
-
-

Land:

-
-
-

Schweiz

-
-
-
-
-
-
-
-

Telefon:

-
-
-

+41 79 123 45 67

-
-
-
-
-
-
-
-

E-Mail:

-
-
-

Max.Muster@muster.com

-
-
-
-
- - - - -
-

Bundesamt für Statistik

-
-
+ 		+ Logo + Logo + + Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und + Sport +
+ +

Bestellformular

+ + + + + +
+

Danke für Ihre Bestellung.

+

Sie wurde wie folgt notiert:

+
+ +

Bestellung

+ +
+
Publikation:
+
+ Pensionskassenstatistik - Kennzahlen 2018-2022 +
+
+ +
+
Anzahl:
+
1
+
+ +
+
BFS-Nr:
+
554-2200
+
+ +
+
Publikation:
+
+ Harmonisierung amtlicher Personenregister +
+
+ +

Rechnungsadresse

+ +
+
Anrede:
+
Herr
+
+ +
+
Name:
+
Erismann
+
+ +
+
Vorname:
+
Daniel
+
+ +
+
Organisation:
+
BFS
+
+ +
+
Strasse / Nr.:
+
Espace de l'Europe 10
+
+ +
+
Ort:
+
Neuchâtel
+
+ +
+
Land:
+
Schweiz
+
+ +
+
Telefon:
+
+41795713056
+
+ +
+
E-Mail:
+
daniel.erismann@efs.admin.ch
+
+ +
+
Nachricht:
+
+ Dies ist nur ein Test, bitte ignorieren. +
+
+ +
+
AGB:
+
+ Ich bin mit den allgemeinen Geschäftsbedingungen einverstanden. +
+
+ +

Lieferadresse

+ +
+
Anrede:
+
Herr
+
+ +
+
Name:
+
Erismann
+
+ +
+
Vorname:
+
Daniel
+
+ +
+
Organisation:
+
BFS
+
+ +
+
Strasse / Nr.:
+
Espace de l'Europe 10
+
+ +
+
Ort:
+
Neuchâtel
+
+ +
+
Land:
+
Schweiz
+
+ +
+
Telefon:
+
+41795713056
+
+ +
+
E-Mail:
+
daniel.erismann@efs.admin.ch
+
+ + + + + + +
Bundesamt für Statistik
diff --git a/app/public/templates/sales-mail-template.html b/app/public/templates/sales-mail-template.html index 3a90c7fa..02a95e0d 100644 --- a/app/public/templates/sales-mail-template.html +++ b/app/public/templates/sales-mail-template.html @@ -9,960 +9,390 @@ margin: 0 auto; min-width: 100%; } + body { background-color: #ffffff; + color: #1f2937; + font-family: 'Noto Sans', 'Arial'; + font-size: 16px; + font-size: 1rem; + font-style: normal; + font-weight: 500; + line-height: 150%; /* 24px */ margin: 0; padding: 0; } - @media only screen and (max-width: 640px) { - table[class='responsive-table'] { - width: 100% !important; - } - } - @media only screen and (min-width: 640px) { - table[class='responsive-table'] { - min-width: 640px !important; - max-width: 768px !important; - } + a { + color: #d8232a; + line-height: 150%; /* 24px */ + word-break: break-all; } - @media only screen and (min-width: 768px) { - table[class='responsive-table'] { - min-width: 768px !important; - max-width: 1024px !important; - } + h1 { + font-size: 26px; + font-size: 1.625rem; + font-weight: 600; + line-height: 140%; /*36.4px*/ + margin: 16px 12px 0; } - @media only screen and (max-width: 768px) { - .logo-flag { - display: block; - width: auto !important; - height: 2.5rem !important; - } - .logo-full { - display: none; - } + h2 { + font-size: 20px; + font-size: 1.25rem; + margin: 16px 12px; + padding-bottom: 12px; } - @media only screen and (min-width: 768px) { - .logo-flag { - display: none; - } - .logo-full { - display: block; - width: auto !important; - height: 3.5rem !important; - } + .header { + padding: 12px 36px; + width: 100%; } - @media only screen and (min-width: 1024px) { - .logo-full { - height: 4.125rem !important; - } + .header img { + width: 100%; } - .header-logo-container { - display: flex; - @media only screen and (max-width: 767px) { - padding-left: 10px; - padding-top: 10px; - padding-bottom: 20px; - } - - @media only screen and (min-width: 768px) { - padding-left: 20px; - padding-top: 20px; - padding-bottom: 20px; - } - - @media only screen and (min-width: 1024px) { - padding-left: 28px; - padding-top: 28px; - padding-bottom: 28px; - } + .header__text { + border-left: 1px solid #e0e4e8; + padding-left: 8px; } - .logo-separator { - height: 2.5rem; - margin-left: 1rem; - - @media only screen and (max-width: 767px) { - margin-left: 0.5rem; - } - - @media only screen and (min-width: 768px) { - margin-left: 1rem; - } - - @media only screen and (min-width: 1024px) { - margin-left: 1rem; - } + .first-col-flag { + display: block; + height: auto; + min-width: 34px; + width: 34px; + margin-right: 8px; } - .form-separator { - height: 1px; - background-color: #d1d5db; - overflow: visible; - - @media only screen and (max-width: 767px) { - margin-left: 10px; - margin-right: 10px; - } - - @media only screen and (min-width: 768px) { - margin-left: 20px; - margin-right: 20px; - } - - @media only screen and (min-width: 1024px) { - margin-left: 28px; - margin-right: 28px; - } + .first-col-full { + display: none !important; + height: auto; + width: 0px; } - .description-container { - background-color: #f0f4f7; + .second-col { + width: 100%; } - @media only screen and (max-width: 767px) { - .form-title-container { - padding-left: 10px; - padding-top: 5px; - padding-bottom: 15px; - .form-title { - font-size: 1.5rem; - margin: 0; - font-weight: 600; - } - } + .info-block { + background: #f3f4f6; + margin-top: 16px; + padding: 24px 12px; + width: 100%; } - @media only screen and (min-width: 768px) { - .form-title-container { - padding-left: 20px; - padding-top: 10px; - padding-bottom: 20px; - .form-title { - font-size: 1.75rem; - margin: 0; - font-weight: 600; - } - } + .list-item { + border-top: 1px solid #adb4bc; + margin: 0 12px; + padding: 16px 0 12px; } - @media only screen and (min-width: 1024px) { - .form-title-container { - padding-left: 28px; - padding-top: 15px; - padding-bottom: 32px; - .form-title { - font-size: 2rem; - margin: 0; - font-weight: 600; - } - } + .list-item__title { + display: inline-block; + font-weight: bold; + margin-bottom: 4px; + margin-right: 40px; + min-width: 384px; /* calc(768px / 2) */ } - .description-section { - @media only screen and (max-width: 767px) { - padding: 10px; - padding-top: 15px; - padding-bottom: 15px; - } - - @media only screen and (min-width: 768px) { - padding: 20px; - padding-top: 15px; - padding-bottom: 15px; - } - - @media only screen and (min-width: 1024px) { - padding: 28px; - padding-top: 15px; - padding-bottom: 15px; - } - - .description-section-title { - margin: 0px; - line-height: 1.5; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } - } - - .description-section-link { - line-height: 1.5; - word-break: break-all; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } - } + .list-item__text { + display: inline-block; + min-width: 384px; /* calc(768px / 2) */ } - @media only screen and (min-width: 768px) { - .logo-separator { - height: 3.5rem; - } + .footer { + color: #ffffff; + font-weight: 400; + line-height: 150% /*24px*/; + width: 100%; } - @media only screen and (min-width: 1024px) { - .logo-separator { - height: 4.125rem; - } + .footer-spacer { + height: 16px; } - @media only screen and (max-width: 767px) { - .logo-text { - padding-left: 0.5rem; - font-size: 0.875rem; - } + .footer-content td { + background: #1f2937; + padding: 12px; } @media only screen and (min-width: 768px) { - .logo-text { - padding-left: 1rem; - font-size: 1rem; + body { + font-size: 20px; + font-size: 1.25rem; } - } - @media only screen and (min-width: 1024px) { - .logo-text { - padding-left: 1rem; - font-size: 1.125rem; + h1 { + font-size: 32px; + font-size: 2rem; + margin: 24px 36px 0; } - } - - .link { - color: #d8232a; - text-decoration-line: underline; - text-underline-offset: 2px; - cursor: pointer; - overflow-wrap: break-word; - } - .link:hover { - color: #99191e; - } - @media only screen and (max-width: 767px) { - .row-title-container { - padding-left: 10px; - padding-top: 10px; - padding-bottom: 10px; - - .row-title { - font-size: 1.125rem; - margin: 0; - font-weight: 600; - } + h2 { + font-size: 26px; + font-size: 1.625rem; + margin: 28px 36px 24px; } - } - @media only screen and (min-width: 768px) { - .row-title-container { - padding-left: 20px; - padding-top: 15px; - padding-bottom: 10px; - - .row-title { - font-size: 1.25rem; - margin: 0; - font-weight: 600; - } + .header { + padding: 32px 36px; } - } - @media only screen and (min-width: 1024px) { - .row-title-container { - padding-left: 28px; - padding-top: 20px; - padding-bottom: 10px; - - .row-title { - font-size: 1.5rem; - margin: 0; - font-weight: 600; - } + .header__text { + padding-left: 24px; } - } - @media only screen and (max-width: 767px) { - .form-row { - margin-left: 10px; - display: flex; - flex-direction: column; + .first-col-flag { + display: none !important; } - .form-row-title { - padding-top: 10px; - padding-bottom: 5px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 0.875rem; - margin: 0px; - } + + .first-col-full { + display: block !important; + min-width: 274px !important; /* 250px logo with + 24px margin right */ + margin-right: 24px; } - .form-row-description { - padding-top: 5px; - padding-bottom: 5px; - padding-left: 0px; - - p { - font-size: 0.875rem; - margin: 0px; - } + + .info-block { + margin-top: 24px; + padding: 24px 36px; } - } - @media only screen and (min-width: 768px) { - .form-row { - margin-left: 20px; - display: flex; - flex-direction: row; + .list-item { + margin: 0 36px; + padding: 24px 0; } - .form-row-title { - padding: 15px; - width: 180px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 1rem; - margin: 0px; - } + + .footer-spacer td { + height: 24px; } - .form-row-description { - padding: 15px; - padding-left: 0px; - p { - font-size: 1rem; - margin: 0px; - } + + .footer-content td { + padding: 18px 36px; } } @media only screen and (min-width: 1024px) { - .form-row { - margin-left: 28px; - display: flex; - flex-direction: row; - } - .form-row-title { - padding: 15px; - width: 180px; - padding-left: 0px; - font-weight: 700; - p { - font-size: 1.125rem; - margin: 0px; - } + body { + font-size: 22px; + font-size: 1.375rem; } - .form-row-description { - padding: 15px; - padding-left: 0px; - p { - font-size: 1.125rem; - margin: 0px; - } - } - } - - .footer-container { - background-color: #263645; - } - .footer-section { - @media only screen and (max-width: 767px) { - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; + h1 { + font-size: 40px; + font-size: 2.5rem; + margin: 24px 48px 0; } - @media only screen and (min-width: 768px) { - padding-left: 20px; - padding-top: 10px; - padding-bottom: 10px; + h2 { + font-size: 32px; + font-size: 2rem; + margin: 28px 48px 24px; } - @media only screen and (min-width: 1024px) { - padding-left: 28px; - padding-top: 15px; - padding-bottom: 15px; + .header { + padding: 40px 48px; } - .footer-section-text { - font-size: 18px; - line-height: 1.5; - color: #fff; - margin: 0px; - - @media only screen and (max-width: 767px) { - font-size: 0.875rem; - } - - @media only screen and (min-width: 768px) { - font-size: 1rem; - } - - @media only screen and (min-width: 1024px) { - font-size: 1.125rem; - } + .info-block { + margin-top: 32px; + padding: 24px 48px; } - } - .bottom-spacing { - @media only screen and (max-width: 767px) { - padding-bottom: 10px; + .list-item { + margin: 0 48px; } - @media only screen and (min-width: 768px) { - padding-bottom: 15px; + .footer-spacer { + height: 40px; } - @media only screen and (min-width: 1024px) { - padding-bottom: 20px; + .footer-content td { + padding: 20px 48px; } } - - + + +
-
- + Logo + + + + +
+ Logo + + Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und + Sport +
+ +

Bestellformular

+ + + + - - - - - - - - - - - - - - - - - - - - -
+

You've received a new form based email from

+ -
- Logo - Logo -
-
- Eidgenössisches Departement für
- Verteidigung, Bevölkerungsschutz und Sport -
-
-

Bestellformular

-
-

- You've received a new form based mail from -

- - https://www.bfs.admin.ch/bfs/de/home/dienstleistungen/kontakt/bestellungen-abonnemente/bestellformular.html - -
- - - - -
-

Bestellung

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Publikation:

-
-
-

Pensionskassenstatistik - Kennzahlen 2018-2022

-
-
-
-
-
-
-
-

Anzahl:

-
-
-

1

-
-
-
-
-
-
-
-

BFS-Nr:

-
-
-

554-2200

-
-
-
-
-
-
-
-

Publikation:

-
-
-

Harmonisierung amtlicher Personenregister

-
-
-
-
- - - - -
-

Rechnungsadresse

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Anrede:

-
-
-

Herr

-
-
-
-
-
-
-
-

Name:

-
-
-

Muster

-
-
-
-
-
-
-
-

Vorname:

-
-
-

Max

-
-
-
-
-
-
-
-

Organisation:

-
-
-

Musterfirma

-
-
-
-
-
-
-
-

Strasse / Nr.:

-
-
-

Musterstrasse 5

-
-
-
-
-
-
-
-

Ort:

-
-
-

Musterhausen

-
-
-
-
-
-
-
-

Land:

-
-
-

Schweiz

-
-
-
-
-
-
-
-

Telefon:

-
-
-

+41 79 123 45 67

-
-
-
-
-
-
-
-

E-Mail:

-
-
-

Max.Muster@muster.com

-
-
-
-
-
-
-
-

Nachricht:

-
-
-

Wichtiger Hinweis...

-
-
-
-
- - - - -
-

Lieferadresse

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Anrede:

-
-
-

Herr

-
-
-
-
-
-
-
-

Name:

-
-
-

Muster

-
-
-
-
-
-
-
-

Vorname:

-
-
-

Max

-
-
-
-
-
-
-
-

Organisation:

-
-
-

Musterfirma

-
-
-
-
-
-
-
-

Strasse / Nr.:

-
-
-

Musterstrasse 5

-
-
-
-
-
-
-
-

Ort:

-
-
-

Musterhausen

-
-
-
-
-
-
-
-

Land:

-
-
-

Schweiz

-
-
-
-
-
-
-
-

Telefon:

-
-
-

+41 79 123 45 67

-
-
-
-
-
-
-
-

E-Mail:

-
-
-

Max.Muster@muster.com

-
-
-
-
- - - - -
-

Bundesamt für Statistik

-
-
+ https://www.bfs.admin.ch/bfs/de/home/dienstleistungen/kontakt/bestellungen-abonnemente/bestellformular.html +
+ +

Bestellung

+ +
+
Publikation:
+
+ Pensionskassenstatistik - Kennzahlen 2018-2022 +
+
+ +
+
Anzahl:
+
1
+
+ +
+
BFS-Nr:
+
554-2200
+
+ +
+
Publikation:
+
+ Harmonisierung amtlicher Personenregister +
+
+ +

Rechnungsadresse

+ +
+
Anrede:
+
Herr
+
+ +
+
Name:
+
Erismann
+
+ +
+
Vorname:
+
Daniel
+
+ +
+
Organisation:
+
BFS
+
+ +
+
Strasse / Nr.:
+
Espace de l'Europe 10
+
+ +
+
Ort:
+
Neuchâtel
+
+ +
+
Land:
+
Schweiz
+
+ +
+
Telefon:
+
+41795713056
+
+ +
+
E-Mail:
+
daniel.erismann@efs.admin.ch
+
+ +
+
Nachricht:
+
+ Dies ist nur ein Test, bitte ignorieren. +
+
+ +
+
AGB:
+
+ Ich bin mit den allgemeinen Geschäftsbedingungen einverstanden. +
+
+ +

Lieferadresse

+ +
+
Anrede:
+
Herr
+
+ +
+
Name:
+
Erismann
+
+ +
+
Vorname:
+
Daniel
+
+ +
+
Organisation:
+
BFS
+
+ +
+
Strasse / Nr.:
+
Espace de l'Europe 10
+
+ +
+
Ort:
+
Neuchâtel
+
+ +
+
Land:
+
Schweiz
+
+ +
+
Telefon:
+
+41795713056
+
+ +
+
E-Mail:
+
daniel.erismann@efs.admin.ch
+
+ + + + + + + + +
Bundesamt für Statistik