/* 
Theme Name: Württemberger Medien
Theme URI: https://github.com/elementor/hello-theme/
Description: Württemberger Medien Elementor Child Theme
Author: Württemberger Medien
Author URI: https://w-medien.de/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elemento
r-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
*/

h1{
	font-family: "Montserrat", sans-serif !important;
}

:root {  

    --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.54rem), 0.49rem); 
    --space-3xs: clamp(0.66rem, calc(0.04vw + 0.63rem), 0.7rem); 
    --space-2xs: clamp(0.82rem, calc(0.17vw + 0.74rem), 0.99rem); 
    --space-xs: clamp(1.02rem, calc(0.37vw + 0.85rem), 1.4rem); 
    --space-s: clamp(1.28rem, calc(0.69vw + 0.95rem), 1.98rem); 
    --space-m: clamp(1.6rem, calc(1.17vw + 1.04rem), 2.8rem); 
    --space-l: clamp(2rem, calc(1.92vw + 1.08rem), 3.96rem); 
    --space-xl: clamp(2.5rem, calc(3.03vw + 1.05rem), 5.6rem); 
    --space-2xl: clamp(3.13rem, calc(4.69vw + 0.88rem), 7.92rem); 
    --space-3xl: clamp(3.91rem, calc(7.13vw + 0.5rem), 11.19rem); 
    --space-4xl: clamp(4.88rem, calc(10.71vw + -0.24rem), 15.83rem); 
	
    --text-xs: clamp(1.42rem, calc(-0.03vw + 1.44rem), 1.39rem); 
    --text-s: clamp(1.6rem, calc(0.07vw + 1.57rem), 1.67rem); 
    --text-m: clamp(1.8rem, calc(0.2vw + 1.71rem), 2rem); 
    --text-l: clamp(2.02rem, calc(0.37vw + 1.85rem), 2.4rem); 
    --text-xl: clamp(2.28rem, calc(0.59vw + 2rem), 2.88rem); 
    --text-2xl: clamp(2.56rem, calc(0.87vw + 2.15rem), 3.46rem); 
    --text-3xl: clamp(2.88rem, calc(1.24vw + 2.29rem), 4.15rem); 
    --text-4xl: clamp(3.24rem, calc(1.7vw + 2.43rem), 4.98rem); 

    --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem); 
    --radius-s: clamp(0.6rem, calc(-0.2vw + 0.89rem), 0.8rem); 
    --radius-m: clamp(1rem, calc(-0.2vw + 1.29rem), 1.2rem); 
    --radius-l: clamp(1.6rem, calc(-0.39vw + 2.19rem), 2rem); 
    --radius-xl: clamp(2.6rem, calc(-0.59vw + 3.48rem), 3.2rem); 
    --radius-full: 999rem; 

    --shadow-primary: hsla(0, 0%, 0%, 0.15); 
    --shadow-xs: 0 1px 2px var(--shadow-primary); 
    --shadow-s: 0 1.5px 3px var(--shadow-primary); 
    --shadow-m: 0 2px 6px var(--shadow-primary); 
    --shadow-l: 0 3px 12px var(--shadow-primary); 
    --shadow-xl: 0 6px 48px var(--shadow-primary); 

}

/*-----------Header-----------------*/

.header {
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.4s ease-in-out;
}

.hide-header {
  transform: translateY(-100%);
}


/*------------Sticky To-Top-Icon-------------*/
#iconUp {
	display: none;
	cursor: pointer;
}

/*------------Headline Balance Umbruch-------------*/
h1, h2, h3{
	text-wrap: balance;
}

/*------------Ungewünschter Abstand bei Texten raus-------------*/
p {
  margin-block-end: 0.0rem;!important /* oder ein kleiner Wert wie 5px */
}

/* Globe-Icon ersetzen sticky cta */
.e-contact-buttons__contact-icon-container i.fa-globe {
 /* entferne alle Hintergrund-Styles */
 background: none !important;


 /* FontAwesome Solid aktivieren */
 font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
 font-weight: 900;
 font-size: 24px;
 color: inherit; /* oder deine Wunsch-Farbe */
}
 

.e-contact-buttons__contact-icon-container i.fa-globe:before {
content: "\f167";
}


/* Globe-Icon ersetzen sticky cta */
.e-contact-buttons__contact-icon-container i.fa-whatsapp {
 /* entferne alle Hintergrund-Styles */
 background: none !important;


 /* FontAwesome Solid aktivieren */
 font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
 font-weight: 900;
 font-size: 24px;
 color: inherit; /* oder deine Wunsch-Farbe */
}
 

.e-contact-buttons__contact-icon-container i.fa-whatsapp:before {
content: "\f39e";
}

.zaehler{
		width: 100px;
	height: 100px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	
}

.zaehler .elementor-icon-wrapper {
    display: flex;
}

.page-header {
    display: none;
}

.overlay-bild{
	transform: scale(4);
}

details{
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.e-n-accordion-item-title{
	padding: 15px !important;
}

span.e-n-accordion-item-title-icon {
    padding: 10px 20px;
    background-color: #C7DDA6;
    border-radius: var(--radius-full);
}

span.e-contact-buttons__contact-icon-container{
	width: 30px;
	height: 30px;
}


.unternehmen-box  .elementor-icon-box-icon {
    margin-top: 8px;
}

.ue_timeline_item_pointer{
	margin-right:-1px;
}

.maps-border .elementor-widget-container{
	border-radius: 10px;
}

.noclick{
  pointer-events: none;
}


.produkt-carousel,
.produkt-carousel .elementor-image-carousel-wrapper {
  height: 100% !important;
}

.produkt-carousel .swiper-slide figure {

  height: 100% !important;
  width: 100% !important;
}

.produkt-carousel .swiper-slide-image {
  display: block !important;    
  height: 100% !important;
  object-fit: cover !important;    
}

.icon-liste {
    width: 70% !important;
}

.elementor-1077 .elementor-element.elementor-element-51eac82 .elementor-heading-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em; /* Passt die Höhe für 2 Zeilen an */
    line-height: 1.2em;
}

body .button,
body #tp-widget-wrapper * {
    background-color: transparent !important;
    border: none !important;
}

body{
	overflow-x: hidden;}


div#uc_unlimited_timeline_elementor_6eee9e1_item1 .ue_timeline_item_icon_line_offset {
	opacity: 0 !important;
}

.content-fit{
	width: fit-content !important;
}

@media (max-width: 1024px) {

	.unternehmen-container{
    background-image: none !important;
    background-color: var(--e-global-color-accent) !important; 
	}
	
}

a._brlbs-btn-cookie-preference.borlabs-cookie-preference {
    background-color: #FBCFAA !important;
	border-radius: 100px !important;
	color: black !important;
}

.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn {
	background-color: var(--e-global-color-accent) !important;
	color: black !important;
	border-radius: 100px !important;}