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

:root { 
	--section-space-xs: clamp(1.7777777778rem, calc(3.451995685vw + 0.6731391586rem), 5.3333333333rem);
        --section-space-s: clamp(2.6666666667rem, calc(5.1779935275vw + 1.0097087379rem), 8rem);
        --section-space-m: clamp(4rem, calc(7.7669902913vw + 1.5145631068rem), 12rem);
        --section-space-l: clamp(5.332rem, calc(12.2990291262vw + 1.3963106796rem), 18rem);
        --section-space-xl: clamp(7.107556rem, calc(19.3130524272vw + 0.9273792233rem), 27rem);
        --section-space-xxl: clamp(9.474372148rem, calc(30.1219687883vw + -0.1646578643rem), 40.5rem);
        --section-padding-x: clamp(2rem, calc(0.9708737864vw + 1.6893203883rem), 3rem);
        --gutter: clamp(2rem, calc(0.9708737864vw + 1.6893203883rem), 3rem);
	    --xxxl:clamp(12.5rem, 0.6579rem + 52.6316vw, 37.5rem);
	 --radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);
    --radius-s: clamp(0.6rem,calc(0.22vw + 0.5rem),0.8rem);
    --radius-m: clamp(1rem,calc(0.22vw + 0.9rem),1.2rem);
    --radius-l: clamp(1.6rem,calc(0.43vw + 1.39rem),2rem);
    --radius-xl: clamp(2.6rem,calc(0.65vw + 2.29rem),3.2rem);
    --radius-full: 999rem;
    --space-4xs: clamp(0.52rem,calc(-0.03vw + 0.54rem),0.49rem);
    --space-3xs: clamp(0.66rem,calc(0.05vw + 0.63rem),0.7rem);
    --space-2xs: clamp(0.82rem,calc(0.19vw + 0.73rem),0.99rem);
    --space-xs: clamp(1.02rem,calc(0.41vw + 0.83rem),1.4rem);
    --space-s: clamp(1.28rem,calc(0.76vw + 0.92rem),1.98rem);
    --space-m: clamp(1.6rem,calc(1.3vw + 0.98rem),2.8rem);
    --space-l: clamp(2rem,calc(2.12vw + 0.98rem),3.96rem);
    --space-xl: clamp(2.5rem,calc(3.36vw + 0.89rem),5.6rem);
    --space-2xl: clamp(3.13rem,calc(5.2vw + 0.64rem),7.92rem);
    --space-3xl: clamp(3.91rem,calc(7.9vw + 0.13rem),11.19rem);
    --space-4xl: clamp(4.88rem,calc(11.87vw + -0.79rem),15.83rem);

 --text-xs: clamp(1.42rem,calc(-0.15vw + 1.5rem),1.28rem);
    --text-s: clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);
    --text-m: clamp(1.8rem,calc(0.22vw + 1.7rem),2rem);
    --text-l: clamp(2.02rem,calc(0.52vw + 1.78rem),2.5rem);
    --text-xl: clamp(2.28rem,calc(0.92vw + 1.84rem),3.13rem);
    --text-2xl: clamp(2.56rem,calc(1.46vw + 1.87rem),3.91rem);
    --text-3xl: clamp(2.88rem,calc(2.17vw + 1.85rem),4.88rem);
    --text-4xl: clamp(3.24rem,calc(3.1vw + 1.76rem),6.1rem);
    --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);
    --container-gap: var(--space-4xl);
    --content-gap: var(--space-m);
    --grid-gap: var(--space-m);
    --width-30: width:30%;
    --width-100: width:100%;
}
/*
@media only screen and (max-width:1200px) {
	:root { 
    --space-2xl: clamp(1.6rem,calc(1.3vw + 0.98rem),2.8rem);
    --space-3xl: clamp(1.6rem,calc(1.3vw + 0.98rem),2.8rem);
    --space-4xl: clamp(1.6rem,calc(1.3vw + 0.98rem),2.8rem);
}
}
*/

/* var(--section-space-l);*/
/* var(--radius-s);*/
/* var(--space-m);*/
/* var(--text-m);*/
/* var(--text-4xl);*/

.font-s{
	font-size:var(--text-s) !important;
}
.font-m{
	font-size:var(--text-m) !important;
}


body {
    background-attachment: fixed !important;
}
html{
	font-size:62.5%;
}
.title{ 
text-wrap: balance; 
} 
.title .balance p, .balance{ 
text-wrap: balance !important; 
} 
.hauto .elementor-heading-title  {
  hyphens: auto !important;
  text-wrap: balance !important; 
}

