@graupl/graupl 1.0.0-beta.22 → 1.0.0-beta.24

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 (206) hide show
  1. package/dist/css/base/button.css +2 -2
  2. package/dist/css/base/button.css.map +1 -1
  3. package/dist/css/base/form.css +2 -2
  4. package/dist/css/base/form.css.map +1 -1
  5. package/dist/css/base/link.css +2 -2
  6. package/dist/css/base/link.css.map +1 -1
  7. package/dist/css/base/table.css +2 -2
  8. package/dist/css/base/table.css.map +1 -1
  9. package/dist/css/base.css +2 -2
  10. package/dist/css/base.css.map +1 -1
  11. package/dist/css/component/accordion.css +2 -5
  12. package/dist/css/component/accordion.css.map +1 -1
  13. package/dist/css/component/alert.css +2 -2
  14. package/dist/css/component/alert.css.map +1 -1
  15. package/dist/css/component/badge.css +2 -2
  16. package/dist/css/component/badge.css.map +1 -1
  17. package/dist/css/component/card.css +2 -2
  18. package/dist/css/component/card.css.map +1 -1
  19. package/dist/css/component/carousel.css +2 -2
  20. package/dist/css/component/carousel.css.map +1 -1
  21. package/dist/css/component/disclosure.css +2 -2
  22. package/dist/css/component/disclosure.css.map +1 -1
  23. package/dist/css/component/input-group.css +2 -2
  24. package/dist/css/component/input-group.css.map +1 -1
  25. package/dist/css/component/list.css +2 -2
  26. package/dist/css/component/list.css.map +1 -1
  27. package/dist/css/component/menu.css +2 -2
  28. package/dist/css/component/menu.css.map +1 -1
  29. package/dist/css/component/navigation.css +2 -2
  30. package/dist/css/component/navigation.css.map +1 -1
  31. package/dist/css/component.css +2 -5
  32. package/dist/css/component.css.map +1 -1
  33. package/dist/css/graupl.css +2 -5
  34. package/dist/css/graupl.css.map +1 -1
  35. package/dist/css/init.css +2 -2
  36. package/dist/css/init.css.map +1 -1
  37. package/dist/css/layout/columns.css +2 -2
  38. package/dist/css/layout/columns.css.map +1 -1
  39. package/dist/css/layout/container.css +2 -2
  40. package/dist/css/layout/container.css.map +1 -1
  41. package/dist/css/layout/flex-columns.css +2 -2
  42. package/dist/css/layout/flex-columns.css.map +1 -1
  43. package/dist/css/layout.css +2 -5
  44. package/dist/css/layout.css.map +1 -1
  45. package/dist/css/normalize.css +2 -2
  46. package/dist/css/normalize.css.map +1 -1
  47. package/dist/css/state/focus.css +2 -2
  48. package/dist/css/state/focus.css.map +1 -1
  49. package/dist/css/state.css +2 -2
  50. package/dist/css/state.css.map +1 -1
  51. package/dist/css/theme/color.css +2 -2
  52. package/dist/css/theme/color.css.map +1 -1
  53. package/dist/css/theme/typography.css +2 -2
  54. package/dist/css/theme/typography.css.map +1 -1
  55. package/dist/css/theme.css +2 -2
  56. package/dist/css/theme.css.map +1 -1
  57. package/dist/css/utilities/alignment.css +1 -1
  58. package/dist/css/utilities/alignment.css.map +1 -1
  59. package/dist/css/utilities/background.css +2 -2
  60. package/dist/css/utilities/background.css.map +1 -1
  61. package/dist/css/utilities/border.css +2 -2
  62. package/dist/css/utilities/border.css.map +1 -1
  63. package/dist/css/utilities/color.css +2 -2
  64. package/dist/css/utilities/color.css.map +1 -1
  65. package/dist/css/utilities/container.css +1 -1
  66. package/dist/css/utilities/container.css.map +1 -1
  67. package/dist/css/utilities/display.css +2 -2
  68. package/dist/css/utilities/display.css.map +1 -1
  69. package/dist/css/utilities/flex.css +2 -2
  70. package/dist/css/utilities/flex.css.map +1 -1
  71. package/dist/css/utilities/gradient.css +2 -2
  72. package/dist/css/utilities/gradient.css.map +1 -1
  73. package/dist/css/utilities/height.css +2 -2
  74. package/dist/css/utilities/height.css.map +1 -1
  75. package/dist/css/utilities/inset.css +2 -2
  76. package/dist/css/utilities/inset.css.map +1 -1
  77. package/dist/css/utilities/justification.css +1 -1
  78. package/dist/css/utilities/justification.css.map +1 -1
  79. package/dist/css/utilities/list.css +1 -1
  80. package/dist/css/utilities/list.css.map +1 -1
  81. package/dist/css/utilities/order.css +2 -2
  82. package/dist/css/utilities/order.css.map +1 -1
  83. package/dist/css/utilities/position.css +2 -2
  84. package/dist/css/utilities/position.css.map +1 -1
  85. package/dist/css/utilities/ratio.css +2 -2
  86. package/dist/css/utilities/ratio.css.map +1 -1
  87. package/dist/css/utilities/spacing.css +2 -2
  88. package/dist/css/utilities/spacing.css.map +1 -1
  89. package/dist/css/utilities/typography.css +2 -2
  90. package/dist/css/utilities/typography.css.map +1 -1
  91. package/dist/css/utilities/visibility.css +2 -2
  92. package/dist/css/utilities/visibility.css.map +1 -1
  93. package/dist/css/utilities/visually-hidden.css +2 -2
  94. package/dist/css/utilities/visually-hidden.css.map +1 -1
  95. package/dist/css/utilities/width.css +2 -2
  96. package/dist/css/utilities/width.css.map +1 -1
  97. package/dist/css/utilities/z-index.css +1 -1
  98. package/dist/css/utilities/z-index.css.map +1 -1
  99. package/dist/css/utilities.css +2 -2
  100. package/dist/css/utilities.css.map +1 -1
  101. package/dist/js/accordion.js.map +1 -1
  102. package/dist/js/alert.js.map +1 -1
  103. package/dist/js/carousel.js.map +1 -1
  104. package/dist/js/component/accordion.cjs.js.map +1 -1
  105. package/dist/js/component/accordion.es.js.map +1 -1
  106. package/dist/js/component/accordion.iife.js.map +1 -1
  107. package/dist/js/component/alert.cjs.js.map +1 -1
  108. package/dist/js/component/alert.es.js.map +1 -1
  109. package/dist/js/component/alert.iife.js.map +1 -1
  110. package/dist/js/component/carousel.cjs.js.map +1 -1
  111. package/dist/js/component/carousel.es.js.map +1 -1
  112. package/dist/js/component/carousel.iife.js.map +1 -1
  113. package/dist/js/component/disclosure.cjs.js +2 -2
  114. package/dist/js/component/disclosure.cjs.js.map +1 -1
  115. package/dist/js/component/disclosure.es.js +2 -2
  116. package/dist/js/component/disclosure.es.js.map +1 -1
  117. package/dist/js/component/disclosure.iife.js +2 -2
  118. package/dist/js/component/disclosure.iife.js.map +1 -1
  119. package/dist/js/component/tabs.cjs.js +5 -0
  120. package/dist/js/component/tabs.cjs.js.map +1 -0
  121. package/dist/js/component/tabs.es.js +5 -0
  122. package/dist/js/component/tabs.es.js.map +1 -0
  123. package/dist/js/component/tabs.iife.js +5 -0
  124. package/dist/js/component/tabs.iife.js.map +1 -0
  125. package/dist/js/disclosure.js +2 -2
  126. package/dist/js/disclosure.js.map +1 -1
  127. package/dist/js/generator/accordion.cjs.js.map +1 -1
  128. package/dist/js/generator/accordion.es.js.map +1 -1
  129. package/dist/js/generator/accordion.iife.js.map +1 -1
  130. package/dist/js/generator/alert.cjs.js.map +1 -1
  131. package/dist/js/generator/alert.es.js.map +1 -1
  132. package/dist/js/generator/alert.iife.js.map +1 -1
  133. package/dist/js/generator/carousel.cjs.js.map +1 -1
  134. package/dist/js/generator/carousel.es.js.map +1 -1
  135. package/dist/js/generator/carousel.iife.js.map +1 -1
  136. package/dist/js/generator/disclosure.cjs.js +2 -2
  137. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  138. package/dist/js/generator/disclosure.es.js +2 -2
  139. package/dist/js/generator/disclosure.es.js.map +1 -1
  140. package/dist/js/generator/disclosure.iife.js +2 -2
  141. package/dist/js/generator/disclosure.iife.js.map +1 -1
  142. package/dist/js/generator/navigation.cjs.js.map +1 -1
  143. package/dist/js/generator/navigation.es.js.map +1 -1
  144. package/dist/js/generator/navigation.iife.js.map +1 -1
  145. package/dist/js/generator/tabs.cjs.js +5 -0
  146. package/dist/js/generator/tabs.cjs.js.map +1 -0
  147. package/dist/js/generator/tabs.es.js +5 -0
  148. package/dist/js/generator/tabs.es.js.map +1 -0
  149. package/dist/js/generator/tabs.iife.js +5 -0
  150. package/dist/js/generator/tabs.iife.js.map +1 -0
  151. package/dist/js/graupl.js +5 -5
  152. package/dist/js/graupl.js.map +1 -1
  153. package/dist/js/navigation.js.map +1 -1
  154. package/dist/js/tabs.js +5 -0
  155. package/dist/js/tabs.js.map +1 -0
  156. package/package.json +6 -11
  157. package/scss/base/button.scss +1 -1
  158. package/scss/base/form.scss +1 -1
  159. package/scss/base/link.scss +1 -1
  160. package/scss/base/table.scss +1 -1
  161. package/scss/base.scss +1 -1
  162. package/scss/component/accordion.scss +1 -1
  163. package/scss/component/alert.scss +1 -1
  164. package/scss/component/badge.scss +1 -1
  165. package/scss/component/card.scss +1 -1
  166. package/scss/component/carousel.scss +1 -1
  167. package/scss/component/disclosure.scss +1 -1
  168. package/scss/component/input-group.scss +1 -1
  169. package/scss/component/list.scss +1 -1
  170. package/scss/component/menu.scss +1 -1
  171. package/scss/component/navigation.scss +1 -1
  172. package/scss/component.scss +1 -1
  173. package/scss/graupl.scss +1 -1
  174. package/scss/init.scss +1 -1
  175. package/scss/layout/columns.scss +1 -1
  176. package/scss/layout/container.scss +1 -1
  177. package/scss/layout/flex-columns.scss +1 -1
  178. package/scss/layout.scss +1 -1
  179. package/scss/normalize.scss +1 -1
  180. package/scss/state/focus.scss +1 -1
  181. package/scss/state.scss +1 -1
  182. package/scss/theme/color.scss +1 -1
  183. package/scss/theme/typography.scss +1 -1
  184. package/scss/theme.scss +1 -1
  185. package/scss/utilities/alignment.scss +1 -1
  186. package/scss/utilities/background.scss +1 -1
  187. package/scss/utilities/border.scss +1 -1
  188. package/scss/utilities/color.scss +1 -1
  189. package/scss/utilities/container.scss +1 -1
  190. package/scss/utilities/display.scss +1 -1
  191. package/scss/utilities/flex.scss +1 -1
  192. package/scss/utilities/gradient.scss +1 -1
  193. package/scss/utilities/height.scss +1 -1
  194. package/scss/utilities/inset.scss +1 -1
  195. package/scss/utilities/justification.scss +1 -1
  196. package/scss/utilities/list.scss +1 -1
  197. package/scss/utilities/order.scss +1 -1
  198. package/scss/utilities/position.scss +1 -1
  199. package/scss/utilities/ratio.scss +1 -1
  200. package/scss/utilities/spacing.scss +1 -1
  201. package/scss/utilities/typography.scss +1 -1
  202. package/scss/utilities/visibility.scss +1 -1
  203. package/scss/utilities/visually-hidden.scss +1 -1
  204. package/scss/utilities/width.scss +1 -1
  205. package/scss/utilities/z-index.scss +1 -1
  206. package/scss/utilities.scss +1 -1
