/* 
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
*/
/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 
/*
body {
    background-color: red !important;
}
*/
: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.04vw + 1.44rem),1.39rem);
    --text-s: clamp(1.6rem,calc(0.07vw + 1.56rem),1.67rem);
    --text-m: clamp(1.8rem,calc(0.22vw + 1.7rem),2rem);
    --text-l: clamp(2.02rem,calc(0.41vw + 1.83rem),2.4rem);
    --text-xl: clamp(2.28rem,calc(0.65vw + 1.97rem),2.88rem);
    --text-2xl: clamp(2.56rem,calc(0.97vw + 2.1rem),3.46rem);
    --text-3xl: clamp(2.88rem,calc(1.37vw + 2.23rem),4.15rem);
    --text-4xl: clamp(3.24rem,calc(1.88vw + 2.34rem),4.98rem);
	*/
 --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%;
}

h1{
	 font-size:var(--text-4xl);
}
h2{
	 font-size:var(--text-3xl);
}
h3{
	 font-size:var(--text-2xl);
}
h4{
	 font-size:var(--text-xl);
}


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



/*header ein uns ausfahren beim scrollen

header {
    position: fixed !important;
    top: 0 !importan;
    left: 0 !importan;
    width: 100%;
    transition: transform 0.6s ease-in-out; 
    z-index: 90;
}
*/
/*reset*/

/*filter main color*/
.filter-mc{
	filter: brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1016%) hue-rotate(1deg) brightness(100%) contrast(81%) !important;
}
.filter-white{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(262deg) brightness(107%) contrast(102%);
}



.no-break{
	white-space: nowrap;
}
#content .no-link, #content .no-link a, #content .no-link li a,  .no-link a  {
    text-decoration: none !important;
    color: unset !important;
}

.lh20 a, .lh20 p {
        line-height: 42px;
    display: inline-block;
}
.sitebar-info a:hover {
    color: unset;
}

body, p{
	hyphens:auto;
}
.m0 p{
	margin-bottom:0 !important;
}

html{
	font-size:62.5%;
}
.elementor-location-footer .b_data_text p {
    margin-bottom: 0;
}

/* */
.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;
    height: 100%;
	min-height:300px !important;
	z-index: 1;
}
.img-fw{
	overflow: hidden;
}
/*CTA - SITEBAR*/
.sitebar-info .elementor-icon-box-wrapper p {
    margin-bottom:0;
	width:250px;
}
.sitebar-info a {
    width: 100%;
    display: inline-block;
}
/*
.sitebar-info a, .sitebar-info p{
	color: var(--e-global-color-a5182a4);
}
*/
.sitebar-info li {
    list-style: none;
}
.sitebar-info ul li {
    padding-bottom: 0;
}
/*
.sitebar-info .b_data_holder >div {
    display: flex !important;
}
*/
.sitebar-info .elementor-widget-icon-box .elementor-icon-box-content{
    /*padding: 0 0 0 15px; */
	 padding: 0px;
    min-height: 44px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.sitebar-info{
    display: inline-block !important;
}

.sitebar-info .elementor-icon-box-title {
    display: none;
}
.sitebar-info .elementor-icon-box-content {
    min-height: 51px !important;
}

.sitebar-info.e-container--column.e-container {
    display: flex;
}
.sitebar-info >div {
    right: 0 !important;
    transition:all ease 0.4s;
}

.sitebar-info >div:hover {
    right: 326px !important;
}
.sitebar-info >div.xs:hover {
	right: 130px !important;
}

.sitebar-info >div.s:hover {
    right: 180px !important;
}
.sitebar-info >div.m:hover {
    right: 250px !important;
}
.sitebar-info >div.xxl:hover {
    right: 400px !important;
}

.sitebar-info .elementor-icon-box-description a {
    color: unset;
}
.sitebar-info ul, main#content ul {
    padding-left: 0 !important;
}
.sitebar-info p{
	margin-bottom:0 !important;
}
.sitebar-info .b_data_holder a {
    width: 100%;
}
.sitebar-info .elementor-widget-icon {
    max-height: 50px;
}
.sitebar-info >div {
    max-height: 50px;
    overflow: hidden;
}
/*cta sitebar end*/

.multiply {
    mix-blend-mode: multiply;
}

/*formular*/
div.wpforms-container-full input[type=text] {
    color: var(--e-global-color-text);
}
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before {
    border-color: #fff !important;
}

div.wpforms-container-full input[type=radio]:checked:after {
    background-color: #fff !important;
}
div.wpforms-container-full select>option {
    color: #000 !important;
}


div.wpforms-container-full input[type=checkbox]:checked:after {
    border-left: 4px solid var(--e-global-color-text) !important;
    border-bottom: 4px solid var(--e-global-color-text) !important;
   
}
/* */


.elementor-widget-n-tabs .e-n-tabs-heading {
    display: flex;
	align-items: flex-end;
 }
@media (min-width: 320px) {
  .elementor-tabs-wrapper {
    display: flex !important;
        flex-direction: row !important;
  }
}

@media (min-width: 320px) {
  .elementor-tab-mobile-title {
    display: none !important;
  }
}

.picture-ellipse{
	clip-path: ellipse(49% 44% at 50% 53%);
}