/*instagramm*/
div#sbi_load span {
    font-size: 18px  !important;
}

a.sbi_load_btn {
    background-color: transparent !important;
    color: rgb(245, 156, 0) !important;
}
a.sbi_load_btn span {
    color:var(--e-global-color-primary) !important;
    border:solid 1px rgb(245, 156, 0) !important;
    padding:8px 20px  !important;
    border-radius:5px  !important;
}
/* */
.ar1_1 {
     aspect-ratio: 1 / 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mw-40{
	min-width:40%;
}

/*reset*/
html{
	font-size:62.5%;
}

.no-pading {
    padding: 0;
}
.no-link a {
    text-decoration: none;
    color: unset !important;
}
span.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}
span.elementor-button-icon {
    font-size: 32px;
}

.elementor-widget.elementor-list-item-link-full_width a {
    width: auto !important;
}

h1, h2,h3,h4,h5,h6{
	hyphens:auto;
}


/*reset end*/

/*jobs*/
.job-firma {
    color:#fff;
}


span.firma-2KMalerampMarkierer, span.firma-2KBauwerksanierung  {
    padding:5px 20px;
    width:100%;
    min-width:100%;
    display:flex;
    justify-content: center;
}
span.firma-2KMalerampMarkierer,  .firma-maler-markierer .fake-btn, .firma-maler-markierer .job-firma {
    background-color: var(--e-global-color-primary);
}

.firma-maler-markierer h1, .firma-maler-markierer h2,.firma-maler-markierer h3,.firma-maler-markierer h4, .firma-maler-markierer h5{
	color:var(--e-global-color-primary);
}


span.firma-2KBauwerksanierung, .firma-bauwerksanierung .fake-btn, .firma-bauwerksanierung .job-firma, .kategorie-bauwerksanierung .elementor-post__badge  {
    background-color: var(--e-global-color-d1385a7) !important;

}
.firma-bauwerksanierung  .job-title-card, .firma-bauwerksanierung h1,  .firma-bauwerksanierung h2,  .firma-bauwerksanierung h3,  .firma-bauwerksanierung h4{
    color: var(--e-global-color-d1385a7) !important;
}
.firma-bauwerksanierung .fake-btn {
	color:#fff !important;
}
}
.firma-maler-markierer .job-title-card {
    color: var(--e-global-color-d1385a7) !important;
}
.firma-maler-markierer .fake-btn {
	color:#fff !important;
}
span.firma-arubus, .firma-arubus .fake-btn, .firma-arubus .job-firma, .kategorie-arubus .elementor-post__badge  {
    background-color: #67707D !important;

}

/* */
.v-center{
	display: flex;
    justify-content: center;
}
/* */

*/
.person-desc, .h-100 {
    height: 100%;
}
/*gloabale farben aus den Elementor globalen einstellungen*/
/*menu*/
/*menü*/
.menu-item  a:hover, .main-color-bg .highlighted, .main-color-bg .current_page_item .elementor-item-active {
	background-color: var(--e-global-color-primary) !important;
}
.elementor-nav-menu--main .elementor-item.elementor-item-active:hover {
  color: var(--e-global-color-5f0d8a1) !important;
}
.main-color-bg.current-menu-parent.menu-item-has-children .current-menu-item a,  .kategorie-maler-markierer .elementor-post__badge {
    	background-color: var(--e-global-color-primary) !important;
}
.main-color-bg.current-menu-parent.menu-item-has-children li.trocken-innenausbau.current-menu-item a {
  background-color: var(--e-global-color-722d2ac) !important;
}

.main-color-bg a:hover{
	background-color: var(--e-global-color-primary) !important;
}
/*
.main-color-bg.current-menu-parent.menu-item-has-children .current-menu-item a {
background-color:var(--e-global-color-5f0d8a1) !important;
}
*/
.main-color-bg .sub-menu a:hover {
    background-color: var(--e-global-color-primary) !important;
}
.main-color-bg.current_page_item {
    background-color: var(--e-global-color-primary);
}
li.main-color-bg.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children {
     background-color: var(--e-global-color-primary) !important;
}
/*
li.main-color-bg.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent a {
     color: var(--e-global-color-5f0d8a1) !important;
}
*/
li.main-color-bg.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor a {
    color: var(--e-global-color-5f0d8a1) !important;
}

