/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop, .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop, .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile, .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra, .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet, .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen{
	display: none!important;
}

/* layout
----------------------------------------*/

:root{
	--border-radius_base: 8px;
}

.elementor-icon{
	display: flex;
}


/* spacing
----------------------------------------*/

/* spaces
----------------------------------------*/
:root {

  --space-3xs: 0.25rem;  /* 4px */
  --space-2xs: 0.5rem;   /* 8px */
  --space-xs: 0.75rem;   /* 12px */


  --space-s: 1rem; /* 16px – bewusst fix */

  --space-sm: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);   /* 20px → 24px */
  --space-m:  clamp(1.5rem, 1.25rem + 0.9vw, 2rem);     /* 24px → 32px */
  --space-ml: clamp(2rem, 1.6rem + 1vw, 2.5rem);        /* 32px → 40px */
  --space-l:  clamp(2.25rem, 1.8rem + 1.2vw, 3rem);     /* 36px → 48px */
  --space-xl: clamp(3rem, 2.25rem + 1.8vw, 4rem);       /* 48px → 64px */

  --space-2xl: clamp(3.5rem, 3rem + 2vw, 5rem);         /* 56px → 80px */
  --space-3xl: clamp(4rem, 3.25rem + 3vw, 6rem);        /* 64px → 96px */
  --space-4xl: clamp(4.5rem, 3.5rem + 4vw, 7rem);       /* 72px → 112px */
  --space-5xl: clamp(5rem, 4rem + 4vw, 8rem);           /* 80px → 128px */

  --space-6xl: clamp(6rem, 4.75rem + 5vw, 10rem);       /* 96px → 160px */
  --space-7xl: clamp(7rem, 5.5rem + 6vw, 12rem);        /* 112px → 192px */
  --space-8xl: clamp(8rem, 6.25rem + 7vw, 14rem);       /* 128px → 224px */
  --space-9xl: clamp(9rem, 7rem + 8vw, 16rem);          /* 144px → 256px */

  --space-10xl: clamp(10rem, 8rem + 9vw, 17rem);        /* 160px → 272px */
  --space-11xl: clamp(12rem, 9rem + 10vw, 20rem);       /* 192px → 320px */
}

/* section
----------------------------------------*/


.section {
  	/* 48px → 64px */
	padding-left: var(--space-sm);
	padding-right: var(--space-sm);
	transition: .125s;
}

@media (min-width: 1360px){
	.section{
		padding-left: var(--space-6xl);
  		padding-right: var(--space-6xl);
	}
}


@media (min-width: 1560px){
	.section{
		padding-left: var(--space-7xl);
  		padding-right: var(--space-7xl);
	}
}


/* top + bottom
----------------------------------------*/

/* 12px */
.xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

/* 16px */
.s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

/* 20px → 24px */
.sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

/* 24px → 32px */
.m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

/* 32px → 40px */
.ml {
  padding-top: var(--space-ml);
  padding-bottom: var(--space-ml);
}

/* 36px → 48px */
.l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}

/* 48px → 64px */
.xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

