/*
Theme Name:   Hello Elementor Child (SAM Konzepte)
Theme URI:    https://sam-konzepte.de
Description:  Child-Theme von Hello Elementor für SAM Konzepte. Enthält globale Design-Tokens (Spacing-System) und individuelle Anpassungen.
Author:       Henno
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

body {
	/* Vertikal (oben/unten) */
	--clamp-tb-xs:  clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
	--clamp-tb-s:   clamp(1.5rem, 0.9718rem + 2.2535vw, 3rem);
	--clamp-tb-m:   clamp(2.5rem, 1.7958rem + 3.0047vw, 4.5rem);
	--clamp-tb-l:   clamp(4rem, 2.9436rem + 4.5070vw, 7rem);
	--clamp-tb-xl:  clamp(6rem, 4.5913rem + 6.0094vw, 10rem);
	--clamp-tb-xxl: clamp(9rem, 6.8873rem + 9.0141vw, 15rem);
	/* Horizontal (links/rechts) */
	--clamp-lr-xs: clamp(1rem, 0.7368rem + 0.8421vw, 2rem);
	--clamp-lr-s:  clamp(1.5rem, 1.1053rem + 1.2632vw, 3rem);
	--clamp-lr-m:  clamp(2rem, 1.3077rem + 3.0769vw, 4rem);
	--clamp-lr-l:  clamp(2.5rem, 1.6346rem + 3.8462vw, 5rem);
	--clamp-lr-xl: clamp(3rem, 1.9615rem + 4.6154vw, 6rem);
}

html, body {
  overflow-x: hidden;
}

body {
  max-width: 3000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

:root {
  --fs-display:  clamp(3.0000rem, 4.5070vw + 1.3028rem, 6.0000rem);
  --fs-h1:       clamp(2.2500rem, 2.6761vw + 1.2465rem, 4.0000rem);
  --fs-h2:       clamp(1.7500rem, 1.8779vw + 0.9451rem, 3.0000rem);
  --fs-h3:       clamp(1.3750rem, 1.3146vw + 0.8815rem, 2.2500rem);
  --fs-h4:       clamp(1.1250rem, 0.7512vw + 0.8435rem, 1.6250rem);
  --fs-body-lg:  clamp(1.0625rem, 0.2817vw + 0.9569rem, 1.2500rem);
  --fs-body:     clamp(1.0000rem, 0.2817vw + 0.8944rem, 1.1250rem);
  --fs-body-sm:  clamp(0.8750rem, 0.1878vw + 0.8046rem, 0.9375rem);
  --fs-caption:  clamp(0.7500rem, 0.1878vw + 0.6796rem, 0.8750rem);
  --fs-btn-xs:   clamp(0.6875rem, 0.0939vw + 0.6655rem, 0.7500rem);
  --fs-btn-s:    clamp(0.8125rem, 0.0939vw + 0.7905rem, 0.8750rem);
  --fs-btn-m:    clamp(0.8750rem, 0.1878vw + 0.8310rem, 1.0000rem);
}

:root {
  --lh-display:  1.05;
  --lh-h1:       1.1;
  --lh-h2:       1.2;
  --lh-h3:       1.3;
  --lh-h4:       1.4;
  --lh-body-lg:  1.6;
  --lh-body:     1.7;
  --lh-body-sm:  1.75;
  --lh-caption:  1.5;
  --lh-btn-xs:   1;
  --lh-btn-s:    1;
  --lh-btn-m:    1;
}

.swiper {
    overflow: visible !important;
}