package/dist/css/layout/flex-columns.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.layout{.flex-columns{container-type:var(--graupl-flex-columns-container-type,inline-size);display:flex;flex-wrap:wrap;gap:var(--graupl-flex-columns-row-gap,var(--graupl-columns-row-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.flex-columns>*{flex:1 1 var(--graupl-flex-columns-size,auto);max-width:var(--graupl-flex-columns-max-width,unset)}.flex-columns .fill{--graupl-flex-columns-max-width:unset}.col-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-1{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-2{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-3{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-4{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-5{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-6{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-7{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-8{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-9{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-10{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-11{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-12{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}@media screen and (0 <= width){.xs\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.xs\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.xs\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.xs\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.xs\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.xs\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.xs\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.xs\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.xs\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.xs\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.xs\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.xs\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (48ch <= width){.sm\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.sm\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.sm\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.sm\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.sm\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.sm\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.sm\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.sm\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.sm\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.sm\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.sm\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.sm\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (72ch <= width){.md\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.md\:col-1.fill{--graupl-flex-columns-max-width:unset}.md\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.md\:col-2.fill{--graupl-flex-columns-max-width:unset}.md\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.md\:col-3.fill{--graupl-flex-columns-max-width:unset}.md\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.md\:col-4.fill{--graupl-flex-columns-max-width:unset}.md\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.md\:col-5.fill{--graupl-flex-columns-max-width:unset}.md\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.md\:col-6.fill{--graupl-flex-columns-max-width:unset}.md\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.md\:col-7.fill{--graupl-flex-columns-max-width:unset}.md\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.md\:col-8.fill{--graupl-flex-columns-max-width:unset}.md\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.md\:col-9.fill{--graupl-flex-columns-max-width:unset}.md\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.md\:col-10.fill{--graupl-flex-columns-max-width:unset}.md\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.md\:col-11.fill{--graupl-flex-columns-max-width:unset}.md\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (108ch <= width){.lg\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.lg\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.lg\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.lg\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.lg\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.lg\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.lg\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.lg\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.lg\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.lg\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.lg\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.lg\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (156ch <= width){.xl\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.xl\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.xl\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.xl\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.xl\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.xl\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.xl\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.xl\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.xl\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.xl\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.xl\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.xl\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.xl\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (0 <= width){.cq\:xs\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.cq\:xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.cq\:xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.cq\:xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.cq\:xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.cq\:xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.cq\:xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.cq\:xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.cq\:xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.cq\:xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.cq\:xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.cq\:xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.cq\:xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (48ch <= width){.cq\:sm\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.cq\:sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.cq\:sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.cq\:sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.cq\:sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.cq\:sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.cq\:sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.cq\:sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.cq\:sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.cq\:sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.cq\:sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.cq\:sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.cq\:sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (72ch <= width){.cq\:md\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.cq\:md\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.cq\:md\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.cq\:md\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.cq\:md\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.cq\:md\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.cq\:md\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.cq\:md\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.cq\:md\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.cq\:md\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.cq\:md\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.cq\:md\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.cq\:md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (108ch <= width){.cq\:lg\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.cq\:lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.cq\:lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.cq\:lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.cq\:lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.cq\:lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.cq\:lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.cq\:lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.cq\:lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.cq\:lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.cq\:lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.cq\:lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.cq\:lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (156ch <= width){.cq\:xl\:col-1{--graupl-flex-columns-size:calc(100% / 12 * 1 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.cq\:xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-2{--graupl-flex-columns-size:calc(100% / 12 * 2 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.cq\:xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-3{--graupl-flex-columns-size:calc(100% / 12 * 3 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.cq\:xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-4{--graupl-flex-columns-size:calc(100% / 12 * 4 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.cq\:xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-5{--graupl-flex-columns-size:calc(100% / 12 * 5 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.cq\:xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-6{--graupl-flex-columns-size:calc(100% / 12 * 6 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.cq\:xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-7{--graupl-flex-columns-size:calc(100% / 12 * 7 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.cq\:xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-8{--graupl-flex-columns-size:calc(100% / 12 * 8 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.cq\:xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-9{--graupl-flex-columns-size:calc(100% / 12 * 9 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.cq\:xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-10{--graupl-flex-columns-size:calc(100% / 12 * 10 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.cq\:xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-11{--graupl-flex-columns-size:calc(100% / 12 * 11 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.cq\:xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-12{--graupl-flex-columns-size:calc(100% / 12 * 12 - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.cq\:xl\:col-12.fill{--graupl-flex-columns-max-width:unset}}}
2
- /*# sourceMappingURL=flex-columns.css.map */
1
+ @layer graupl.layout{.flex-columns{gap:var(--graupl-flex-columns-row-gap,var(--graupl-columns-row-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))))var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));container-type:var(--graupl-flex-columns-container-type,inline-size);flex-wrap:wrap;display:flex}.flex-columns>*{flex:1 1 var(--graupl-flex-columns-size,auto);max-width:var(--graupl-flex-columns-max-width,unset)}.flex-columns .fill{--graupl-flex-columns-max-width:unset}.col-1{--graupl-flex-columns-size:calc((100%/12*1) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-1{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-2{--graupl-flex-columns-size:calc((100%/12*2) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-2{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-3{--graupl-flex-columns-size:calc((100%/12*3) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-3{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-4{--graupl-flex-columns-size:calc((100%/12*4) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-4{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-5{--graupl-flex-columns-size:calc((100%/12*5) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-5{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-6{--graupl-flex-columns-size:calc((100%/12*6) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-6{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-7{--graupl-flex-columns-size:calc((100%/12*7) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-7{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-8{--graupl-flex-columns-size:calc((100%/12*8) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-8{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-9{--graupl-flex-columns-size:calc((100%/12*9) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-9{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-10{--graupl-flex-columns-size:calc((100%/12*10) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-10{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-11{--graupl-flex-columns-size:calc((100%/12*11) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-11{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-12{--graupl-flex-columns-size:calc((100%/12*12) - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12);container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width<=575px){.col-12{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}@media screen and (width>=0){.xs\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.xs\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.xs\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.xs\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.xs\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.xs\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.xs\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.xs\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.xs\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.xs\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.xs\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.xs\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=576px){.sm\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.sm\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.sm\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.sm\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.sm\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.sm\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.sm\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.sm\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.sm\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.sm\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.sm\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.sm\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=768px){.md\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.md\:col-1.fill{--graupl-flex-columns-max-width:unset}.md\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.md\:col-2.fill{--graupl-flex-columns-max-width:unset}.md\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.md\:col-3.fill{--graupl-flex-columns-max-width:unset}.md\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.md\:col-4.fill{--graupl-flex-columns-max-width:unset}.md\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.md\:col-5.fill{--graupl-flex-columns-max-width:unset}.md\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.md\:col-6.fill{--graupl-flex-columns-max-width:unset}.md\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.md\:col-7.fill{--graupl-flex-columns-max-width:unset}.md\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.md\:col-8.fill{--graupl-flex-columns-max-width:unset}.md\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.md\:col-9.fill{--graupl-flex-columns-max-width:unset}.md\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.md\:col-10.fill{--graupl-flex-columns-max-width:unset}.md\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.md\:col-11.fill{--graupl-flex-columns-max-width:unset}.md\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=1024px){.lg\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.lg\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.lg\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.lg\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.lg\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.lg\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.lg\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.lg\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.lg\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.lg\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.lg\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.lg\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=1280px){.xl\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.xl\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.xl\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.xl\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.xl\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.xl\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.xl\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.xl\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.xl\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.xl\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.xl\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.xl\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.xl\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=1500px){.hd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.hd\:col-1.fill{--graupl-flex-columns-max-width:unset}.hd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.hd\:col-2.fill{--graupl-flex-columns-max-width:unset}.hd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.hd\:col-3.fill{--graupl-flex-columns-max-width:unset}.hd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.hd\:col-4.fill{--graupl-flex-columns-max-width:unset}.hd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.hd\:col-5.fill{--graupl-flex-columns-max-width:unset}.hd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.hd\:col-6.fill{--graupl-flex-columns-max-width:unset}.hd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.hd\:col-7.fill{--graupl-flex-columns-max-width:unset}.hd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.hd\:col-8.fill{--graupl-flex-columns-max-width:unset}.hd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.hd\:col-9.fill{--graupl-flex-columns-max-width:unset}.hd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.hd\:col-10.fill{--graupl-flex-columns-max-width:unset}.hd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.hd\:col-11.fill{--graupl-flex-columns-max-width:unset}.hd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.hd\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=1921px){.qhd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.qhd\:col-1.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.qhd\:col-2.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.qhd\:col-3.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.qhd\:col-4.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.qhd\:col-5.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.qhd\:col-6.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.qhd\:col-7.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.qhd\:col-8.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.qhd\:col-9.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.qhd\:col-10.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.qhd\:col-11.fill{--graupl-flex-columns-max-width:unset}.qhd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.qhd\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (width>=2561px){.uhd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.uhd\:col-1.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.uhd\:col-2.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.uhd\:col-3.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.uhd\:col-4.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.uhd\:col-5.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.uhd\:col-6.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.uhd\:col-7.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.uhd\:col-8.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.uhd\:col-9.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.uhd\:col-10.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.uhd\:col-11.fill{--graupl-flex-columns-max-width:unset}.uhd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.uhd\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=0){.cq\:xs\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=576px){.cq\:sm\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=768px){.cq\:md\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:md\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:md\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:md\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:md\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:md\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:md\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:md\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:md\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:md\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:md\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:md\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:md\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=1024px){.cq\:lg\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=1280px){.cq\:xl\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:xl\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=1500px){.cq\:hd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:hd\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:hd\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:hd\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:hd\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:hd\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:hd\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:hd\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:hd\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:hd\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:hd\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:hd\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:hd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:hd\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=1921px){.cq\:qhd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:qhd\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:qhd\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:qhd\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:qhd\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:qhd\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:qhd\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:qhd\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:qhd\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:qhd\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:qhd\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:qhd\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:qhd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:qhd\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (width>=2561px){.cq\:uhd\:col-1{--graupl-flex-columns-size:calc(100%/12*1 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*1)}.cq\:uhd\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-2{--graupl-flex-columns-size:calc(100%/12*2 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*2)}.cq\:uhd\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-3{--graupl-flex-columns-size:calc(100%/12*3 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*3)}.cq\:uhd\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-4{--graupl-flex-columns-size:calc(100%/12*4 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*4)}.cq\:uhd\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-5{--graupl-flex-columns-size:calc(100%/12*5 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*5)}.cq\:uhd\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-6{--graupl-flex-columns-size:calc(100%/12*6 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*6)}.cq\:uhd\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-7{--graupl-flex-columns-size:calc(100%/12*7 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*7)}.cq\:uhd\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-8{--graupl-flex-columns-size:calc(100%/12*8 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*8)}.cq\:uhd\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-9{--graupl-flex-columns-size:calc(100%/12*9 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*9)}.cq\:uhd\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-10{--graupl-flex-columns-size:calc(100%/12*10 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*10)}.cq\:uhd\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-11{--graupl-flex-columns-size:calc(100%/12*11 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*11)}.cq\:uhd\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:uhd\:col-12{--graupl-flex-columns-size:calc(100%/12*12 - var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));--graupl-flex-columns-max-width:calc(100%/12*12)}.cq\:uhd\:col-12.fill{--graupl-flex-columns-max-width:unset}}}
2
+ /*# sourceMappingURL=flex-columns.css.map */