/*
 * wf-fluid-tokens.css — the Webflow per-page fluid-token layer (Q-2731 D3/D4).
 *
 * ORIGIN (single source of truth): the real Webflow pages publish their entire
 * fluid layout system NOT in the shared stylesheet but as two inline <style>
 * embeds at the top of every page (.page_code_wrap):
 *   1. `.page_code_base  w-embed`  -> the `:root` container/column math
 *   2. `.page_code_responsive w-embed` -> the `:root` fluid clamp() redefinitions
 * Extracted 1:1 from mirror/pages_enhanced_optimized/de.html (verified
 * byte-identical across de.html, en.html, de/funktionen.html, de/agb.html,
 * de/preise.html — md5 cb9dc7452c / d4772fd3c1, 2026-06-12).
 *
 * Without this layer the shared min.css `:root` STATIC fallbacks win
 * (--site--margin:0px, --container--main:90rem, --size--16rem:16rem) — that is
 * exactly the audited D3 (full-bleed chrome) and D4 (256px mobile logo) state.
 *
 * SCOPE NOTE: only the `:root` custom-property blocks are carried over. The
 * element resets that also live in page_code_base (h1..p margin/font resets,
 * `* { vertical-align: bottom }`, button/video resets) are intentionally NOT
 * shipped: the promoted pages' body markup is styled by the skeleton
 * global.css + site3.css bridge, which assumes UA defaults. The chrome
 * (header/footer) does not depend on those resets — only on the variables.
 *
 * Loaded by RealLayout.astro AFTER the Webflow shared min.css (so these :root
 * definitions override the static fallbacks) and BEFORE global.css/site3.css.
 */

/* ---- 1:1 from `.page_code_base w-embed` (mirror, :root block only) ---- */
:root {
  --site--max-width: min(var(--site--width), 100vw);
  --container--main: calc(var(--site--max-width) - var(--site--margin) * 2);
  --container--full: calc(100vw - var(--site--margin) * 2);
  --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 8) - var(--site--gutter));
  --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1));
  --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count));
  --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter));
  --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter));
  --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter));
  --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter));
  --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter));
  --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter));
  --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter));
  --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter));
  --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter));
  --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter));
  --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter));
  --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter));
  --column-width--13: calc(var(--column-width--plus-gutter) * 13 - var(--site--gutter));
  --column-width--14: calc(var(--column-width--plus-gutter) * 14 - var(--site--gutter));
  --column-width--15: calc(var(--column-width--plus-gutter) * 15 - var(--site--gutter));
  --column-width--16: calc(var(--column-width--plus-gutter) * 16 - var(--site--gutter));
  --column-width--17: calc(var(--column-width--plus-gutter) * 17 - var(--site--gutter));
  --column-width--18: calc(var(--column-width--plus-gutter) * 18 - var(--site--gutter));
  --column-width--19: calc(var(--column-width--plus-gutter) * 19 - var(--site--gutter));
  --column-width--20: calc(var(--column-width--plus-gutter) * 20 - var(--site--gutter));
  --column-width--21: calc(var(--column-width--plus-gutter) * 21 - var(--site--gutter));
  --column-width--22: calc(var(--column-width--plus-gutter) * 22 - var(--site--gutter));
  --column-width--23: calc(var(--column-width--plus-gutter) * 23 - var(--site--gutter));
  --column-width--24: calc(var(--column-width--plus-gutter) * 24 - var(--site--gutter));
  --column-margin--1: calc(var(--column-width--plus-gutter) * 1);
  --column-margin--2: calc(var(--column-width--plus-gutter) * 2);
  --column-margin--3: calc(var(--column-width--plus-gutter) * 3);
  --column-margin--4: calc(var(--column-width--plus-gutter) * 4);
  --column-margin--5: calc(var(--column-width--plus-gutter) * 5);
  --column-margin--6: calc(var(--column-width--plus-gutter) * 6);
  --column-margin--7: calc(var(--column-width--plus-gutter) * 7);
  --column-margin--8: calc(var(--column-width--plus-gutter) * 8);
  --column-margin--9: calc(var(--column-width--plus-gutter) * 9);
  --column-margin--10: calc(var(--column-width--plus-gutter) * 10);
  --column-margin--11: calc(var(--column-width--plus-gutter) * 11);
  --column-margin--12: calc(var(--column-width--plus-gutter) * 12);
  --breakout-start: [full-start] minmax(0, 1fr) [content-start];
  --breakout-end: [content-end] minmax(0, 1fr) [full-end];
  --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end);
  --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end);
  --grid-main: repeat(var(--site--column-count), minmax(0, 1fr));
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
	--_typography---text-transform--none: none;
	--_typography---text-transform--uppercase: uppercase;
	--_typography---text-transform--captialize: capitalize;
	--_typography---text-transform--lowercase: lowercase;
	--align--flex-start: flex-start;
	--align--flex-center: center;
	--align--flex-end: flex-end;
	--align--text-left: left;
	--align--text-center: center;
	--align--text-right: right;
}

