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



: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-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);
	*/
--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.44vw + 1.63rem), 1.01rem);
    --text-s: clamp(1.6rem, calc(-0.27vw + 1.73rem), 1.35rem);
    --text-m: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
    --text-l: clamp(2.02rem, calc(0.41vw + 1.83rem), 2.4rem);
    --text-xl: clamp(2.28rem, calc(1vw + 1.8rem), 3.2rem);
    --text-2xl: clamp(2.56rem, calc(1.84vw + 1.68rem), 4.26rem);
    --text-3xl: clamp(2.88rem, calc(3.04vw + 1.43rem), 5.68rem);
    --text-4xl: clamp(3.24rem, calc(4.7vw + 1rem), 7.58rem);
    --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
    --radius-s: clamp(0.6rem, calc(-0.22vw + 0.9rem), 0.8rem);
    --radius-m: clamp(1rem, calc(-0.22vw + 1.3rem), 1.2rem);
    --radius-l: clamp(1.6rem, calc(-0.43vw + 2.21rem), 2rem);
    --radius-xl: clamp(2.6rem, calc(-0.65vw + 3.51rem), 3.2rem);
    --radius-full: 999rem;
    --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);
}

@media only screen and (max-width:1200px) {
 /*
	:root { 
    --space-2xl:  clamp(3.13rem, calc(5.2vw + 0.64rem), 7.92rem);
    --space-3xl:  clamp(3.13rem, calc(5.2vw + 0.64rem), 7.92rem);
    --space-4xl:  clamp(3.13rem, calc(5.2vw + 0.64rem), 7.92rem);
 

}
	*/
}

/* 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;
}
html{
	font-size:62.5%;
}
.page-datenschutzerklaerung p, page-datenschutzerklaerung a {
    hyphens: auto;
}
/*header ein uns ausfahren beim scrollen*/

/*reset*/
html{
	font-size:62.5%;
}
#content .no-link, #content .no-link a, #content .no-link li a, footer.no-link a:not(.borlabs-cookie-preference){
    text-decoration: none !important;
    color: unset !important;
}
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    transition: transform 0.6s ease-in-out; 
    z-index: 9 !important;
}

.hero-img img, .img-fw img, .img-fw .elementor-widget-image, .img-fw-img img  {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    object-fit: cover;
    height: 100%;
	min-height:300px !important;
	z-index: 1;
}
.no-break.{
	white-space: nowrap;
}
.filter-white svg, .filter-white img{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(262deg) brightness(107%) contrast(102%) !important;
}
.multiply  {mix-blend-mode: multiply;}

/*sitebar*/

/*sitebar*/
.sitebar-info .elementor-widget-icon {
    height:46px;
}

.sitebar-info a {
    color: #fff !important;
}
.sitebar-info a, .sitebar-info >div  {
    transition: all ease 0.4s !important;
    right:0;
    
}
.sitebar-info >div:hover {
    right: 326px!important;
    
}
.sitebar-info >div.s:hover, .sitebar-info a.s:hover {
    right: 130px!important;
}
.sitebar-info >div:hover, .sitebar-info a:hover {
    right: 180px!important;
}
.sitebar-info >div.m:hover, .sitebar-info a.m:hover {
    right: 280px!important;
}
.sitebar-info >div.l:hover, .sitebar-info a.l:hover  {
    right: 320px!important;
}
.sitebar-info .elementor-widget-text-editor  {
    color: var(--e-global-color-690b9d9);
}
/* */
/* */

.fake-btn.main {
   background-color: var(--e-global-color-accent);
	
}
.fake-btn.main.s {
    padding: var(--space-xs) var(--space-m) var(--space-xs) var(--space-m);
}
.fake-btn.main span {
    font-size: 18px;
    color: var(--e-global-color-secondary) !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-weight);
	
}



/*wir suchen dich button animation*/


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.moving-image {
  position: absolute;
  bottom: 0;
  right: -100%; /* Start außerhalb rechts */
  height: 100%;
  animation: moveLeft 10s linear infinite;
}

@keyframes moveLeft {
  0% {
    right: -100%;
  }
  100% {
    right: 100%;
  }
}

div#gallery-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.partner .gallery figure {
    background-color: #fff !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center;
    /* mix-blend-mode: multiply; */
    min-height: 197px !important;
    max-height: 197px !important;
    min-width:197px !important;
}

.partner .gallery{
    gap:20px;
    display:flex;
    flex-wrap: wrap;
}
/* GRÜN: 1, 2, 5, 6, 9, 10, ... */
.box-bt-tb .e-loop-item:nth-child(4n-2), .box-bt-tb .e-loop-item:nth-child(4n-1)
 {
 /* border: solid green;*/
}
/* ROT: 3, 4, 7, 8, 11, 12, ... */
.box-bt-tb .e-loop-item:nth-child(4n-3),
.box-bt-tb .e-loop-item:nth-child(4n) {
/*  border: solid red;*/
}
.box-bt-tb .e-loop-item:nth-child(4n-3) .elementor-widget-image,
.box-bt-tb .e-loop-item:nth-child(4n) .elementor-widget-image {
 order:2
}

@media only screen and (max-width:768px) {
.partner .gallery figure {
        width: 46% !important;
        max-width: 46% !important;
        min-width: 46% !important;
        min-width: 46% !important;
    }
	.partner .gallery figure img{
    max-width: 60%;
}
	@media only screen and (max-width:500px) {
.partner .gallery figure {
        width: 46% !important;
        max-width: 46% !important;
        min-width: 46% !important;
        min-width: 46% !important;
    }
	.partner .gallery figure img{
    max-width: 100%;
}
	

.box-bt-tb .e-loop-item:nth-child(4n-3) .elementor-widget-image,
.box-bt-tb .e-loop-item:nth-child(4n) .elementor-widget-image {
 order:0;
}
	
}
img.attachment-medium_large.size-medium_large {
    max-width: 177px;
}

.filter-red svg{
	filter: invert(11%) sepia(85%) saturate(6649%) hue-rotate(354deg) brightness(115%) contrast(86%);
}





.open-time ul {
    display: flex;
    list-style: none;
    gap:10px
}

.open-time .elementor-icon-box-content {
    display: flex;
}




.option {
  cursor: pointer;
  position: relative;
  margin-bottom: 1px;
}
.contact-info {
  position: fixed;
  top: 30%;
  right: 0px;
z-index:9999;
}
 
.option i {
  display: block;
  font-size: 20px;
  background: #262626;
  color: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
}
 
.mylocation {
  position: absolute;
  height: 50px;
  width: 220px;
  top: 0;
  right: -180px;
  z-index: -1;
  background: #262626;
  color: #fff;
  line-height: 50px;
  text-align: center;
  transition: 0.5s;
}
.option:hover .mylocation {
  position: absolute;
  right: 50px;
}
 
.mylocation .social-media li {
  display: block;
}
.social-media i {
  background: none;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0;
}
	
/* Barrierefreiheit*/
	
/* Sticky Buttons Mobil*/
.sr-only-wtv .elementor-button-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}