@marioschmidt/design-system-tokens 1.0.20 → 1.0.22

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 (230) hide show
  1. package/dist/android/res/values/shared/colorprimitive.xml +5 -5
  2. package/dist/android/res/values/shared/spaceprimitive.xml +1 -1
  3. package/dist/css/brands/advertorial/density/density-compact.css +31 -6
  4. package/dist/css/brands/advertorial/density/density-default.css +31 -6
  5. package/dist/css/brands/advertorial/density/density-spacious.css +31 -6
  6. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +694 -200
  7. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  8. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  9. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  10. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  11. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
  12. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
  13. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
  14. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
  15. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
  16. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
  17. package/dist/css/brands/bild/density/density-compact.css +31 -6
  18. package/dist/css/brands/bild/density/density-default.css +31 -6
  19. package/dist/css/brands/bild/density/density-spacious.css +31 -6
  20. package/dist/css/brands/bild/overrides/brandcolormapping.css +238 -54
  21. package/dist/css/brands/bild/overrides/brandtokenmapping.css +694 -200
  22. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  23. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  24. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  25. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  26. package/dist/css/brands/bild/semantic/color/colormode-dark.css +532 -280
  27. package/dist/css/brands/bild/semantic/color/colormode-light.css +532 -280
  28. package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
  29. package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
  30. package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
  31. package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
  32. package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
  33. package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
  34. package/dist/css/brands/sportbild/density/density-compact.css +31 -6
  35. package/dist/css/brands/sportbild/density/density-default.css +31 -6
  36. package/dist/css/brands/sportbild/density/density-spacious.css +31 -6
  37. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +238 -54
  38. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +694 -200
  39. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  40. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  41. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  42. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  43. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +532 -280
  44. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +532 -280
  45. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
  46. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
  47. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
  48. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
  49. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
  50. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
  51. package/dist/css/shared/colorprimitive.css +162 -50
  52. package/dist/css/shared/fontprimitive.css +99 -33
  53. package/dist/css/shared/sizeprimitive.css +8 -1
  54. package/dist/css/shared/spaceprimitive.css +9 -2
  55. package/dist/flutter/brands/advertorial/density/density-compact.dart +5 -0
  56. package/dist/flutter/brands/advertorial/density/density-default.dart +5 -0
  57. package/dist/flutter/brands/advertorial/density/density-spacious.dart +5 -0
  58. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +17 -2
  59. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  60. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  61. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  62. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  63. package/dist/flutter/brands/bild/density/density-compact.dart +5 -0
  64. package/dist/flutter/brands/bild/density/density-default.dart +5 -0
  65. package/dist/flutter/brands/bild/density/density-spacious.dart +5 -0
  66. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +10 -1
  67. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +17 -2
  68. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  69. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  70. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  71. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  72. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +10 -0
  73. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +10 -0
  74. package/dist/flutter/brands/sportbild/density/density-compact.dart +5 -0
  75. package/dist/flutter/brands/sportbild/density/density-default.dart +5 -0
  76. package/dist/flutter/brands/sportbild/density/density-spacious.dart +5 -0
  77. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +10 -1
  78. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +17 -2
  79. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  80. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  81. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  82. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  83. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +10 -0
  84. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +10 -0
  85. package/dist/flutter/shared/colorprimitive.dart +25 -6
  86. package/dist/flutter/shared/fontprimitive.dart +20 -3
  87. package/dist/flutter/shared/sizeprimitive.dart +5 -0
  88. package/dist/flutter/shared/spaceprimitive.dart +6 -1
  89. package/dist/ios/brands/advertorial/density/DensityCompact.swift +5 -0
  90. package/dist/ios/brands/advertorial/density/DensityDefault.swift +5 -0
  91. package/dist/ios/brands/advertorial/density/DensitySpacious.swift +5 -0
  92. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +17 -2
  93. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  94. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  95. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  96. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  97. package/dist/ios/brands/bild/density/DensityCompact.swift +5 -0
  98. package/dist/ios/brands/bild/density/DensityDefault.swift +5 -0
  99. package/dist/ios/brands/bild/density/DensitySpacious.swift +5 -0
  100. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +10 -1
  101. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +17 -2
  102. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  103. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  104. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  105. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  106. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +10 -0
  107. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +10 -0
  108. package/dist/ios/brands/sportbild/density/DensityCompact.swift +5 -0
  109. package/dist/ios/brands/sportbild/density/DensityDefault.swift +5 -0
  110. package/dist/ios/brands/sportbild/density/DensitySpacious.swift +5 -0
  111. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +10 -1
  112. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +17 -2
  113. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  114. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  115. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  116. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  117. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +10 -0
  118. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +10 -0
  119. package/dist/ios/shared/Colorprimitive.swift +25 -6
  120. package/dist/ios/shared/Fontprimitive.swift +20 -3
  121. package/dist/ios/shared/Sizeprimitive.swift +5 -0
  122. package/dist/ios/shared/Spaceprimitive.swift +6 -1
  123. package/dist/js/brands/advertorial/density/density-compact.js +16 -1
  124. package/dist/js/brands/advertorial/density/density-default.js +16 -1
  125. package/dist/js/brands/advertorial/density/density-spacious.js +16 -1
  126. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +404 -158
  127. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  128. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  129. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  130. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  131. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
  132. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
  133. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
  134. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
  135. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
  136. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
  137. package/dist/js/brands/bild/density/density-compact.js +16 -1
  138. package/dist/js/brands/bild/density/density-default.js +16 -1
  139. package/dist/js/brands/bild/density/density-spacious.js +16 -1
  140. package/dist/js/brands/bild/overrides/brandcolormapping.js +127 -44
  141. package/dist/js/brands/bild/overrides/brandtokenmapping.js +404 -158
  142. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  143. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  144. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  145. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  146. package/dist/js/brands/bild/semantic/color/colormode-dark.js +426 -184
  147. package/dist/js/brands/bild/semantic/color/colormode-light.js +426 -182
  148. package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
  149. package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
  150. package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
  151. package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
  152. package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
  153. package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
  154. package/dist/js/brands/sportbild/density/density-compact.js +16 -1
  155. package/dist/js/brands/sportbild/density/density-default.js +16 -1
  156. package/dist/js/brands/sportbild/density/density-spacious.js +16 -1
  157. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +127 -44
  158. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +404 -158
  159. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  160. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  161. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  162. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  163. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +426 -184
  164. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +426 -182
  165. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
  166. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
  167. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
  168. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
  169. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
  170. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
  171. package/dist/js/shared/colorprimitive.js +126 -46
  172. package/dist/js/shared/fontprimitive.js +76 -34
  173. package/dist/js/shared/sizeprimitive.js +8 -1
  174. package/dist/js/shared/spaceprimitive.js +9 -2
  175. package/dist/json/shared/colorprimitive.json +15 -15
  176. package/dist/json/shared/spaceprimitive.json +3 -3
  177. package/dist/manifest.json +1 -1
  178. package/dist/scss/brands/advertorial/density/density-compact.scss +22 -6
  179. package/dist/scss/brands/advertorial/density/density-default.scss +22 -6
  180. package/dist/scss/brands/advertorial/density/density-spacious.scss +22 -6
  181. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +448 -201
  182. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  183. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  184. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  185. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  186. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
  187. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
  188. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
  189. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
  190. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
  191. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
  192. package/dist/scss/brands/bild/density/density-compact.scss +22 -6
  193. package/dist/scss/brands/bild/density/density-default.scss +22 -6
  194. package/dist/scss/brands/bild/density/density-spacious.scss +22 -6
  195. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +140 -55
  196. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +448 -201
  197. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  198. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  199. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  200. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  201. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +423 -272
  202. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +423 -272
  203. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
  204. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
  205. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
  206. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
  207. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
  208. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
  209. package/dist/scss/brands/sportbild/density/density-compact.scss +22 -6
  210. package/dist/scss/brands/sportbild/density/density-default.scss +22 -6
  211. package/dist/scss/brands/sportbild/density/density-spacious.scss +22 -6
  212. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +140 -55
  213. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +448 -201
  214. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  215. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  216. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  217. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  218. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +423 -272
  219. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +423 -272
  220. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
  221. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
  222. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
  223. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
  224. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
  225. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
  226. package/dist/scss/shared/colorprimitive.scss +131 -50
  227. package/dist/scss/shared/fontprimitive.scss +76 -33
  228. package/dist/scss/shared/sizeprimitive.scss +9 -1
  229. package/dist/scss/shared/spaceprimitive.scss +10 -2
  230. package/package.json +1 -1