/* ---- 1:1 from `.page_code_responsive w-embed` (mirror) ---- */
/* https://fluidbuilder.webflow.io/?design=76&max=76&min=20&f&g=--site--margin,3,1_--size--1-5rem,1.5,1.375_--size--1-75rem,1.75,1.625_--size--1-875rem,1.875,1.6875_--size--2rem,2,1.75_--size--2-25rem,2.25,1.875_--size--2-5rem,2.5,1.875_--size--2-625rem,2.625,2_--size--2-75rem,2.75,2.0625,t_--size--3rem,3,2.0625_--size--3-25rem,3.25,2.0625_--size--3-5rem,3.5,2.125_--size--3-75rem,3.75,2.125_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-5rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8 */
:root {
	--site--margin: clamp(1rem, 0.286rem + 3.57vw, 3rem);
	--size--1-5rem: clamp(1.375rem, 1.331rem + 0.22vw, 1.5rem);
	--size--1-75rem: clamp(1.625rem, 1.581rem + 0.22vw, 1.75rem);
	--size--1-875rem: clamp(1.6875rem, 1.6215rem + 0.33vw, 1.875rem);
	--size--2rem: clamp(1.75rem, 1.66rem + 0.45vw, 2rem);
	--size--2-25rem: clamp(1.875rem, 1.741rem + 0.67vw, 2.25rem);
	--size--2-5rem: clamp(1.875rem, 1.651rem + 1.12vw, 2.5rem);
	--size--2-625rem: clamp(2rem, 1.776rem + 1.12vw, 2.625rem);
	--size--2-75rem: clamp(2.0625rem, 1.8165rem + 1.23vw, 2.75rem);
	--size--3rem: clamp(2.0625rem, 1.7285rem + 1.67vw, 3rem);
	--size--3-25rem: clamp(2.0625rem, 1.6385rem + 2.12vw, 3.25rem);
	--size--3-5rem: clamp(2.125rem, 1.633rem + 2.46vw, 3.5rem);
	--size--3-75rem: clamp(2.125rem, 1.545rem + 2.9vw, 3.75rem);
	--size--4rem: clamp(2.5rem, 1.964rem + 2.68vw, 4rem);
	--size--4-5rem: clamp(2.75rem, 2.124rem + 3.13vw, 4.5rem);
	--size--5rem: clamp(3rem, 2.286rem + 3.57vw, 5rem);
	--size--5-5rem: clamp(3.25rem, 2.446rem + 4.02vw, 5.5rem);
	--size--6rem: clamp(3.5rem, 2.608rem + 4.46vw, 6rem);
	--size--6-5rem: clamp(3.75rem, 2.768rem + 4.91vw, 6.5rem);
	--size--7rem: clamp(4rem, 2.928rem + 5.36vw, 7rem);
	--size--7-5rem: clamp(4.25rem, 3.09rem + 5.8vw, 7.5rem);
	--size--8rem: clamp(4.5rem, 3.25rem + 6.25vw, 8rem);
	--size--8-5rem: clamp(4.75rem, 3.41rem + 6.7vw, 8.5rem);
	--size--9rem: clamp(5rem, 3.572rem + 7.14vw, 9rem);
	--size--9-5rem: clamp(5.25rem, 3.732rem + 7.59vw, 9.5rem);
	--size--10rem: clamp(5.5rem, 3.892rem + 8.04vw, 10rem);
	--size--11rem: clamp(5.75rem, 3.874rem + 9.38vw, 11rem);
	--size--12rem: clamp(6rem, 3.858rem + 10.71vw, 12rem);
	--size--13rem: clamp(6.5rem, 4.178rem + 11.61vw, 13rem);
	--size--14rem: clamp(7rem, 4.5rem + 12.5vw, 14rem);
	--size--15rem: clamp(7.5rem, 4.822rem + 13.39vw, 15rem);
	--size--16rem: clamp(8rem, 5.142rem + 14.29vw, 16rem);
}