li.main-color-bg.menu-item.menu-item-type-post_type.menu-item-object-page li:not(.current_page_item) a {
   color: var(--e-global-color-5bdde9b) !important;
}
li.main-color-bg.menu-item.menu-item-type-post_type.menu-item-object-page li:not(.current_page_item) a:hover {
    color: var(--e-global-color-5f0d8a1) !important;
}
   

.menu-item.bauwerk-sanierung  a:hover,.bauwerk-sanierung .highlighted{
	background-color:var(--e-global-color-d1385a7)!important;
}
.bauwerk-sanierung .sub-menu a:hover,  .category-bauwerksanierung .elementor-post__badge {
	 background-color:var(--e-global-color-d1385a7)!important;
}
.bauwerk-sanierung.current_page_item {
    background-color:var(--e-global-color-d1385a7) !important;
}
.bauwerk-sanierung.current-menu-parent.menu-item-has-children .current-menu-item a {
background-color:var(--e-global-color-d1385a7) !important;
}
li.bauwerk-sanierung.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children {
   background-color:var(--e-global-color-d1385a7) !important;
	
}
li.bauwerk-sanierung.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children a{
	color: var(--e-global-color-5f0d8a1) !important;
}
li.bauwerk-sanierung.menu-item.menu-item-type-post_type.menu-item-object-page li:not(.current_page_item) a {
   color: var(--e-global-color-5bdde9b) !important;
}
li.bauwerk-sanierung.menu-item.menu-item-type-post_type.menu-item-object-page li:not(.current_page_item) a:hover {
    color: var(--e-global-color-5f0d8a1) !important;
}

.menu-item .trocken-innenausbau a:hover{
	background-color:var(--e-global-color-722d2ac) !important;
}
.trocken-innenausbau .sub-menu a:hover {
	 background-color:var(--e-global-color-722d2ac) !important;
}

.spritz-abdichtungen a:hover{
	background-color:var(--e-global-color-a285ba0) !important;
}
.spritz-abdichtungen .sub-menu a:hover {
	 background-color:var(--e-global-color-a285ba0) !important;
}

/*submenu*/
.sub-menu {
    width: 100% !important;
}
/* */

/*Farben*/
/*
Bauwerk-sanierung
 var(--e-global-color-d1385a7);

Trocken-innenausbau
var(--e-global-color-722d2ac);

Spritz-abdichtungen
  var(--e-global-color-a285ba0);

white:var(--e-global-color-5f0d8a1);
*/


/*timeline*/
.timeline li .tl-circ, .timeline:before{
		background-color: var(--e-global-color-primary);
}


.bauwerksanierung li .tl-circ,.bauwerksanierung .timeline:before {
		background-color: var(--e-global-color-d1385a7); !important;
}
/*custom check icons*/
.check-icon li {
    list-style: none !important;
    position: relative !important;
    padding-left:20px;
}

.check-icon li:before {
   content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left:-15px;
    position:absolute;
    color:var(--e-global-color-primary);
}

.hero-img img, .img-fw img, .img-fw .elementor-widget-image  {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    object-fit: cover;
    height: 100%;
	min-height:300px;
	
}
/*sub menu*/
/*
body .sub-menu.elementor-nav-menu--dropdown {
    width: 100% !important;
	min-width:100% !important;
}
*/
@media only screen and (max-width: 600px) {
 /* Slider navi mobile ausstellen */

body .elementor-swiper-button.elementor-swiper-button-next, body .elementor-swiper-button.elementor-swiper-button-prev  {
 display:none !important;   
}
}

/*referenzen*/
/*
.hentry.category-bauwerksanierung .elementor-post__badge {
    background-color:var(--e-global-color-primary) !important;
    color:#000;
}
*/

/* */



.projekt-listing {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important; /* 4 gleich breite Spalten */
  gap: 10px;
}

.projekt-listing .e-loop-item {
  max-width: 100% !important; /* Verhindert, dass ein Item größer wird */
  overflow: hidden; /* Falls der Inhalt zu groß ist */
}




.sub-menu.elementor-nav-menu--dropdown {
min-width: 320px !important;
width: 320px !important;
}



/*slider - home*/

figure.swiper-slide-inner {
    max-height: 560px;
   
}

figure.swiper-slide-inner img {
    object-fit: cover;
     height:600px;
}


#sb_instagram .sbi_follow_btn a {
    color: #000 !important;
    text-decoration: none !important;
}