@@ -1,85 +1,522 @@
1
1
  /**
2
- * Do not edit directly, this file was auto-generated.
2
+ * brandtokenmapping.css
3
+ * Generiert am: 2025-11-24T20:37:11.215Z
4
+ * Nicht manuell bearbeiten!
3
5
  */
4
6
 
5
7
  :root {
6
- --display1-font-size-xs: 39px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
7
- --display1-font-size-sm: 39px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
8
- --display1-font-size-md: 70px; /** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
9
- --display1-font-size-lg: 116px; /** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
10
- --display2-font-size-xs: 35px; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
11
- --display2-font-size-sm: 35px; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
12
- --display2-font-size-md: 41px; /** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
13
- --display2-font-size-lg: 62px; /** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
14
- --display3-font-size-sm: 27px; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
15
- --display3-font-size-md: 31px; /** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
16
- --display3-font-size-lg: 39px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
17
- --display3-font-size-xs: 27px; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
18
- --headline1-font-size-xs: 36px; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
19
- --headline1-font-size-sm: 36px; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
20
- --headline1-font-size-md: 54px; /** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
21
- --headline1-font-size-lg: 70px; /** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
22
- --headline2-font-size-xs: 30px; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
23
- --headline2-font-size-sm: 30px; /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
24
- --headline2-font-size-md: 36px; /** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
25
- --headline2-font-size-lg: 48px; /** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
26
- --headline3-font-size-xs: 24px; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
27
- --headline3-font-size-sm: 24px; /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
28
- --headline3-font-size-md: 26px; /** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
29
- --headline3-font-size-lg: 32px; /** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
30
- --headline4-font-size-xs: 16px; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
31
- --headline4-font-size-sm: 16px; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
32
- --headline4-font-size-md: 20px; /** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
33
- --headline4-font-size-lg: 22px; /** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
34
- --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 */
35
- --kicker1-font-size-xs: 16px; /** 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 */
36
- --kicker1-font-size-sm: 16px; /** 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 */
37
- --kicker1-font-size-md: 18px; /** 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 */
38
- --kicker1-font-size-lg: 25px; /** 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 */
39
- --kicker2-font-size-xs: 16px; /** 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 */
40
- --kicker2-font-size-sm: 16px; /** 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 */
41
- --kicker2-font-size-md: 18px; /** 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 */
42
- --kicker2-font-size-lg: 21px; /** 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 */
43
- --kicker3-font-size-xs: 14px; /** 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 */
44
- --kicker3-font-size-sm: 14px; /** 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 */
45
- --kicker3-font-size-md: 14px; /** 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 */
46
- --kicker3-font-size-lg: 16px; /** 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 */
47
- --kicker4-font-size-xs: 12px; /** 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 */
48
- --kicker4-font-size-sm: 12px; /** 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 */
49
- --kicker4-font-size-md: 14px; /** 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 */
50
- --kicker4-font-size-lg: 14px; /** 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 */
51
- --subheadline1-font-size-xs: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
52
- --subheadline1-font-size-sm: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
53
- --subheadline1-font-size-md: 18px; /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
54
- --subheadline1-font-size-lg: 28px; /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
55
- --title1-font-size-xs: 22px; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
56
- --title1-font-size-sm: 22px; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
57
- --title1-font-size-md: 22px; /** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
58
- --title1-font-size-lg: 28px; /** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
59
- --title2-font-size-xs: 14px; /** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
60
- --title2-font-size-sm: 14px; /** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
61
- --title2-font-size-md: 16px; /** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
62
- --title2-font-size-lg: 18px; /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
63
- --callout1-font-size-xs: 16px; /** 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: */
64
- --callout1-font-size-sm: 16px; /** 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: */
65
- --callout1-font-size-md: 22px; /** 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: */
66
- --callout1-font-size-lg: 22px; /** 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: */
67
- --body-font-size-xs: 17px; /** 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 */
68
- --body-font-size-sm: 17px; /** 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 */
69
- --body-font-size-md: 17px; /** 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 */
70
- --body-font-size-lg: 17px; /** 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 */
71
- --footnote1-font-size-xs: 13px; /** --footnote-font-size-sm */
72
- --footnote1-font-size-sm: 13px; /** --footnote-font-size-sm */
8
+ /* ============================================
9
+ COMPONENT
10
+ ============================================ */
11
+
12
+ --button-label-font-weight-st: 600;
13
+
14
+ /* Component - Accordion */
15
+ --accordion-label-font-family: Lucida Grande;
16
+
17
+ /* Component - Article - FontSize */
18
+ /**
19
+ * --article-figure-caption-font-size-sm
20
+ */
21
+ --article-image-caption-font-size-xs: 13px;
22
+ /**
23
+ * --article-figure-caption-font-size-md
24
+ */
25
+ --article-image-caption-font-size-md: 13px;
26
+ /**
27
+ * --article-figure-caption-font-size-lg
28
+ */
29
+ --article-image-caption-font-size-lg: 16px;
30
+ /**
31
+ * --article-figure-caption-font-size-sm
32
+ */
33
+ --article-image-caption-font-size-sm: 13px;
34
+ /**
35
+ * --article-figure-meta-font-size-sm
36
+ */
37
+ --article-image-source-font-size-xs: 13px;
38
+ /**
39
+ * --article-figure-meta-font-size-sm
40
+ */
41
+ --article-image-source-font-size-sm: 13px;
42
+ /**
43
+ * --article-figure-meta-font-size-sm
44
+ */
45
+ --article-image-source-font-size-md: 13px;
46
+ /**
47
+ * --article-figure-meta-font-size-lg
48
+ */
49
+ --article-image-source-font-size-lg: 16px;
50
+
51
+ /* Component - Article - LineHeight */
52
+ /**
53
+ * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
54
+ */
55
+ --article-image-caption-line-height-xs: 19.5px;
56
+ /**
57
+ * --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
58
+ */
59
+ --article-image-caption-line-height-md: 19.5px;
60
+ /**
61
+ * --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
62
+ */
63
+ --article-image-caption-line-height-lg: 24px;
64
+ /**
65
+ * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
66
+ */
67
+ --article-image-caption-line-height-sm: 19.5px;
68
+ /**
69
+ * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
70
+ */
71
+ --article-image-source-line-height-md: 19px;
72
+ /**
73
+ * --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
74
+ */
75
+ --article-image-source-line-height-lg: 24px;
76
+ /**
77
+ * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
78
+ */
79
+ --article-image-source-line-height-xs: 19px;
80
+ /**
81
+ * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
82
+ */
83
+ --article-image-source-line-height-sm: 19px;
84
+
85
+ /* Component - Avatar */
86
+ /**
87
+ * current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
88
+ */
89
+ --avatar-font-family: Lucida Grande;
90
+ /**
91
+ * 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
92
+ */
93
+ --avatar-font-size-sm: 13px;
94
+ /**
95
+ * 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
96
+ */
97
+ --avatar-font-size-lg: 15px;
98
+
99
+ /* Component - Breadcrumb - FontFamily */
100
+ /**
101
+ * --breadcrumb-font
102
+ */
103
+ --breadcrumb-font-family: Lucida Grande;
104
+
105
+ /* Component - Breadcrumb - FontSize */
106
+ /**
107
+ * --breadcrumb-font-size-sm
108
+ */
109
+ --breadcrumb-font-size-xs: 15px;
110
+ /**
111
+ * --breadcrumb-font-size-sm
112
+ */
113
+ --breadcrumb-font-size-sm: 15px;
114
+ /**
115
+ * --breadcrumb-font-size-sm
116
+ */
117
+ --breadcrumb-font-size-md: 15px;
118
+ /**
119
+ * --breadcrumb-font-size-lg
120
+ */
121
+ --breadcrumb-font-size-lg: 12px;
122
+
123
+ /* Component - Breadcrumb - FontWeight */
124
+ /**
125
+ * --breadcrumb-font-size-sm
126
+ */
127
+ --breadcrumb-font-weight: 700;
128
+
129
+ /* Component - Breadcrumb - LineHeight */
130
+ /**
131
+ * not defined as variable
132
+ */
133
+ --breadcrumb-line-height-xs: 15px;
134
+ /**
135
+ * not defined as variable
136
+ */
137
+ --breadcrumb-line-height-sm: 15px;
138
+ /**
139
+ * not defined as variable
140
+ */
141
+ --breadcrumb-line-height-md: 15px;
142
+ /**
143
+ * not defined as variable
144
+ */
145
+ --breadcrumb-line-height-lg: 12px;
146
+
147
+ /* Component - BreakingNews */
148
+ --breaking-news-content-font-size: 21px;
149
+
150
+ /* Component - Footer */
151
+ --footer-link-font-family: Gotham XNarrow;
152
+
153
+ /* Component - Inputfield */
154
+ --input-field-label-font-family: Lucida Grande;
155
+
156
+ /* Component - MediaPlayer */
157
+ --video-time-badge-font-family: Lucida Grande;
158
+
159
+ /* Component - Menu */
160
+ /**
161
+ * --nav-btn-font-size
162
+ */
163
+ --menu-item-font-size: 15px;
164
+ /**
165
+ * --caption-1-font-size-md
166
+ */
167
+ --app-top-bar-title-font-size-md: 14px;
168
+ /**
169
+ * --caption-1-font-size-lg
170
+ */
171
+ --app-top-bar-title-font-size-lg: 14px;
172
+ /**
173
+ * --caption-1-font-size-sm
174
+ */
175
+ --app-top-bar-title-font-size-xs: 12px;
176
+ /**
177
+ * --caption-1-font-size-sm
178
+ */
179
+ --app-top-bar-title-font-size-sm: 12px;
180
+ --app-top-bar-title-line-height-md: 17px;
181
+ --app-top-bar-title-line-height-lg: 17px;
182
+ --app-top-bar-title-line-height-xs: 14px;
183
+ --app-top-bar-title-line-height-sm: 14px;
184
+ --menu-item-font-weight: 700;
185
+
186
+ /* Component - Teaser */
187
+ /**
188
+ * --teaser-title-padding-lg
189
+ */
190
+ --teaser-title-inline-space-lg: 12px;
191
+ /**
192
+ * --teaser-title-padding-md
193
+ */
194
+ --teaser-title-inline-space-md: 12px;
195
+ /**
196
+ * --teaser-title-padding-sm
197
+ */
198
+ --teaser-title-inline-space-sm: 8px;
199
+ /**
200
+ * --teaser-title-padding-xs
201
+ */
202
+ --teaser-title-inline-space-xs: 8px;
203
+
204
+ /* Component - Teaser - 2xaTeaser */
205
+ --2xa-teaser-title-inline-space: 8px;
206
+
207
+ /* Component - Teaser - Quad */
208
+ --q-teaser-title-inline-space-lg: 12px;
209
+ --q-teaser-title-inline-space-md: 16px;
210
+ --q-teaser-title-inline-space-sm: 8px;
211
+ --q-teaser-title-inline-space-xs: 8px;
212
+
213
+ /* Component - Teaser - aTeaser */
214
+ --a-teaser-title-inline-space-lg: 12px;
215
+ --a-teaser-title-inline-space-md: 12px;
216
+ --a-teaser-title-inline-space-xs: 8px;
217
+ --a-teaser-title-inline-space-sm: 8px;
218
+
219
+ /* Component - Teaser - bTeaser */
220
+ --b-teaser-title-inline-space: 8px;
221
+
222
+ /* Component - Teaser - miniQ */
223
+ --mini-qteaser-title-inline-space-md: 8px;
224
+ --mini-qteaser-title-inline-space-lg: 8px;
225
+ --mini-qteaser-title-inline-space-sm: 8px;
226
+ --mini-qteaser-title-inline-space-xs: 8px;
227
+
228
+ /* Component - Teaser - superA */
229
+ --super-ateaser-title-inline-space: 16px;
230
+
231
+
232
+ /* ============================================
233
+ GLOBAL
234
+ ============================================ */
235
+
236
+ /* Global - Typography - FontFamily */
237
+ /**
238
+ * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter.
239
+ */
240
+ --kicker-font-family: Lucida Grande;
241
+ /**
242
+ * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter.
243
+ */
244
+ --display-font-family: Lucida Grande;
245
+ /**
246
+ * Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter.
247
+ */
248
+ --headline-font-family: Lucida Grande;
249
+ /**
250
+ * Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter.
251
+ */
252
+ --subheadline-font-family: Lucida Grande;
253
+ /**
254
+ * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter.
255
+ */
256
+ --body-font-family: Lucida Grande;
257
+ /**
258
+ * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
259
+ */
260
+ --footnote-font-family: Lucida Grande;
261
+ /**
262
+ * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
263
+ */
264
+ --label-font-family: Lucida Grande;
265
+ /**
266
+ * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
267
+ */
268
+ --quote-font-family: Lucida Grande;
269
+ /**
270
+ * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter.
271
+ */
272
+ --title-font-family: Lucida Grande;
273
+ /**
274
+ * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter.
275
+ */
276
+ --callout-font-family: Lucida Grande;
277
+
278
+ /* Global - Typography - FontSize - Body */
279
+ /**
280
+ * 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
281
+ */
282
+ --body-font-size-xs: 17px;
283
+ /**
284
+ * 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
285
+ */
286
+ --body-font-size-sm: 17px;
287
+ /**
288
+ * 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
289
+ */
290
+ --body-font-size-md: 17px;
291
+ /**
292
+ * 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
293
+ */
294
+ --body-font-size-lg: 17px;
295
+
296
+ /* Global - Typography - FontSize - Callout */
297
+ /**
298
+ * 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:
299
+ */
300
+ --callout1-font-size-xs: 16px;
301
+ /**
302
+ * 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:
303
+ */
304
+ --callout1-font-size-sm: 16px;
305
+ /**
306
+ * 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:
307
+ */
308
+ --callout1-font-size-md: 22px;
309
+ /**
310
+ * 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:
311
+ */
312
+ --callout1-font-size-lg: 22px;
313
+
314
+ /* Global - Typography - FontSize - Display */
315
+ /**
316
+ * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
317
+ */
318
+ --display1-font-size-xs: 39px;
319
+ /**
320
+ * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
321
+ */
322
+ --display1-font-size-sm: 39px;
323
+ /**
324
+ * Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
325
+ */
326
+ --display1-font-size-md: 70px;
327
+ /**
328
+ * Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
329
+ */
330
+ --display1-font-size-lg: 116px;
331
+ /**
332
+ * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
333
+ */
334
+ --display2-font-size-xs: 35px;
335
+ /**
336
+ * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
337
+ */
338
+ --display2-font-size-sm: 35px;
339
+ /**
340
+ * Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
341
+ */
342
+ --display2-font-size-md: 41px;
343
+ /**
344
+ * Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
345
+ */
346
+ --display2-font-size-lg: 62px;
347
+ /**
348
+ * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
349
+ */
350
+ --display3-font-size-sm: 27px;
351
+ /**
352
+ * Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
353
+ */
354
+ --display3-font-size-md: 31px;
355
+ /**
356
+ * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
357
+ */
358
+ --display3-font-size-lg: 39px;
359
+ /**
360
+ * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
361
+ */
362
+ --display3-font-size-xs: 27px;
363
+
364
+ /* Global - Typography - FontSize - Footnote */
365
+ /**
366
+ * --footnote-font-size-sm
367
+ */
368
+ --footnote1-font-size-xs: 13px;
369
+ /**
370
+ * --footnote-font-size-sm
371
+ */
372
+ --footnote1-font-size-sm: 13px;
73
373
  --footnote1-font-size-md: 13px;
74
- --footnote1-font-size-lg: 15px; /** --footnote-font-size-lg */
374
+ /**
375
+ * --footnote-font-size-lg
376
+ */
377
+ --footnote1-font-size-lg: 15px;
75
378
  --footnote2-font-size-xs: 10px;
76
379
  --footnote2-font-size-sm: 10px;
77
380
  --footnote2-font-size-md: 10px;
78
381
  --footnote2-font-size-lg: 13px;
79
- --quote-font-size-xs: 16px;
80
- --quote-font-size-sm: 16px;
81
- --quote-font-size-md: 16px;
82
- --quote-font-size-lg: 18px;
382
+
383
+ /* Global - Typography - FontSize - Headline */
384
+ /**
385
+ * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
386
+ */
387
+ --headline1-font-size-xs: 36px;
388
+ /**
389
+ * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
390
+ */
391
+ --headline1-font-size-sm: 36px;
392
+ /**
393
+ * Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
394
+ */
395
+ --headline1-font-size-md: 54px;
396
+ /**
397
+ * Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
398
+ */
399
+ --headline1-font-size-lg: 70px;
400
+ /**
401
+ * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
402
+ */
403
+ --headline2-font-size-xs: 30px;
404
+ /**
405
+ * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
406
+ */
407
+ --headline2-font-size-sm: 30px;
408
+ /**
409
+ * Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
410
+ */
411
+ --headline2-font-size-md: 36px;
412
+ /**
413
+ * Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
414
+ */
415
+ --headline2-font-size-lg: 48px;
416
+ /**
417
+ * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
418
+ */
419
+ --headline3-font-size-xs: 24px;
420
+ /**
421
+ * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
422
+ */
423
+ --headline3-font-size-sm: 24px;
424
+ /**
425
+ * Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
426
+ */
427
+ --headline3-font-size-md: 26px;
428
+ /**
429
+ * Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
430
+ */
431
+ --headline3-font-size-lg: 32px;
432
+ /**
433
+ * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
434
+ */
435
+ --headline4-font-size-xs: 16px;
436
+ /**
437
+ * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
438
+ */
439
+ --headline4-font-size-sm: 16px;
440
+ /**
441
+ * Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
442
+ */
443
+ --headline4-font-size-md: 20px;
444
+ /**
445
+ * Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
446
+ */
447
+ --headline4-font-size-lg: 22px;
448
+ /**
449
+ * This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
450
+ */
451
+ --headline-text-align: center;
452
+
453
+ /* Global - Typography - FontSize - Kicker */
454
+ /**
455
+ * 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
456
+ */
457
+ --kicker1-font-size-xs: 16px;
458
+ /**
459
+ * 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
460
+ */
461
+ --kicker1-font-size-sm: 16px;
462
+ /**
463
+ * 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
464
+ */
465
+ --kicker1-font-size-md: 18px;
466
+ /**
467
+ * 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
468
+ */
469
+ --kicker1-font-size-lg: 25px;
470
+ /**
471
+ * 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
472
+ */
473
+ --kicker2-font-size-xs: 16px;
474
+ /**
475
+ * 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
476
+ */
477
+ --kicker2-font-size-sm: 16px;
478
+ /**
479
+ * 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
480
+ */
481
+ --kicker2-font-size-md: 18px;
482
+ /**
483
+ * 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
484
+ */
485
+ --kicker2-font-size-lg: 21px;
486
+ /**
487
+ * 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
488
+ */
489
+ --kicker3-font-size-xs: 14px;
490
+ /**
491
+ * 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
492
+ */
493
+ --kicker3-font-size-sm: 14px;
494
+ /**
495
+ * 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
496
+ */
497
+ --kicker3-font-size-md: 14px;
498
+ /**
499
+ * 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
500
+ */
501
+ --kicker3-font-size-lg: 16px;
502
+ /**
503
+ * 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
504
+ */
505
+ --kicker4-font-size-xs: 12px;
506
+ /**
507
+ * 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
508
+ */
509
+ --kicker4-font-size-sm: 12px;
510
+ /**
511
+ * 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
512
+ */
513
+ --kicker4-font-size-md: 14px;
514
+ /**
515
+ * 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
516
+ */
517
+ --kicker4-font-size-lg: 14px;
518
+
519
+ /* Global - Typography - FontSize - Label */
83
520
  --label1-font-size: 17px;
84
521
  --label2-font-size: 15px;
85
522
  --label3-font-size: 12px;
@@ -88,6 +525,119 @@
88
525
  --label1-resp-font-size-sm: 10px;
89
526
  --label1-resp-font-size-md: 15px;
90
527
  --label1-resp-font-size-lg: 17px;
528
+
529
+ /* Global - Typography - FontSize - Quote */
530
+ --quote-font-size-xs: 16px;
531
+ --quote-font-size-sm: 16px;
532
+ --quote-font-size-md: 16px;
533
+ --quote-font-size-lg: 18px;
534
+
535
+ /* Global - Typography - FontSize - Subheadline */
536
+ /**
537
+ * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
538
+ */
539
+ --subheadline1-font-size-xs: 18px;
540
+ /**
541
+ * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
542
+ */
543
+ --subheadline1-font-size-sm: 18px;
544
+ /**
545
+ * Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
546
+ */
547
+ --subheadline1-font-size-md: 18px;
548
+ /**
549
+ * Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
550
+ */
551
+ --subheadline1-font-size-lg: 28px;
552
+
553
+ /* Global - Typography - FontSize - Title */
554
+ /**
555
+ * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
556
+ */
557
+ --title1-font-size-xs: 22px;
558
+ /**
559
+ * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
560
+ */
561
+ --title1-font-size-sm: 22px;
562
+ /**
563
+ * Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
564
+ */
565
+ --title1-font-size-md: 22px;
566
+ /**
567
+ * Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
568
+ */
569
+ --title1-font-size-lg: 28px;
570
+ /**
571
+ * Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
572
+ */
573
+ --title2-font-size-xs: 14px;
574
+ /**
575
+ * Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
576
+ */
577
+ --title2-font-size-sm: 14px;
578
+ /**
579
+ * Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
580
+ */
581
+ --title2-font-size-md: 16px;
582
+ /**
583
+ * Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
584
+ */
585
+ --title2-font-size-lg: 18px;
586
+
587
+ /* Global - Typography - FontWeight - Body */
588
+ --body-font-weight-book: 400;
589
+ --body-font-weight-bold: 700;
590
+
591
+ /* Global - Typography - FontWeight - Callout */
592
+ --callout-font-weight: 800;
593
+
594
+ /* Global - Typography - FontWeight - Display */
595
+ --display-font-weight: 800;
596
+
597
+ /* Global - Typography - FontWeight - Footnote */
598
+ --footnote-font-weight-book: 400;
599
+ --footnote-font-weight-bold: 700;
600
+
601
+ /* Global - Typography - FontWeight - Headline */
602
+ --headline1-font-weight-st: 700;
603
+ --headline1-font-weight: 700;
604
+ --headline2-font-weight: 700;
605
+ --headline3-font-weight: 700;
606
+ --headline4-font-weight: 600;
607
+ --headline2-font-weight-st: 700;
608
+ --headline3-font-weight-st: 700;
609
+ --headline4-font-weight-st: 600;
610
+
611
+ /* Global - Typography - FontWeight - Kicker */
612
+ --kicker-font-weight: 700;
613
+ --kicker-font-weight-st: 700;
614
+
615
+ /* Global - Typography - FontWeight - Label */
616
+ --label-font-weight-book: 400;
617
+ --label-font-weight-bold: 700;
618
+
619
+ /* Global - Typography - FontWeight - Quote */
620
+ --quote-font-weight: 800;
621
+
622
+ /* Global - Typography - FontWeight - Subheadline */
623
+ --subheadline-font-weight: 700;
624
+
625
+ /* Global - Typography - FontWeight - Title */
626
+ --title-font-weight: 800;
627
+
628
+ /* Global - Typography - LineHeight - Body */
629
+ --body-line-height-xs: 29.75px;
630
+ --body-line-height-sm: 29.75px;
631
+ --body-line-height-md: 29.75px;
632
+ --body-line-height-lg: 29.75px;
633
+
634
+ /* Global - Typography - LineHeight - Callout */
635
+ --callout1-line-height-xs: 20.799999237060547px;
636
+ --callout1-line-height-sm: 20.799999237060547px;
637
+ --callout1-line-height-md: 28.600000381469727px;
638
+ --callout1-line-height-lg: 28.600000381469727px;
639
+
640
+ /* Global - Typography - LineHeight - Display */
91
641
  --display1-line-height-xs: 40px;
92
642
  --display1-line-height-sm: 40px;
93
643
  --display1-line-height-md: 72px;
@@ -100,6 +650,18 @@
100
650
  --display3-line-height-md: 32px;
101
651
  --display3-line-height-sm: 28px;
102
652
  --display3-line-height-xs: 28px;
653
+
654
+ /* Global - Typography - LineHeight - Footnote */
655
+ --footnote1-line-height-xs: 16.899999618530273px;
656
+ --footnote1-line-height-sm: 16.899999618530273px;
657
+ --footnote1-line-height-md: 16.899999618530273px;
658
+ --footnote1-line-height-lg: 19.5px;
659
+ --footnote2-line-height-xs: 13px;
660
+ --footnote2-line-height-sm: 13px;
661
+ --footnote2-line-height-md: 13px;
662
+ --footnote2-line-height-lg: 16.899999618530273px;
663
+
664
+ /* Global - Typography - LineHeight - Headline */
103
665
  --headline1-line-height-xs: 37.79999923706055px;
104
666
  --headline1-line-height-sm: 37.79999923706055px;
105
667
  --headline1-line-height-md: 56.70000076293945px;
@@ -116,10 +678,8 @@
116
678
  --headline4-line-height-sm: 18.399999618530273px;
117
679
  --headline4-line-height-md: 19.799999237060547px;
118
680
  --headline4-line-height-lg: 27.5px;
119
- --subheadline1-line-height-xs: 23.399999618530273px;
120
- --subheadline1-line-height-sm: 23.399999618530273px;
121
- --subheadline1-line-height-md: 23.399999618530273px;
122
- --subheadline1-line-height-lg: 36.400001525878906px;
681
+
682
+ /* Global - Typography - LineHeight - Kicker */
123
683
  --kicker1-line-height-xs: 17.600000381469727px;
124
684
  --kicker1-line-height-sm: 17.600000381469727px;
125
685
  --kicker1-line-height-md: 19.799999237060547px;
@@ -136,6 +696,54 @@
136
696
  --kicker4-line-height-sm: 13.199999809265137px;
137
697
  --kicker4-line-height-md: 15.399999618530273px;
138
698
  --kicker4-line-height-lg: 15.399999618530273px;
699
+
700
+ /* Global - Typography - LineHeight - Label */
701
+ /**
702
+ * Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
703
+ */
704
+ --label1-line-height: 20.399999618530273px;
705
+ /**
706
+ * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
707
+ */
708
+ --label1-resp-line-height-xs: 10px;
709
+ /**
710
+ * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
711
+ */
712
+ --label1-resp-line-height-sm: 10px;
713
+ /**
714
+ * Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
715
+ */
716
+ --label1-resp-line-height-md: 15px;
717
+ /**
718
+ * Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
719
+ */
720
+ --label1-resp-line-height-lg: 17px;
721
+ /**
722
+ * Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
723
+ */
724
+ --label2-line-height: 16px;
725
+ /**
726
+ * Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
727
+ */
728
+ --label3-line-height: 14.399999618530273px;
729
+ /**
730
+ * Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
731
+ */
732
+ --label4-line-height: 10px;
733
+
734
+ /* Global - Typography - LineHeight - Quote */
735
+ --quote-line-height-xs: 20.799999237060547px;
736
+ --quote-line-height-sm: 20.799999237060547px;
737
+ --quote-line-height-md: 20.799999237060547px;
738
+ --quote-line-height-lg: 23.399999618530273px;
739
+
740
+ /* Global - Typography - LineHeight - Subheadline */
741
+ --subheadline1-line-height-xs: 23.399999618530273px;
742
+ --subheadline1-line-height-sm: 23.399999618530273px;
743
+ --subheadline1-line-height-md: 23.399999618530273px;
744
+ --subheadline1-line-height-lg: 36.400001525878906px;
745
+
746
+ /* Global - Typography - LineHeight - Title */
139
747
  --title1-line-height-xs: 26.399999618530273px;
140
748
  --title1-line-height-sm: 26.399999618530273px;
141
749
  --title1-line-height-md: 26.399999618530273px;
@@ -144,134 +752,20 @@
144
752
  --title2-line-height-sm: 16.799999237060547px;
145
753
  --title2-line-height-md: 19.200000762939453px;
146
754
  --title2-line-height-lg: 23.399999618530273px;
147
- --callout1-line-height-xs: 20.799999237060547px;
148
- --callout1-line-height-sm: 20.799999237060547px;
149
- --callout1-line-height-md: 28.600000381469727px;
150
- --callout1-line-height-lg: 28.600000381469727px;
151
- --body-line-height-xs: 29.75px;
152
- --body-line-height-sm: 29.75px;
153
- --body-line-height-md: 29.75px;
154
- --body-line-height-lg: 29.75px;
155
- --footnote1-line-height-xs: 16.899999618530273px;
156
- --footnote1-line-height-sm: 16.899999618530273px;
157
- --footnote1-line-height-md: 16.899999618530273px;
158
- --footnote1-line-height-lg: 19.5px;
159
- --footnote2-line-height-xs: 13px;
160
- --footnote2-line-height-sm: 13px;
161
- --footnote2-line-height-md: 13px;
162
- --footnote2-line-height-lg: 16.899999618530273px;
163
- --label1-line-height: 20.399999618530273px; /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
164
- --label1-resp-line-height-xs: 10px; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
165
- --label1-resp-line-height-sm: 10px; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
166
- --label1-resp-line-height-md: 15px; /** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
167
- --label1-resp-line-height-lg: 17px; /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
168
- --label2-line-height: 16px; /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
169
- --label3-line-height: 14.399999618530273px; /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
170
- --label4-line-height: 10px; /** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
171
- --quote-line-height-xs: 20.799999237060547px;
172
- --quote-line-height-sm: 20.799999237060547px;
173
- --quote-line-height-md: 20.799999237060547px;
174
- --quote-line-height-lg: 23.399999618530273px;
175
- --body-font-weight-book: 400;
176
- --body-font-weight-bold: 700;
177
- --footnote-font-weight-book: 400;
178
- --footnote-font-weight-bold: 700;
179
- --label-font-weight-book: 400;
180
- --label-font-weight-bold: 700;
181
- --quote-font-weight: 800;
182
- --display-font-weight: 800;
183
- --headline1-font-weight-st: 700;
184
- --headline1-font-weight: 700;
185
- --headline2-font-weight: 700;
186
- --headline3-font-weight: 700;
187
- --headline4-font-weight: 600;
188
- --headline2-font-weight-st: 700;
189
- --headline3-font-weight-st: 700;
190
- --headline4-font-weight-st: 600;
191
- --subheadline-font-weight: 700;
192
- --kicker-font-weight: 700;
193
- --kicker-font-weight-st: 700;
194
- --callout-font-weight: 800;
195
- --title-font-weight: 800;
196
- --kicker-font-family: Lucida Grande; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
197
- --display-font-family: Lucida Grande; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
198
- --headline-font-family: Lucida Grande; /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
199
- --subheadline-font-family: Lucida Grande; /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
200
- --body-font-family: Lucida Grande; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
201
- --footnote-font-family: Lucida Grande; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
202
- --label-font-family: Lucida Grande; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
203
- --quote-font-family: Lucida Grande; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
204
- --title-font-family: Lucida Grande; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
205
- --callout-font-family: Lucida Grande; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
755
+
756
+ /* Global - Visibilty */
206
757
  --hide-on-bild: true;
207
758
  --hide-on-sport-bild: true;
208
759
  --only-advertorial: true;
209
760
  --hide-on-advertorial: false;
210
761
  --only-bild: false;
211
762
  --only-sport-bild: false;
212
- --article-image-caption-font-size-xs: 13px; /** --article-figure-caption-font-size-sm */
213
- --article-image-caption-font-size-md: 13px; /** --article-figure-caption-font-size-md */
214
- --article-image-caption-font-size-lg: 16px; /** --article-figure-caption-font-size-lg */
215
- --article-image-caption-font-size-sm: 13px; /** --article-figure-caption-font-size-sm */
216
- --article-image-source-font-size-xs: 13px; /** --article-figure-meta-font-size-sm */
217
- --article-image-source-font-size-sm: 13px; /** --article-figure-meta-font-size-sm */
218
- --article-image-source-font-size-md: 13px; /** --article-figure-meta-font-size-sm */
219
- --article-image-source-font-size-lg: 16px; /** --article-figure-meta-font-size-lg */
220
- --article-image-caption-line-height-xs: 19.5px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
221
- --article-image-caption-line-height-md: 19.5px; /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
222
- --article-image-caption-line-height-lg: 24px; /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
223
- --article-image-caption-line-height-sm: 19.5px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
224
- --article-image-source-line-height-md: 19px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
225
- --article-image-source-line-height-lg: 24px; /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
226
- --article-image-source-line-height-xs: 19px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
227
- --article-image-source-line-height-sm: 19px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
228
- --breadcrumb-font-size-xs: 15px; /** --breadcrumb-font-size-sm */
229
- --breadcrumb-font-size-sm: 15px; /** --breadcrumb-font-size-sm */
230
- --breadcrumb-font-size-md: 15px; /** --breadcrumb-font-size-sm */
231
- --breadcrumb-font-size-lg: 12px; /** --breadcrumb-font-size-lg */
232
- --breadcrumb-line-height-xs: 15px; /** not defined as variable */
233
- --breadcrumb-line-height-sm: 15px; /** not defined as variable */
234
- --breadcrumb-line-height-md: 15px; /** not defined as variable */
235
- --breadcrumb-line-height-lg: 12px; /** not defined as variable */
236
- --breadcrumb-font-family: Lucida Grande; /** --breadcrumb-font */
237
- --breadcrumb-font-weight: 700; /** --breadcrumb-font-size-sm */
238
- --menu-item-font-size: 15px; /** --nav-btn-font-size */
239
- --app-top-bar-title-font-size-md: 14px; /** --caption-1-font-size-md */
240
- --app-top-bar-title-font-size-lg: 14px; /** --caption-1-font-size-lg */
241
- --app-top-bar-title-font-size-xs: 12px; /** --caption-1-font-size-sm */
242
- --app-top-bar-title-font-size-sm: 12px; /** --caption-1-font-size-sm */
243
- --app-top-bar-title-line-height-md: 17px;
244
- --app-top-bar-title-line-height-lg: 17px;
245
- --app-top-bar-title-line-height-xs: 14px;
246
- --app-top-bar-title-line-height-sm: 14px;
247
- --menu-item-font-weight: 700;
248
- --teaser-title-inline-space-lg: 12px; /** --teaser-title-padding-lg */
249
- --teaser-title-inline-space-md: 12px; /** --teaser-title-padding-md */
250
- --teaser-title-inline-space-sm: 8px; /** --teaser-title-padding-sm */
251
- --teaser-title-inline-space-xs: 8px; /** --teaser-title-padding-xs */
252
- --q-teaser-title-inline-space-lg: 12px;
253
- --q-teaser-title-inline-space-md: 16px;
254
- --q-teaser-title-inline-space-sm: 8px;
255
- --q-teaser-title-inline-space-xs: 8px;
256
- --a-teaser-title-inline-space-lg: 12px;
257
- --a-teaser-title-inline-space-md: 12px;
258
- --a-teaser-title-inline-space-xs: 8px;
259
- --a-teaser-title-inline-space-sm: 8px;
260
- --b-teaser-title-inline-space: 8px;
261
- --2xa-teaser-title-inline-space: 8px;
262
- --mini-qteaser-title-inline-space-md: 8px;
263
- --mini-qteaser-title-inline-space-lg: 8px;
264
- --mini-qteaser-title-inline-space-sm: 8px;
265
- --mini-qteaser-title-inline-space-xs: 8px;
266
- --super-ateaser-title-inline-space: 16px;
267
- --avatar-font-family: Lucida Grande; /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
268
- --avatar-font-size-sm: 13px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
269
- --avatar-font-size-lg: 15px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
270
- --breaking-news-content-font-size: 21px;
271
- --accordion-label-font-family: Lucida Grande;
272
- --footer-link-font-family: Gotham XNarrow;
273
- --video-time-badge-font-family: Lucida Grande;
274
- --input-field-label-font-family: Lucida Grande;
275
- --button-label-font-weight-st: 600;
763
+
764
+
765
+ /* ============================================
766
+ OTHER
767
+ ============================================ */
768
+
276
769
  --brand-name: Advertorial;
770
+
277
771
  }