@marioschmidt/design-system-tokens 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +767 -0
  3. package/dist/css/base/index.css +8 -0
  4. package/dist/css/base/primitive-color-value-global.css +100 -0
  5. package/dist/css/base/primitive-color-value.css +100 -0
  6. package/dist/css/base/primitive-font-value-global.css +49 -0
  7. package/dist/css/base/primitive-font-value.css +49 -0
  8. package/dist/css/base/primitive-size-value-global.css +55 -0
  9. package/dist/css/base/primitive-size-value.css +55 -0
  10. package/dist/css/base/primitive-space-value-global.css +31 -0
  11. package/dist/css/base/primitive-space-value.css +31 -0
  12. package/dist/css/density/density-compact-global.css +14 -0
  13. package/dist/css/density/density-compact.css +14 -0
  14. package/dist/css/density/density-default-global.css +14 -0
  15. package/dist/css/density/density-default.css +14 -0
  16. package/dist/css/density/density-spacious-global.css +14 -0
  17. package/dist/css/density/density-spacious.css +14 -0
  18. package/dist/css/density/index.css +7 -0
  19. package/dist/css/mapping/brand-advertorial-global.css +277 -0
  20. package/dist/css/mapping/brand-advertorial.css +277 -0
  21. package/dist/css/mapping/brand-bild-global.css +277 -0
  22. package/dist/css/mapping/brand-bild.css +277 -0
  23. package/dist/css/mapping/brand-color-bild-global.css +74 -0
  24. package/dist/css/mapping/brand-color-bild.css +74 -0
  25. package/dist/css/mapping/brand-color-sportbild-global.css +74 -0
  26. package/dist/css/mapping/brand-color-sportbild.css +74 -0
  27. package/dist/css/mapping/brand-sportbild-global.css +277 -0
  28. package/dist/css/mapping/brand-sportbild.css +277 -0
  29. package/dist/css/mapping/index.css +9 -0
  30. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +490 -0
  31. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +490 -0
  32. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +490 -0
  33. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +490 -0
  34. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +490 -0
  35. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +490 -0
  36. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +490 -0
  37. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +490 -0
  38. package/dist/css/semantic/advertorial/breakpoints/index.css +8 -0
  39. package/dist/css/semantic/advertorial/color/color-advertorial-dark-global.css +425 -0
  40. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +425 -0
  41. package/dist/css/semantic/advertorial/color/color-advertorial-light-global.css +425 -0
  42. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +425 -0
  43. package/dist/css/semantic/advertorial/color/index.css +6 -0
  44. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +490 -0
  45. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +490 -0
  46. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +490 -0
  47. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +490 -0
  48. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +490 -0
  49. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +490 -0
  50. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +490 -0
  51. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +490 -0
  52. package/dist/css/semantic/bild/breakpoints/index.css +8 -0
  53. package/dist/css/semantic/bild/color/color-bild-dark-global.css +425 -0
  54. package/dist/css/semantic/bild/color/color-bild-dark.css +425 -0
  55. package/dist/css/semantic/bild/color/color-bild-light-global.css +425 -0
  56. package/dist/css/semantic/bild/color/color-bild-light.css +425 -0
  57. package/dist/css/semantic/bild/color/index.css +6 -0
  58. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +490 -0
  59. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +490 -0
  60. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +490 -0
  61. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +490 -0
  62. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +490 -0
  63. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +490 -0
  64. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +490 -0
  65. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +490 -0
  66. package/dist/css/semantic/sportbild/breakpoints/index.css +8 -0
  67. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +425 -0
  68. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +425 -0
  69. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +425 -0
  70. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +425 -0
  71. package/dist/css/semantic/sportbild/color/index.css +6 -0
  72. package/dist/js/base/index.js +15 -0
  73. package/dist/js/base/primitive-color-value.js +98 -0
  74. package/dist/js/base/primitive-font-value.js +47 -0
  75. package/dist/js/base/primitive-size-value.js +53 -0
  76. package/dist/js/base/primitive-space-value.js +29 -0
  77. package/dist/js/density/density-compact.js +12 -0
  78. package/dist/js/density/density-default.js +12 -0
  79. package/dist/js/density/density-spacious.js +12 -0
  80. package/dist/js/density/index.js +13 -0
  81. package/dist/js/mapping/brand-advertorial.js +276 -0
  82. package/dist/js/mapping/brand-bild.js +277 -0
  83. package/dist/js/mapping/brand-color-bild.js +78 -0
  84. package/dist/js/mapping/brand-color-sportbild.js +78 -0
  85. package/dist/js/mapping/brand-sportbild.js +280 -0
  86. package/dist/js/mapping/index.js +17 -0
  87. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +477 -0
  88. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +477 -0
  89. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +477 -0
  90. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +477 -0
  91. package/dist/js/semantic/advertorial/breakpoints/index.js +15 -0
  92. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +347 -0
  93. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +343 -0
  94. package/dist/js/semantic/advertorial/color/index.js +11 -0
  95. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +478 -0
  96. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +478 -0
  97. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +478 -0
  98. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +478 -0
  99. package/dist/js/semantic/bild/breakpoints/index.js +15 -0
  100. package/dist/js/semantic/bild/color/color-bild-dark.js +347 -0
  101. package/dist/js/semantic/bild/color/color-bild-light.js +343 -0
  102. package/dist/js/semantic/bild/color/index.js +11 -0
  103. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +479 -0
  104. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +479 -0
  105. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +479 -0
  106. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +479 -0
  107. package/dist/js/semantic/sportbild/breakpoints/index.js +15 -0
  108. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +347 -0
  109. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +343 -0
  110. package/dist/js/semantic/sportbild/color/index.js +11 -0
  111. package/dist/json/base/primitive-color-value.json +148 -0
  112. package/dist/json/base/primitive-font-value.json +59 -0
  113. package/dist/json/base/primitive-size-value.json +51 -0
  114. package/dist/json/base/primitive-space-value.json +27 -0
  115. package/dist/json/density/density-compact.json +16 -0
  116. package/dist/json/density/density-default.json +16 -0
  117. package/dist/json/density/density-spacious.json +16 -0
  118. package/dist/json/mapping/brand-advertorial.json +393 -0
  119. package/dist/json/mapping/brand-bild.json +393 -0
  120. package/dist/json/mapping/brand-color-bild.json +98 -0
  121. package/dist/json/mapping/brand-color-sportbild.json +98 -0
  122. package/dist/json/mapping/brand-sportbild.json +393 -0
  123. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +686 -0
  124. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +686 -0
  125. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +686 -0
  126. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +686 -0
  127. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +307 -0
  128. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +307 -0
  129. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +686 -0
  130. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +686 -0
  131. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +686 -0
  132. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +686 -0
  133. package/dist/json/semantic/bild/color/color-bild-dark.json +307 -0
  134. package/dist/json/semantic/bild/color/color-bild-light.json +307 -0
  135. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +686 -0
  136. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +686 -0
  137. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +686 -0
  138. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +686 -0
  139. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +307 -0
  140. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +307 -0
  141. package/dist/manifest.json +183 -0
  142. package/dist/scss/base/index.scss +8 -0
  143. package/dist/scss/base/primitive-color-value.scss +97 -0
  144. package/dist/scss/base/primitive-font-value.scss +46 -0
  145. package/dist/scss/base/primitive-size-value.scss +52 -0
  146. package/dist/scss/base/primitive-space-value.scss +28 -0
  147. package/dist/scss/density/density-compact.scss +11 -0
  148. package/dist/scss/density/density-default.scss +11 -0
  149. package/dist/scss/density/density-spacious.scss +11 -0
  150. package/dist/scss/density/index.scss +7 -0
  151. package/dist/scss/mapping/brand-advertorial.scss +274 -0
  152. package/dist/scss/mapping/brand-bild.scss +274 -0
  153. package/dist/scss/mapping/brand-color-bild.scss +71 -0
  154. package/dist/scss/mapping/brand-color-sportbild.scss +71 -0
  155. package/dist/scss/mapping/brand-sportbild.scss +274 -0
  156. package/dist/scss/mapping/index.scss +9 -0
  157. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +475 -0
  158. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +475 -0
  159. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +475 -0
  160. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +475 -0
  161. package/dist/scss/semantic/advertorial/breakpoints/index.scss +8 -0
  162. package/dist/scss/semantic/advertorial/color/color-advertorial-dark.scss +318 -0
  163. package/dist/scss/semantic/advertorial/color/color-advertorial-light.scss +318 -0
  164. package/dist/scss/semantic/advertorial/color/index.scss +6 -0
  165. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +475 -0
  166. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +475 -0
  167. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +475 -0
  168. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +475 -0
  169. package/dist/scss/semantic/bild/breakpoints/index.scss +8 -0
  170. package/dist/scss/semantic/bild/color/color-bild-dark.scss +318 -0
  171. package/dist/scss/semantic/bild/color/color-bild-light.scss +318 -0
  172. package/dist/scss/semantic/bild/color/index.scss +6 -0
  173. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +475 -0
  174. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +475 -0
  175. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +475 -0
  176. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +475 -0
  177. package/dist/scss/semantic/sportbild/breakpoints/index.scss +8 -0
  178. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +318 -0
  179. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +318 -0
  180. package/dist/scss/semantic/sportbild/color/index.scss +6 -0
  181. package/package.json +62 -0
