/* 
Theme Name: Schwarz+Matt Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Schwarz+Matt Child is a child theme of Hello Elementor, created by the Elementor team and modified by Schwart+Matt.
Author: Schwarz+Matt Team
Author URI: https://www.schwarz-matt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: schwarz+matt-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 */

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

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

p{
	margin-bottom: 0;}


/* 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);
}

/* –––––––  Spacings  –––––––– */

 :root {
	--spacing-xxs: 4px;
	--spacing-xs: clamp(4px, calc(2.4px + 0.5vw), 12px);
	--spacing-s: clamp(8px, calc(4.8px + 1vw), 24px);
	--spacing-m:  clamp(16px, calc(11.2px + 1.5vw), 40px);
	--spacing-l: clamp(32px, calc(25.6px + 2vw), 64px);
	--spacing-xl: clamp(48px, calc(38.4px + 3vw), 96px);
	--spacing-xxl: clamp(80px, calc(60px + 6.25vw), 180px);
}

.section {
  padding-left: var(--spacing-m);
  padding-right: var(--spacing-m);
}

.p-s { padding: var(--spacing-s);}
.p-m { padding: var(--spacing-m);}
.p-l { padding: var(--spacing-l);}

.pt-xs { padding-top: var(--spacing-xs); }
.pt-s { padding-top: var(--spacing-s); }
.pt-m { padding-top: var(--spacing-m); }
.pt-l { padding-top: var(--spacing-l); }
.pt-xl { padding-top: var(--spacing-xl); }
.pt-xxl { padding-top: var(--spacing-xxl); }

.pb-xs { padding-bottom: var(--spacing-xs); }
.pb-s { padding-bottom: var(--spacing-s); }
.pb-m { padding-bottom: var(--spacing-m); }
.pb-l { padding-bottom: var(--spacing-l); }
.pb-xl { padding-bottom: var(--spacing-xl); }
.pb-xxl { padding-bottom: var(--spacing-xxl); }


/* ––––––––  Fonts –––––––––– */

 /* Schriftart */
  :root {
  --font-primary: "Hanken Grotesk", sans-serif;
}

 
/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
	--headline-body-small: clamp(0.8438rem, 0.8125rem + 0.1563vw, 1rem);
	--headline-body: clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem);
	--headline-xs: clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem);
	--headline-s: clamp(1rem, 1.05rem + 0.375vw, 1.5rem);
	--headline-m: clamp(1.125rem, 1.25rem + 0.625vw, 2rem);
	--headline-l: clamp(1.25rem, 1.3rem + 1vw, 2.5rem);
	--headline-xl: clamp(1.5rem, 1.5rem + 1.25vw, 3rem);
	--headline-xxl: clamp(1.5rem, 1.7rem + 1.5vw, 3.5rem);
	--display-small: clamp(1.75rem, 1.9rem + 1.75vw, 4rem);
	--display-large: clamp(2rem, 2rem + 2.5vw, 5rem);
  }
}

/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--headline-body-small: 0.75rem;
		--headline-body: 0.938rem;
		--headline-xs: 0.938rem;
		--headline-s: 1rem;
		--headline-m: 1.125rem;
		--headline-l: 1.25rem;
		--headline-xl: 1.5rem;
		--headline-xxl: 1.5rem;
	  	--headline-display-small: 1.75rem;
	  	--headline-display-large: 2rem;  
	}
}

  @media screen and (min-width: 1920px) {
    :root {
			--headline-body-small: 0.875rem;
			--headline-body: 1.125rem;
			--headline-xs: 1.125rem;
			--headline-s: 1.5rem;
			--headline-m: 2rem;
			--headline-l: 2.5rem;
			--headline-xl: 3rem;
			--headline-xxl: 3.5rem;
			--headline-display-small: 4rem;
			--headline-display-large: 5rem;}
 }


/* ----- Buttons ------ */

.elementor-button {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem);;
  font-weight: 300;
  line-height: 100%;
  text-align: center;
  border-radius: 48px;
  padding: 10px 24px 10px 24px;
  transition: all 0.3s ease;
  border: solid 1.5px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center center;
}




/* Primary Button */
.btn-primary .elementor-button {
	background-color: rgba(255,255,255,0);	
  border-color: #E30613;
  color: #E30613;
}

.btn-primary span.elementor-button-icon {
	background-color: rgba(255,255,255,0);	
	padding-left: 8px;
	border-radius: 100px;
}

.btn-primary span.elementor-button-text {
	align-content: center;
}

.btn-primary .elementor-button:hover,
.btn-primary .elementor-button:focus {
  background-color: rgba(255,255,255,0);
  border-color: #000;
  color: #000;
}

.elementor-button-icon svg {
    height: auto;
    width: 1.5em;
}

.btn-primary .elementor-button svg path {
  fill: #E30613;
}

.btn-primary .elementor-button:hover svg path,
.btn-primary .elementor-button:focus svg path {
  fill: #000;
}

/* Primary light */
.btn-primary-light .elementor-button {
	background-color: rgba(255,255,255,0);	
  border-color: #fff;
  color: #fff;
}

.btn-primary-light span.elementor-button-text {
	align-content: center;
}

.btn-primary-light .elementor-button:hover,
.btn-primary-light .elementor-button:focus {
  background-color: #fff;
  border-color: #fff;
  color: #E30613;}

.btn-primary-light .elementor-button svg path {
  fill: #fff;
}

.btn-primary-light .elementor-button:hover svg path,
.btn-primary-light .elementor-button:focus svg path {
  fill: #E30613;
}

/* Secondary */
.btn-secondary .elementor-button {
	background-color: #E30613;
	border: none!important;
}

.btn-secondary span.elementor-button-text {
	align-content: center;
}

.btn-secondary .elementor-button:hover,
.btn-secondary .elementor-button:focus {
  background-color: #fff;
	border: solid 1.5px;
  color: #E30613;}

.btn-secondary .elementor-button svg path {
  fill: #fff;
}

.btn-secondary .elementor-button:hover svg path,
.btn-seondary .elementor-button:focus svg path {
  fill: #E30613;
}