/* 56px → 80px */
.xl-2 {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

/* 64px → 96px */
.xl-3 {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

/* 72px → 112px */
.xl-4 {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl);
}

/* 80px → 128px */
.xl-5 {
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

/* 96px → 160px */
.xl-6 {
  padding-top: var(--space-6xl);
  padding-bottom: var(--space-6xl);
}

/* 112px → 192px */
.xl-7 {
  padding-top: var(--space-7xl);
  padding-bottom: var(--space-7xl);
}

/* 128px → 224px */
.xl-8 {
  padding-top: var(--space-8xl);
  padding-bottom: var(--space-8xl);
}

/* 144px → 256px */
.xl-9 {
  padding-top: var(--space-9xl);
  padding-bottom: var(--space-9xl);
}

/* 160px → 272px */
.xl-10 {
  padding-top: var(--space-10xl);
  padding-bottom: var(--space-10xl);
}

/* 192px → 320px */
.xl-11 {
  padding-top: var(--space-11xl);
  padding-bottom: var(--space-11xl);
}

/* top
----------------------------------------*/

/* 12px */
.t-xs { padding-top: var(--space-xs); }

/* 16px */
.t-s { padding-top: var(--space-s); }

/* 20px → 24px */
.t-sm { padding-top: var(--space-sm); }

/* 24px → 32px */
.t-m { padding-top: var(--space-m); }

/* 32px → 40px */
.t-ml { padding-top: var(--space-ml); }

/* 36px → 48px */
.t-l { padding-top: var(--space-l); }

/* 48px → 64px */
.t-xl { padding-top: var(--space-xl); }

/* 56px → 80px */
.t-xl-2 { padding-top: var(--space-2xl); }

/* 64px → 96px */
.t-xl-3 { padding-top: var(--space-3xl); }

/* 72px → 112px */
.t-xl-4 { padding-top: var(--space-4xl); }

/* 80px → 128px */
.t-xl-5 { padding-top: var(--space-5xl); }

/* 96px → 160px */
.t-xl-6 { padding-top: var(--space-6xl); }

/* 112px → 192px */
.t-xl-7 { padding-top: var(--space-7xl); }

/* 128px → 224px */
.t-xl-8 { padding-top: var(--space-8xl); }

/* 144px → 256px */
.t-xl-9 { padding-top: var(--space-9xl); }

/* 160px → 272px */
.t-xl-10 { padding-top: var(--space-10xl); }

/* 192px → 320px */
.t-xl-11 { padding-top: var(--space-11xl); }


/* bottom
----------------------------------------*/

/* 12px */
.b-xs { padding-bottom: var(--space-xs); }

/* 16px */
.b-s { padding-bottom: var(--space-s); }

/* 20px → 24px */
.b-sm { padding-bottom: var(--space-sm); }

/* 24px → 32px */
.b-m { padding-bottom: var(--space-m); }

/* 32px → 40px */
.b-ml { padding-bottom: var(--space-ml); }

/* 36px → 48px */
.b-l { padding-bottom: var(--space-l); }

/* 48px → 64px */
.b-xl { padding-bottom: var(--space-xl); }

/* 56px → 80px */
.b-xl-2 { padding-bottom: var(--space-2xl); }

/* 64px → 96px */
.b-xl-3 { padding-bottom: var(--space-3xl); }

/* 72px → 112px */
.b-xl-4 { padding-bottom: var(--space-4xl); }

/* 80px → 128px */
.b-xl-5 { padding-bottom: var(--space-5xl); }

/* 96px → 160px */
.b-xl-6 { padding-bottom: var(--space-6xl); }

/* 112px → 192px */
.b-xl-7 { padding-bottom: var(--space-7xl); }

/* 128px → 224px */
.b-xl-8 { padding-bottom: var(--space-8xl); }

/* 144px → 256px */
.b-xl-9 { padding-bottom: var(--space-9xl); }

/* 160px → 272px */
.b-xl-10 { padding-bottom: var(--space-10xl); }

/* 192px → 320px */
.b-xl-11 { padding-bottom: var(--space-11xl); }


/* font clamps
----------------------------------------*/
:root{
	--font-size_headline--xxl: clamp(2.5rem, 2.5rem + 4.5vw, 7rem);
	--font-size_headline--xl: clamp(2.25rem, 1.7rem + 2.75vw, 5rem);
	--font-size_headline--l: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
	--font-size_headline--m: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
	--font-size_headline--s: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
	--font-size_headline--xs: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--font-size_headline--xxs: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--font-size_tagline: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
	--font-size_body: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	--font-size_body-s: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--font-size_body-xs: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	--font-weight_regular: 400;
	--font-weight_semibold: 600;
	--font-weight_bold: 700;
	--line-height_160: 160%;
	--line-height_150: 150%;
	--line-height_120: 120%;
	--line-height_130: 130%;
}


/* support color elementor-icon-widget
----------------------------------------*/

.elementor-widget-icon svg path{
    fill: currentColor;
}

/* borlabs cookie
----------------------------------------*/

:root {
	--color-primary: #000000;
	--color-primary-hover: #272727;
}

/* buttons */

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691],
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032],
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]{
	background-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]:hover{
	background-color: var(--color-primary-hover);
}

/* tabs */


body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}