package/dist/css/mapping/brand-bild-global.css ADDED
@@ -0,0 +1,277 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --global-typography-font-family-display-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
7
+ --global-typography-font-family-headline-font-family: Gotham Condensed; /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
8
+ --global-typography-font-family-subheadline-font-family: Gotham Condensed; /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
9
+ --global-typography-font-family-kicker-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
10
+ --global-typography-font-family-title-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
11
+ --global-typography-font-family-callout-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
12
+ --global-typography-font-family-body-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
13
+ --global-typography-font-family-footnote-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
14
+ --global-typography-font-family-label-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
15
+ --global-typography-font-family-quote-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
16
+ --global-typography-font-size-display-display1-font-size-xs: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
17
+ --global-typography-font-size-display-display1-font-size-sm: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
18
+ --global-typography-font-size-display-display1-font-size-md: 72; /** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
19
+ --global-typography-font-size-display-display1-font-size-lg: 120; /** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
20
+ --global-typography-font-size-display-display2-font-size-xs: 36; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
21
+ --global-typography-font-size-display-display2-font-size-sm: 36; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
22
+ --global-typography-font-size-display-display2-font-size-md: 42; /** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
23
+ --global-typography-font-size-display-display2-font-size-lg: 64; /** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
24
+ --global-typography-font-size-display-display3-font-size-xs: 28; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
25
+ --global-typography-font-size-display-display3-font-size-sm: 28; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
26
+ --global-typography-font-size-display-display3-font-size-md: 32; /** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
27
+ --global-typography-font-size-display-display3-font-size-lg: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
28
+ --global-typography-font-size-headline-headline-text-align: center; /** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
29
+ --global-typography-font-size-headline-headline1-font-size-xs: 48; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
30
+ --global-typography-font-size-headline-headline1-font-size-sm: 48; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
31
+ --global-typography-font-size-headline-headline1-font-size-md: 72; /** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
32
+ --global-typography-font-size-headline-headline1-font-size-lg: 100; /** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
33
+ --global-typography-font-size-headline-headline2-font-size-xs: 40; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
34
+ --global-typography-font-size-headline-headline2-font-size-sm: 40; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
35
+ --global-typography-font-size-headline-headline2-font-size-md: 48; /** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
36
+ --global-typography-font-size-headline-headline2-font-size-lg: 64; /** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
37
+ --global-typography-font-size-headline-headline3-font-size-xs: 28; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
38
+ --global-typography-font-size-headline-headline3-font-size-sm: 28; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
39
+ --global-typography-font-size-headline-headline3-font-size-md: 36; /** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
40
+ --global-typography-font-size-headline-headline3-font-size-lg: 40; /** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
41
+ --global-typography-font-size-headline-headline4-font-size-xs: 22; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
42
+ --global-typography-font-size-headline-headline4-font-size-sm: 22; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
43
+ --global-typography-font-size-headline-headline4-font-size-md: 26; /** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
44
+ --global-typography-font-size-headline-headline4-font-size-lg: 32; /** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
45
+ --global-typography-font-size-subheadline-subheadline1-font-size-xs: 24; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
46
+ --global-typography-font-size-subheadline-subheadline1-font-size-sm: 24; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
47
+ --global-typography-font-size-subheadline-subheadline1-font-size-md: 32; /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
48
+ --global-typography-font-size-subheadline-subheadline1-font-size-lg: 36; /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
49
+ --global-typography-font-size-kicker-kicker1-font-size-xs: 18; /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
50
+ --global-typography-font-size-kicker-kicker1-font-size-sm: 18; /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
51
+ --global-typography-font-size-kicker-kicker1-font-size-md: 22; /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md */
52
+ --global-typography-font-size-kicker-kicker1-font-size-lg: 30; /** Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg */
53
+ --global-typography-font-size-kicker-kicker2-font-size-xs: 18; /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
54
+ --global-typography-font-size-kicker-kicker2-font-size-sm: 18; /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
55
+ --global-typography-font-size-kicker-kicker2-font-size-md: 22; /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md */
56
+ --global-typography-font-size-kicker-kicker2-font-size-lg: 24; /** Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg */
57
+ --global-typography-font-size-kicker-kicker3-font-size-xs: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
58
+ --global-typography-font-size-kicker-kicker3-font-size-sm: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
59
+ --global-typography-font-size-kicker-kicker3-font-size-md: 18; /** Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md */
60
+ --global-typography-font-size-kicker-kicker3-font-size-lg: 20; /** Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg */
61
+ --global-typography-font-size-kicker-kicker4-font-size-xs: 14; /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
62
+ --global-typography-font-size-kicker-kicker4-font-size-sm: 14; /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
63
+ --global-typography-font-size-kicker-kicker4-font-size-md: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md */
64
+ --global-typography-font-size-kicker-kicker4-font-size-lg: 16; /** Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg */
65
+ --global-typography-font-size-title-title1-font-size-xs: 22; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
66
+ --global-typography-font-size-title-title1-font-size-sm: 22; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
67
+ --global-typography-font-size-title-title1-font-size-md: 22; /** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
68
+ --global-typography-font-size-title-title1-font-size-lg: 28; /** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
69
+ --global-typography-font-size-title-title2-font-size-xs: 16; /** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
70
+ --global-typography-font-size-title-title2-font-size-sm: 16; /** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
71
+ --global-typography-font-size-title-title2-font-size-md: 18; /** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
72
+ --global-typography-font-size-title-title2-font-size-lg: 20; /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
73
+ --global-typography-font-size-callout-callout1-font-size-xs: 18; /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
74
+ --global-typography-font-size-callout-callout1-font-size-sm: 18; /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
75
+ --global-typography-font-size-callout-callout1-font-size-md: 22; /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
76
+ --global-typography-font-size-callout-callout1-font-size-lg: 22; /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
77
+ --global-typography-font-size-body-body-font-size-xs: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
78
+ --global-typography-font-size-body-body-font-size-sm: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
79
+ --global-typography-font-size-body-body-font-size-md: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
80
+ --global-typography-font-size-body-body-font-size-lg: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
81
+ --global-typography-font-size-footnote-footnote1-font-size-xs: 16; /** --footnote-font-size-sm */
82
+ --global-typography-font-size-footnote-footnote1-font-size-sm: 16; /** --footnote-font-size-sm */
83
+ --global-typography-font-size-footnote-footnote1-font-size-md: 16;
84
+ --global-typography-font-size-footnote-footnote1-font-size-lg: 18; /** --footnote-font-size-lg */
85
+ --global-typography-font-size-footnote-footnote2-font-size-xs: 12;
86
+ --global-typography-font-size-footnote-footnote2-font-size-sm: 12;
87
+ --global-typography-font-size-footnote-footnote2-font-size-md: 12;
88
+ --global-typography-font-size-footnote-footnote2-font-size-lg: 16;
89
+ --global-typography-font-size-label-label1-font-size: 17;
90
+ --global-typography-font-size-label-label1-resp-font-size-xs: 10;
91
+ --global-typography-font-size-label-label1-resp-font-size-sm: 10;
92
+ --global-typography-font-size-label-label1-resp-font-size-md: 15;
93
+ --global-typography-font-size-label-label1-resp-font-size-lg: 17;
94
+ --global-typography-font-size-label-label2-font-size: 15;
95
+ --global-typography-font-size-label-label3-font-size: 12;
96
+ --global-typography-font-size-label-label4-font-size: 8;
97
+ --global-typography-font-size-quote-quote-font-size-xs: 16;
98
+ --global-typography-font-size-quote-quote-font-size-sm: 16;
99
+ --global-typography-font-size-quote-quote-font-size-md: 18;
100
+ --global-typography-font-size-quote-quote-font-size-lg: 20;
101
+ --global-typography-line-height-display-display1-line-height-xs: 40;
102
+ --global-typography-line-height-display-display1-line-height-sm: 40;
103
+ --global-typography-line-height-display-display1-line-height-md: 72;
104
+ --global-typography-line-height-display-display1-line-height-lg: 120;
105
+ --global-typography-line-height-display-display2-line-height-xs: 36;
106
+ --global-typography-line-height-display-display2-line-height-sm: 36;
107
+ --global-typography-line-height-display-display2-line-height-md: 42;
108
+ --global-typography-line-height-display-display2-line-height-lg: 64;
109
+ --global-typography-line-height-display-display3-line-height-xs: 28;
110
+ --global-typography-line-height-display-display3-line-height-sm: 28;
111
+ --global-typography-line-height-display-display3-line-height-md: 32;
112
+ --global-typography-line-height-display-display3-line-height-lg: 40;
113
+ --global-typography-line-height-headline-headline1-line-height-xs: 48;
114
+ --global-typography-line-height-headline-headline1-line-height-sm: 48;
115
+ --global-typography-line-height-headline-headline1-line-height-md: 72;
116
+ --global-typography-line-height-headline-headline1-line-height-lg: 100;
117
+ --global-typography-line-height-headline-headline2-line-height-xs: 40;
118
+ --global-typography-line-height-headline-headline2-line-height-sm: 40;
119
+ --global-typography-line-height-headline-headline2-line-height-md: 48;
120
+ --global-typography-line-height-headline-headline2-line-height-lg: 64;
121
+ --global-typography-line-height-headline-headline3-line-height-xs: 28;
122
+ --global-typography-line-height-headline-headline3-line-height-sm: 28;
123
+ --global-typography-line-height-headline-headline3-line-height-md: 36;
124
+ --global-typography-line-height-headline-headline3-line-height-lg: 40;
125
+ --global-typography-line-height-headline-headline4-line-height-xs: 22;
126
+ --global-typography-line-height-headline-headline4-line-height-sm: 22;
127
+ --global-typography-line-height-headline-headline4-line-height-md: 22;
128
+ --global-typography-line-height-headline-headline4-line-height-lg: 30;
129
+ --global-typography-line-height-subheadline-subheadline1-line-height-xs: 24;
130
+ --global-typography-line-height-subheadline-subheadline1-line-height-sm: 24;
131
+ --global-typography-line-height-subheadline-subheadline1-line-height-md: 32;
132
+ --global-typography-line-height-subheadline-subheadline1-line-height-lg: 36;
133
+ --global-typography-line-height-kicker-kicker1-line-height-xs: 19.8;
134
+ --global-typography-line-height-kicker-kicker1-line-height-sm: 19.8;
135
+ --global-typography-line-height-kicker-kicker1-line-height-md: 22;
136
+ --global-typography-line-height-kicker-kicker1-line-height-lg: 30;
137
+ --global-typography-line-height-kicker-kicker2-line-height-xs: 19.8;
138
+ --global-typography-line-height-kicker-kicker2-line-height-sm: 19.8;
139
+ --global-typography-line-height-kicker-kicker2-line-height-md: 22;
140
+ --global-typography-line-height-kicker-kicker2-line-height-lg: 24;
141
+ --global-typography-line-height-kicker-kicker3-line-height-xs: 17.6;
142
+ --global-typography-line-height-kicker-kicker3-line-height-sm: 17.6;
143
+ --global-typography-line-height-kicker-kicker3-line-height-md: 18;
144
+ --global-typography-line-height-kicker-kicker3-line-height-lg: 20;
145
+ --global-typography-line-height-kicker-kicker4-line-height-xs: 15.4;
146
+ --global-typography-line-height-kicker-kicker4-line-height-sm: 15.4;
147
+ --global-typography-line-height-kicker-kicker4-line-height-md: 17.6;
148
+ --global-typography-line-height-kicker-kicker4-line-height-lg: 16;
149
+ --global-typography-line-height-title-title1-line-height-xs: 22;
150
+ --global-typography-line-height-title-title1-line-height-sm: 22;
151
+ --global-typography-line-height-title-title1-line-height-md: 22;
152
+ --global-typography-line-height-title-title1-line-height-lg: 28;
153
+ --global-typography-line-height-title-title2-line-height-xs: 17.6;
154
+ --global-typography-line-height-title-title2-line-height-sm: 17.6;
155
+ --global-typography-line-height-title-title2-line-height-md: 19.8;
156
+ --global-typography-line-height-title-title2-line-height-lg: 22;
157
+ --global-typography-line-height-callout-callout1-line-height-xs: 18;
158
+ --global-typography-line-height-callout-callout1-line-height-sm: 18;
159
+ --global-typography-line-height-callout-callout1-line-height-md: 22;
160
+ --global-typography-line-height-callout-callout1-line-height-lg: 22;
161
+ --global-typography-line-height-body-body-line-height-xs: 28;
162
+ --global-typography-line-height-body-body-line-height-sm: 28;
163
+ --global-typography-line-height-body-body-line-height-md: 28;
164
+ --global-typography-line-height-body-body-line-height-lg: 32;
165
+ --global-typography-line-height-footnote-footnote1-line-height-xs: 21;
166
+ --global-typography-line-height-footnote-footnote1-line-height-sm: 21;
167
+ --global-typography-line-height-footnote-footnote1-line-height-md: 21;
168
+ --global-typography-line-height-footnote-footnote1-line-height-lg: 23;
169
+ --global-typography-line-height-footnote-footnote2-line-height-xs: 15.6;
170
+ --global-typography-line-height-footnote-footnote2-line-height-sm: 15.6;
171
+ --global-typography-line-height-footnote-footnote2-line-height-md: 15.8;
172
+ --global-typography-line-height-footnote-footnote2-line-height-lg: 21;
173
+ --global-typography-line-height-label-label1-line-height: 17; /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
174
+ --global-typography-line-height-label-label1-resp-line-height-xs: 10; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
175
+ --global-typography-line-height-label-label1-resp-line-height-sm: 10; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
176
+ --global-typography-line-height-label-label1-resp-line-height-md: 15; /** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
177
+ --global-typography-line-height-label-label1-resp-line-height-lg: 17; /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
178
+ --global-typography-line-height-label-label2-line-height: 16; /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
179
+ --global-typography-line-height-label-label3-line-height: 14.4; /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
180
+ --global-typography-line-height-label-label4-line-height: 10; /** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
181
+ --global-typography-line-height-quote-quote-line-height-xs: 16;
182
+ --global-typography-line-height-quote-quote-line-height-sm: 16;
183
+ --global-typography-line-height-quote-quote-line-height-md: 18;
184
+ --global-typography-line-height-quote-quote-line-height-lg: 22;
185
+ --global-typography-font-weight-display-display-font-weight: 800;
186
+ --global-typography-font-weight-headline-headline1-font-weight: 700;
187
+ --global-typography-font-weight-headline-headline1-font-weight-st: 700;
188
+ --global-typography-font-weight-headline-headline2-font-weight: 700;
189
+ --global-typography-font-weight-headline-headline2-font-weight-st: 700;
190
+ --global-typography-font-weight-headline-headline3-font-weight: 700;
191
+ --global-typography-font-weight-headline-headline3-font-weight-st: 700;
192
+ --global-typography-font-weight-headline-headline4-font-weight: 600;
193
+ --global-typography-font-weight-headline-headline4-font-weight-st: 600;
194
+ --global-typography-font-weight-subheadline-subheadline-font-weight: 700;
195
+ --global-typography-font-weight-kicker-kicker-font-weight: 700;
196
+ --global-typography-font-weight-kicker-kicker-font-weight-st: 700;
197
+ --global-typography-font-weight-title-title-font-weight: 800;
198
+ --global-typography-font-weight-callout-callout-font-weight: 800;
199
+ --global-typography-font-weight-body-body-font-weight-book: 400;
200
+ --global-typography-font-weight-body-body-font-weight-bold: 700;
201
+ --global-typography-font-weight-footnote-footnote-font-weight-book: 400;
202
+ --global-typography-font-weight-footnote-footnote-font-weight-bold: 700;
203
+ --global-typography-font-weight-label-label-font-weight-book: 400;
204
+ --global-typography-font-weight-label-label-font-weight-bold: 700;
205
+ --global-typography-font-weight-quote-quote-font-weight: 800;
206
+ --global-visibilty-hide-on-bild: false;
207
+ --global-visibilty-hide-on-sport-bild: true;
208
+ --global-visibilty-hide-on-advertorial: true;
209
+ --global-visibilty-only-bild: true;
210
+ --global-visibilty-only-sport-bild: false;
211
+ --global-visibilty-only-advertorial: false;
212
+ --component-button-label-font-weight-st: 600;
213
+ --component-accordion-accordion-label-font-family: Gotham XNarrow;
214
+ --component-article-font-size-article-image-caption-font-size-xs: 16; /** --article-figure-caption-font-size-sm */
215
+ --component-article-font-size-article-image-caption-font-size-sm: 16; /** --article-figure-caption-font-size-sm */
216
+ --component-article-font-size-article-image-caption-font-size-md: 18; /** --article-figure-caption-font-size-md */
217
+ --component-article-font-size-article-image-caption-font-size-lg: 18; /** --article-figure-caption-font-size-lg */
218
+ --component-article-font-size-article-image-source-font-size-xs: 16; /** --article-figure-meta-font-size-sm */
219
+ --component-article-font-size-article-image-source-font-size-sm: 16; /** --article-figure-meta-font-size-sm */
220
+ --component-article-font-size-article-image-source-font-size-md: 16; /** --article-figure-meta-font-size-sm */
221
+ --component-article-font-size-article-image-source-font-size-lg: 18; /** --article-figure-meta-font-size-lg */
222
+ --component-article-line-height-article-image-caption-line-height-xs: 19.5; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
223
+ --component-article-line-height-article-image-caption-line-height-sm: 19.5; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
224
+ --component-article-line-height-article-image-caption-line-height-md: 24.75; /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
225
+ --component-article-line-height-article-image-caption-line-height-lg: 24.75; /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
226
+ --component-article-line-height-article-image-source-line-height-xs: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
227
+ --component-article-line-height-article-image-source-line-height-sm: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
228
+ --component-article-line-height-article-image-source-line-height-md: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
229
+ --component-article-line-height-article-image-source-line-height-lg: 23; /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
230
+ --component-avatar-avatar-font-family: Gotham XNarrow; /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
231
+ --component-avatar-avatar-font-size-sm: 16; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
232
+ --component-avatar-avatar-font-size-lg: 18; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
233
+ --component-breadcrumb-font-family-breadcrumb-font-family: Gotham XNarrow; /** --breadcrumb-font */
234
+ --component-breadcrumb-font-weight-breadcrumb-font-weight: 700; /** --breadcrumb-font-size-sm */
235
+ --component-breadcrumb-font-size-breadcrumb-font-size-xs: 15; /** --breadcrumb-font-size-sm */
236
+ --component-breadcrumb-font-size-breadcrumb-font-size-sm: 15; /** --breadcrumb-font-size-sm */
237
+ --component-breadcrumb-font-size-breadcrumb-font-size-md: 15; /** --breadcrumb-font-size-sm */
238
+ --component-breadcrumb-font-size-breadcrumb-font-size-lg: 12; /** --breadcrumb-font-size-lg */
239
+ --component-breadcrumb-line-height-breadcrumb-line-height-xs: 15; /** not defined as variable */
240
+ --component-breadcrumb-line-height-breadcrumb-line-height-sm: 15; /** not defined as variable */
241
+ --component-breadcrumb-line-height-breadcrumb-line-height-md: 15; /** not defined as variable */
242
+ --component-breadcrumb-line-height-breadcrumb-line-height-lg: 12; /** not defined as variable */
243
+ --component-breaking-news-breaking-news-content-font-size: 21;
244
+ --component-footer-footer-link-font-family: Gotham XNarrow;
245
+ --component-inputfield-input-field-label-font-family: Gotham XNarrow;
246
+ --component-media-player-video-time-badge-font-family: Gotham XNarrow;
247
+ --component-menu-menu-item-font-size: 15; /** --nav-btn-font-size */
248
+ --component-menu-menu-item-font-weight: 700;
249
+ --component-menu-app-top-bar-title-font-size-xs: 12; /** --caption-1-font-size-sm */
250
+ --component-menu-app-top-bar-title-font-size-sm: 12; /** --caption-1-font-size-sm */
251
+ --component-menu-app-top-bar-title-font-size-md: 14; /** --caption-1-font-size-md */
252
+ --component-menu-app-top-bar-title-font-size-lg: 14; /** --caption-1-font-size-lg */
253
+ --component-menu-app-top-bar-title-line-height-xs: 14;
254
+ --component-menu-app-top-bar-title-line-height-sm: 14;
255
+ --component-menu-app-top-bar-title-line-height-md: 17;
256
+ --component-menu-app-top-bar-title-line-height-lg: 17;
257
+ --component-teaser-teaser-title-inline-space-xs: 8; /** --teaser-title-padding-xs */
258
+ --component-teaser-teaser-title-inline-space-sm: 8; /** --teaser-title-padding-sm */
259
+ --component-teaser-teaser-title-inline-space-md: 12; /** --teaser-title-padding-md */
260
+ --component-teaser-teaser-title-inline-space-lg: 12; /** --teaser-title-padding-lg */
261
+ --component-teaser-quad-q-teaser-title-inline-space-xs: 8;
262
+ --component-teaser-quad-q-teaser-title-inline-space-sm: 8;
263
+ --component-teaser-quad-q-teaser-title-inline-space-md: 16;
264
+ --component-teaser-quad-q-teaser-title-inline-space-lg: 12;
265
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-xs: 8;
266
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-sm: 8;
267
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-md: 8;
268
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-lg: 8;
269
+ --component-teaser-a-teaser-a-teaser-title-inline-space-xs: 8;
270
+ --component-teaser-a-teaser-a-teaser-title-inline-space-sm: 8;
271
+ --component-teaser-a-teaser-a-teaser-title-inline-space-md: 12;
272
+ --component-teaser-a-teaser-a-teaser-title-inline-space-lg: 12;
273
+ --component-teaser-super-a-super-ateaser-title-inline-space: 16;
274
+ --component-teaser-2xa-teaser-2xa-teaser-title-inline-space: 8;
275
+ --component-teaser-b-teaser-b-teaser-title-inline-space: 8;
276
+ --brand-name: BILD;
277
+ }
package/dist/css/mapping/brand-bild.css ADDED
@@ -0,0 +1,277 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root[data-brand="bild"] {
6
+ --global-typography-font-family-display-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
7
+ --global-typography-font-family-headline-font-family: Gotham Condensed; /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
8
+ --global-typography-font-family-subheadline-font-family: Gotham Condensed; /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
9
+ --global-typography-font-family-kicker-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
10
+ --global-typography-font-family-title-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
11
+ --global-typography-font-family-callout-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
12
+ --global-typography-font-family-body-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
13
+ --global-typography-font-family-footnote-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
14
+ --global-typography-font-family-label-font-family: Gotham XNarrow; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
15
+ --global-typography-font-family-quote-font-family: Gotham; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
16
+ --global-typography-font-size-display-display1-font-size-xs: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
17
+ --global-typography-font-size-display-display1-font-size-sm: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
18
+ --global-typography-font-size-display-display1-font-size-md: 72; /** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
19
+ --global-typography-font-size-display-display1-font-size-lg: 120; /** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
20
+ --global-typography-font-size-display-display2-font-size-xs: 36; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
21
+ --global-typography-font-size-display-display2-font-size-sm: 36; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
22
+ --global-typography-font-size-display-display2-font-size-md: 42; /** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
23
+ --global-typography-font-size-display-display2-font-size-lg: 64; /** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
24
+ --global-typography-font-size-display-display3-font-size-xs: 28; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
25
+ --global-typography-font-size-display-display3-font-size-sm: 28; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
26
+ --global-typography-font-size-display-display3-font-size-md: 32; /** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
27
+ --global-typography-font-size-display-display3-font-size-lg: 40; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
28
+ --global-typography-font-size-headline-headline-text-align: center; /** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
29
+ --global-typography-font-size-headline-headline1-font-size-xs: 48; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
30
+ --global-typography-font-size-headline-headline1-font-size-sm: 48; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
31
+ --global-typography-font-size-headline-headline1-font-size-md: 72; /** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
32
+ --global-typography-font-size-headline-headline1-font-size-lg: 100; /** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
33
+ --global-typography-font-size-headline-headline2-font-size-xs: 40; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
34
+ --global-typography-font-size-headline-headline2-font-size-sm: 40; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
35
+ --global-typography-font-size-headline-headline2-font-size-md: 48; /** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
36
+ --global-typography-font-size-headline-headline2-font-size-lg: 64; /** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
37
+ --global-typography-font-size-headline-headline3-font-size-xs: 28; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
38
+ --global-typography-font-size-headline-headline3-font-size-sm: 28; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
39
+ --global-typography-font-size-headline-headline3-font-size-md: 36; /** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
40
+ --global-typography-font-size-headline-headline3-font-size-lg: 40; /** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
41
+ --global-typography-font-size-headline-headline4-font-size-xs: 22; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
42
+ --global-typography-font-size-headline-headline4-font-size-sm: 22; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
43
+ --global-typography-font-size-headline-headline4-font-size-md: 26; /** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
44
+ --global-typography-font-size-headline-headline4-font-size-lg: 32; /** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
45
+ --global-typography-font-size-subheadline-subheadline1-font-size-xs: 24; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
46
+ --global-typography-font-size-subheadline-subheadline1-font-size-sm: 24; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
47
+ --global-typography-font-size-subheadline-subheadline1-font-size-md: 32; /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
48
+ --global-typography-font-size-subheadline-subheadline1-font-size-lg: 36; /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
49
+ --global-typography-font-size-kicker-kicker1-font-size-xs: 18; /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
50
+ --global-typography-font-size-kicker-kicker1-font-size-sm: 18; /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
51
+ --global-typography-font-size-kicker-kicker1-font-size-md: 22; /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md */
52
+ --global-typography-font-size-kicker-kicker1-font-size-lg: 30; /** Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg */
53
+ --global-typography-font-size-kicker-kicker2-font-size-xs: 18; /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
54
+ --global-typography-font-size-kicker-kicker2-font-size-sm: 18; /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
55
+ --global-typography-font-size-kicker-kicker2-font-size-md: 22; /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md */
56
+ --global-typography-font-size-kicker-kicker2-font-size-lg: 24; /** Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg */
57
+ --global-typography-font-size-kicker-kicker3-font-size-xs: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
58
+ --global-typography-font-size-kicker-kicker3-font-size-sm: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
59
+ --global-typography-font-size-kicker-kicker3-font-size-md: 18; /** Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md */
60
+ --global-typography-font-size-kicker-kicker3-font-size-lg: 20; /** Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg */
61
+ --global-typography-font-size-kicker-kicker4-font-size-xs: 14; /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
62
+ --global-typography-font-size-kicker-kicker4-font-size-sm: 14; /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
63
+ --global-typography-font-size-kicker-kicker4-font-size-md: 16; /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md */
64
+ --global-typography-font-size-kicker-kicker4-font-size-lg: 16; /** Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg */
65
+ --global-typography-font-size-title-title1-font-size-xs: 22; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
66
+ --global-typography-font-size-title-title1-font-size-sm: 22; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
67
+ --global-typography-font-size-title-title1-font-size-md: 22; /** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
68
+ --global-typography-font-size-title-title1-font-size-lg: 28; /** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
69
+ --global-typography-font-size-title-title2-font-size-xs: 16; /** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
70
+ --global-typography-font-size-title-title2-font-size-sm: 16; /** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
71
+ --global-typography-font-size-title-title2-font-size-md: 18; /** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
72
+ --global-typography-font-size-title-title2-font-size-lg: 20; /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
73
+ --global-typography-font-size-callout-callout1-font-size-xs: 18; /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
74
+ --global-typography-font-size-callout-callout1-font-size-sm: 18; /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
75
+ --global-typography-font-size-callout-callout1-font-size-md: 22; /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
76
+ --global-typography-font-size-callout-callout1-font-size-lg: 22; /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
77
+ --global-typography-font-size-body-body-font-size-xs: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
78
+ --global-typography-font-size-body-body-font-size-sm: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
79
+ --global-typography-font-size-body-body-font-size-md: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
80
+ --global-typography-font-size-body-body-font-size-lg: 21; /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
81
+ --global-typography-font-size-footnote-footnote1-font-size-xs: 16; /** --footnote-font-size-sm */
82
+ --global-typography-font-size-footnote-footnote1-font-size-sm: 16; /** --footnote-font-size-sm */
83
+ --global-typography-font-size-footnote-footnote1-font-size-md: 16;
84
+ --global-typography-font-size-footnote-footnote1-font-size-lg: 18; /** --footnote-font-size-lg */
85
+ --global-typography-font-size-footnote-footnote2-font-size-xs: 12;
86
+ --global-typography-font-size-footnote-footnote2-font-size-sm: 12;
87
+ --global-typography-font-size-footnote-footnote2-font-size-md: 12;
88
+ --global-typography-font-size-footnote-footnote2-font-size-lg: 16;
89
+ --global-typography-font-size-label-label1-font-size: 17;
90
+ --global-typography-font-size-label-label1-resp-font-size-xs: 10;
91
+ --global-typography-font-size-label-label1-resp-font-size-sm: 10;
92
+ --global-typography-font-size-label-label1-resp-font-size-md: 15;
93
+ --global-typography-font-size-label-label1-resp-font-size-lg: 17;
94
+ --global-typography-font-size-label-label2-font-size: 15;
95
+ --global-typography-font-size-label-label3-font-size: 12;
96
+ --global-typography-font-size-label-label4-font-size: 8;
97
+ --global-typography-font-size-quote-quote-font-size-xs: 16;
98
+ --global-typography-font-size-quote-quote-font-size-sm: 16;
99
+ --global-typography-font-size-quote-quote-font-size-md: 18;
100
+ --global-typography-font-size-quote-quote-font-size-lg: 20;
101
+ --global-typography-line-height-display-display1-line-height-xs: 40;
102
+ --global-typography-line-height-display-display1-line-height-sm: 40;
103
+ --global-typography-line-height-display-display1-line-height-md: 72;
104
+ --global-typography-line-height-display-display1-line-height-lg: 120;
105
+ --global-typography-line-height-display-display2-line-height-xs: 36;
106
+ --global-typography-line-height-display-display2-line-height-sm: 36;
107
+ --global-typography-line-height-display-display2-line-height-md: 42;
108
+ --global-typography-line-height-display-display2-line-height-lg: 64;
109
+ --global-typography-line-height-display-display3-line-height-xs: 28;
110
+ --global-typography-line-height-display-display3-line-height-sm: 28;
111
+ --global-typography-line-height-display-display3-line-height-md: 32;
112
+ --global-typography-line-height-display-display3-line-height-lg: 40;
113
+ --global-typography-line-height-headline-headline1-line-height-xs: 48;
114
+ --global-typography-line-height-headline-headline1-line-height-sm: 48;
115
+ --global-typography-line-height-headline-headline1-line-height-md: 72;
116
+ --global-typography-line-height-headline-headline1-line-height-lg: 100;
117
+ --global-typography-line-height-headline-headline2-line-height-xs: 40;
118
+ --global-typography-line-height-headline-headline2-line-height-sm: 40;
119
+ --global-typography-line-height-headline-headline2-line-height-md: 48;
120
+ --global-typography-line-height-headline-headline2-line-height-lg: 64;
121
+ --global-typography-line-height-headline-headline3-line-height-xs: 28;
122
+ --global-typography-line-height-headline-headline3-line-height-sm: 28;
123
+ --global-typography-line-height-headline-headline3-line-height-md: 36;
124
+ --global-typography-line-height-headline-headline3-line-height-lg: 40;
125
+ --global-typography-line-height-headline-headline4-line-height-xs: 22;
126
+ --global-typography-line-height-headline-headline4-line-height-sm: 22;
127
+ --global-typography-line-height-headline-headline4-line-height-md: 22;
128
+ --global-typography-line-height-headline-headline4-line-height-lg: 30;
129
+ --global-typography-line-height-subheadline-subheadline1-line-height-xs: 24;
130
+ --global-typography-line-height-subheadline-subheadline1-line-height-sm: 24;
131
+ --global-typography-line-height-subheadline-subheadline1-line-height-md: 32;
132
+ --global-typography-line-height-subheadline-subheadline1-line-height-lg: 36;
133
+ --global-typography-line-height-kicker-kicker1-line-height-xs: 19.8;
134
+ --global-typography-line-height-kicker-kicker1-line-height-sm: 19.8;
135
+ --global-typography-line-height-kicker-kicker1-line-height-md: 22;
136
+ --global-typography-line-height-kicker-kicker1-line-height-lg: 30;
137
+ --global-typography-line-height-kicker-kicker2-line-height-xs: 19.8;
138
+ --global-typography-line-height-kicker-kicker2-line-height-sm: 19.8;
139
+ --global-typography-line-height-kicker-kicker2-line-height-md: 22;
140
+ --global-typography-line-height-kicker-kicker2-line-height-lg: 24;
141
+ --global-typography-line-height-kicker-kicker3-line-height-xs: 17.6;
142
+ --global-typography-line-height-kicker-kicker3-line-height-sm: 17.6;
143
+ --global-typography-line-height-kicker-kicker3-line-height-md: 18;
144
+ --global-typography-line-height-kicker-kicker3-line-height-lg: 20;
145
+ --global-typography-line-height-kicker-kicker4-line-height-xs: 15.4;
146
+ --global-typography-line-height-kicker-kicker4-line-height-sm: 15.4;
147
+ --global-typography-line-height-kicker-kicker4-line-height-md: 17.6;
148
+ --global-typography-line-height-kicker-kicker4-line-height-lg: 16;
149
+ --global-typography-line-height-title-title1-line-height-xs: 22;
150
+ --global-typography-line-height-title-title1-line-height-sm: 22;
151
+ --global-typography-line-height-title-title1-line-height-md: 22;
152
+ --global-typography-line-height-title-title1-line-height-lg: 28;
153
+ --global-typography-line-height-title-title2-line-height-xs: 17.6;
154
+ --global-typography-line-height-title-title2-line-height-sm: 17.6;
155
+ --global-typography-line-height-title-title2-line-height-md: 19.8;
156
+ --global-typography-line-height-title-title2-line-height-lg: 22;
157
+ --global-typography-line-height-callout-callout1-line-height-xs: 18;
158
+ --global-typography-line-height-callout-callout1-line-height-sm: 18;
159
+ --global-typography-line-height-callout-callout1-line-height-md: 22;
160
+ --global-typography-line-height-callout-callout1-line-height-lg: 22;
161
+ --global-typography-line-height-body-body-line-height-xs: 28;
162
+ --global-typography-line-height-body-body-line-height-sm: 28;
163
+ --global-typography-line-height-body-body-line-height-md: 28;
164
+ --global-typography-line-height-body-body-line-height-lg: 32;
165
+ --global-typography-line-height-footnote-footnote1-line-height-xs: 21;
166
+ --global-typography-line-height-footnote-footnote1-line-height-sm: 21;
167
+ --global-typography-line-height-footnote-footnote1-line-height-md: 21;
168
+ --global-typography-line-height-footnote-footnote1-line-height-lg: 23;
169
+ --global-typography-line-height-footnote-footnote2-line-height-xs: 15.6;
170
+ --global-typography-line-height-footnote-footnote2-line-height-sm: 15.6;
171
+ --global-typography-line-height-footnote-footnote2-line-height-md: 15.8;
172
+ --global-typography-line-height-footnote-footnote2-line-height-lg: 21;
173
+ --global-typography-line-height-label-label1-line-height: 17; /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
174
+ --global-typography-line-height-label-label1-resp-line-height-xs: 10; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
175
+ --global-typography-line-height-label-label1-resp-line-height-sm: 10; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
176
+ --global-typography-line-height-label-label1-resp-line-height-md: 15; /** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
177
+ --global-typography-line-height-label-label1-resp-line-height-lg: 17; /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
178
+ --global-typography-line-height-label-label2-line-height: 16; /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
179
+ --global-typography-line-height-label-label3-line-height: 14.4; /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
180
+ --global-typography-line-height-label-label4-line-height: 10; /** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
181
+ --global-typography-line-height-quote-quote-line-height-xs: 16;
182
+ --global-typography-line-height-quote-quote-line-height-sm: 16;
183
+ --global-typography-line-height-quote-quote-line-height-md: 18;
184
+ --global-typography-line-height-quote-quote-line-height-lg: 22;
185
+ --global-typography-font-weight-display-display-font-weight: 800;
186
+ --global-typography-font-weight-headline-headline1-font-weight: 700;
187
+ --global-typography-font-weight-headline-headline1-font-weight-st: 700;
188
+ --global-typography-font-weight-headline-headline2-font-weight: 700;
189
+ --global-typography-font-weight-headline-headline2-font-weight-st: 700;
190
+ --global-typography-font-weight-headline-headline3-font-weight: 700;
191
+ --global-typography-font-weight-headline-headline3-font-weight-st: 700;
192
+ --global-typography-font-weight-headline-headline4-font-weight: 600;
193
+ --global-typography-font-weight-headline-headline4-font-weight-st: 600;
194
+ --global-typography-font-weight-subheadline-subheadline-font-weight: 700;
195
+ --global-typography-font-weight-kicker-kicker-font-weight: 700;
196
+ --global-typography-font-weight-kicker-kicker-font-weight-st: 700;
197
+ --global-typography-font-weight-title-title-font-weight: 800;
198
+ --global-typography-font-weight-callout-callout-font-weight: 800;
199
+ --global-typography-font-weight-body-body-font-weight-book: 400;
200
+ --global-typography-font-weight-body-body-font-weight-bold: 700;
201
+ --global-typography-font-weight-footnote-footnote-font-weight-book: 400;
202
+ --global-typography-font-weight-footnote-footnote-font-weight-bold: 700;
203
+ --global-typography-font-weight-label-label-font-weight-book: 400;
204
+ --global-typography-font-weight-label-label-font-weight-bold: 700;
205
+ --global-typography-font-weight-quote-quote-font-weight: 800;
206
+ --global-visibilty-hide-on-bild: false;
207
+ --global-visibilty-hide-on-sport-bild: true;
208
+ --global-visibilty-hide-on-advertorial: true;
209
+ --global-visibilty-only-bild: true;
210
+ --global-visibilty-only-sport-bild: false;
211
+ --global-visibilty-only-advertorial: false;
212
+ --component-button-label-font-weight-st: 600;
213
+ --component-accordion-accordion-label-font-family: Gotham XNarrow;
214
+ --component-article-font-size-article-image-caption-font-size-xs: 16; /** --article-figure-caption-font-size-sm */
215
+ --component-article-font-size-article-image-caption-font-size-sm: 16; /** --article-figure-caption-font-size-sm */
216
+ --component-article-font-size-article-image-caption-font-size-md: 18; /** --article-figure-caption-font-size-md */
217
+ --component-article-font-size-article-image-caption-font-size-lg: 18; /** --article-figure-caption-font-size-lg */
218
+ --component-article-font-size-article-image-source-font-size-xs: 16; /** --article-figure-meta-font-size-sm */
219
+ --component-article-font-size-article-image-source-font-size-sm: 16; /** --article-figure-meta-font-size-sm */
220
+ --component-article-font-size-article-image-source-font-size-md: 16; /** --article-figure-meta-font-size-sm */
221
+ --component-article-font-size-article-image-source-font-size-lg: 18; /** --article-figure-meta-font-size-lg */
222
+ --component-article-line-height-article-image-caption-line-height-xs: 19.5; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
223
+ --component-article-line-height-article-image-caption-line-height-sm: 19.5; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
224
+ --component-article-line-height-article-image-caption-line-height-md: 24.75; /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
225
+ --component-article-line-height-article-image-caption-line-height-lg: 24.75; /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
226
+ --component-article-line-height-article-image-source-line-height-xs: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
227
+ --component-article-line-height-article-image-source-line-height-sm: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
228
+ --component-article-line-height-article-image-source-line-height-md: 21; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
229
+ --component-article-line-height-article-image-source-line-height-lg: 23; /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
230
+ --component-avatar-avatar-font-family: Gotham XNarrow; /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
231
+ --component-avatar-avatar-font-size-sm: 16; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
232
+ --component-avatar-avatar-font-size-lg: 18; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
233
+ --component-breadcrumb-font-family-breadcrumb-font-family: Gotham XNarrow; /** --breadcrumb-font */
234
+ --component-breadcrumb-font-weight-breadcrumb-font-weight: 700; /** --breadcrumb-font-size-sm */
235
+ --component-breadcrumb-font-size-breadcrumb-font-size-xs: 15; /** --breadcrumb-font-size-sm */
236
+ --component-breadcrumb-font-size-breadcrumb-font-size-sm: 15; /** --breadcrumb-font-size-sm */
237
+ --component-breadcrumb-font-size-breadcrumb-font-size-md: 15; /** --breadcrumb-font-size-sm */
238
+ --component-breadcrumb-font-size-breadcrumb-font-size-lg: 12; /** --breadcrumb-font-size-lg */
239
+ --component-breadcrumb-line-height-breadcrumb-line-height-xs: 15; /** not defined as variable */
240
+ --component-breadcrumb-line-height-breadcrumb-line-height-sm: 15; /** not defined as variable */
241
+ --component-breadcrumb-line-height-breadcrumb-line-height-md: 15; /** not defined as variable */
242
+ --component-breadcrumb-line-height-breadcrumb-line-height-lg: 12; /** not defined as variable */
243
+ --component-breaking-news-breaking-news-content-font-size: 21;
244
+ --component-footer-footer-link-font-family: Gotham XNarrow;
245
+ --component-inputfield-input-field-label-font-family: Gotham XNarrow;
246
+ --component-media-player-video-time-badge-font-family: Gotham XNarrow;
247
+ --component-menu-menu-item-font-size: 15; /** --nav-btn-font-size */
248
+ --component-menu-menu-item-font-weight: 700;
249
+ --component-menu-app-top-bar-title-font-size-xs: 12; /** --caption-1-font-size-sm */
250
+ --component-menu-app-top-bar-title-font-size-sm: 12; /** --caption-1-font-size-sm */
251
+ --component-menu-app-top-bar-title-font-size-md: 14; /** --caption-1-font-size-md */
252
+ --component-menu-app-top-bar-title-font-size-lg: 14; /** --caption-1-font-size-lg */
253
+ --component-menu-app-top-bar-title-line-height-xs: 14;
254
+ --component-menu-app-top-bar-title-line-height-sm: 14;
255
+ --component-menu-app-top-bar-title-line-height-md: 17;
256
+ --component-menu-app-top-bar-title-line-height-lg: 17;
257
+ --component-teaser-teaser-title-inline-space-xs: 8; /** --teaser-title-padding-xs */
258
+ --component-teaser-teaser-title-inline-space-sm: 8; /** --teaser-title-padding-sm */
259
+ --component-teaser-teaser-title-inline-space-md: 12; /** --teaser-title-padding-md */
260
+ --component-teaser-teaser-title-inline-space-lg: 12; /** --teaser-title-padding-lg */
261
+ --component-teaser-quad-q-teaser-title-inline-space-xs: 8;
262
+ --component-teaser-quad-q-teaser-title-inline-space-sm: 8;
263
+ --component-teaser-quad-q-teaser-title-inline-space-md: 16;
264
+ --component-teaser-quad-q-teaser-title-inline-space-lg: 12;
265
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-xs: 8;
266
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-sm: 8;
267
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-md: 8;
268
+ --component-teaser-mini-q-mini-q-teaser-title-inline-space-lg: 8;
269
+ --component-teaser-a-teaser-a-teaser-title-inline-space-xs: 8;
270
+ --component-teaser-a-teaser-a-teaser-title-inline-space-sm: 8;
271
+ --component-teaser-a-teaser-a-teaser-title-inline-space-md: 12;
272
+ --component-teaser-a-teaser-a-teaser-title-inline-space-lg: 12;
273
+ --component-teaser-super-a-super-ateaser-title-inline-space: 16;
274
+ --component-teaser-2xa-teaser-2xa-teaser-title-inline-space: 8;
275
+ --component-teaser-b-teaser-b-teaser-title-inline-space: 8;
276
+ --brand-name: BILD;
277
+ }