/* 
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
*/


html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
	scroll-behavior: smooth;
}

:root {
  /* Spacing */
  --space-8: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --space-16: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
  --space-24: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  --space-32: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  --space-48: clamp(1.75rem, 1.5rem + 1.25vw, 3rem);
  --space-64: clamp(2rem, 1.6rem + 2vw, 4rem);
  --space-80: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  --space-96: clamp(2.75rem, 2.1rem + 3.25vw, 6rem);
  --space-192: clamp(4rem, 2.4rem + 8vw, 12rem);
  --space-240: clamp(5rem, 3rem + 10vw, 15rem);
  --space-272: clamp(6rem, 3.8rem + 11vw, 17rem);
	
	
 /* Farben */
  --color-elbony: #1F2931;
  --color-charcoal: #2F3F4C;
  --color-white: #fff;
  --color-silver-grey: #77808B;
  --color-silver: #BBC0C4;
  --color-platinum: #EAEAEA;
  
  /* Schriftart */
  --font-primary: "IBM-Plex-Sans", sans-serif;
	

}

.wrapper {
  padding-left: var(--space-80);
  padding-right: var(--space-80);
}


.aspect-1-1 img {
	aspect-ratio: 1/1 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.aspect-16-9 img {
	aspect-ratio: 16/9 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Add your custom styles here */

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

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

/* Button Start */

.elementor-button {
	display: inline-block;
	line-height: 1;
	text-align: center;
	transition: all .3s;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 120%;
	font-weight: 500;
	padding: var(--space-24) var(--space-32);
}

.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 5px!important;
    align-items: center;
}

.elementor-button span {
    margin: 0;
    position: relative;
    color: var(--primary-color);
	text-align: left;
  }

  .elementor-button:hover {
  transform:scale(1.0125);
  font-weight: 500;
  }
  

/* Button End */	
	
/* Button Primary Start */

.btn-primary .elementor-button {
        background-color: var(--color-charcoal) !important;
		color: #fff;
        border-radius: 0 !important;
 }
	

.btn-primary .elementor-button:hover, .elementor-button:focus {
	background-color: var(--color-silver-grey)!important;
	color:  #fff !important;  
}

/* Button Primary End */
	
/* Button Primary light Start */

.btn-primary-light .elementor-button {
    background-color: #fff!important;
    color: var(--color-charcoal);
    border-radius: 0 !important;
}

.btn-primary-light .elementor-button:hover, .elementor-button:active {
	background-color: var(--color-silver) !important;
	color:  var(--color-charcoal) !important;
}
	
/* Button Primary light End */	

/* Button Secondary Start */
	
.btn-secondary .elementor-button {
    background-color: rgba(255, 255, 255, 0)!important;
    color: var(--color-charcoal)!important;
    border-radius: 0 !important;
    border: 1px solid var(--color-charcoal);
}

.btn-secondary .elementor-button:hover, .elementor-button:active {
	color: var(--color-silver) !important;
	background-color: rgba(255, 255, 255, 0) !important;
}	

/* Button Secondary End */	


/* Hover Effekt auf Boxen
-------------------------------------*/

 .card-box .card-icon,
 .card-box .card-img,
 .card-box .card-headline {
   transition: transform 0.3s ease;
  
 }
 
.card-box {
	overflow: hidden!important;
	justify-content: center;
}

 .card-box:hover .card-icon {
   transform: scale(1.05);
   transform: rotate(-45deg);
   color: var(--color-silver-grey);
	
 }
 
 .card-box:hover .card-headline .elementor-heading-title {
	color: var(--color-silver-grey);
  }
 
 .card-box:hover .card-img {
   transform: scale(1.01125);
   transition: transform 0.5s ease, filter 0.5s ease; 
   filter: brightness(60%);
 }


/* Blinkende Icons/Kategorien 
-----------------------------------------*/ 

.dot .elementor-icon-list-icon {
      animation: blink 1.5s infinite;}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


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