/* 
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.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(0.79rem, calc(-0.23vw + 0.84rem), 0.63rem);
    --text-s: clamp(0.89rem, calc(-0.07vw + 0.9rem), 0.84rem);
    --text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --text-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
    --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
    --text-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem), 2.66rem);
    --text-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem), 3.55rem);
    --text-4xl: clamp(1.8rem, calc(4.34vw + 0.93rem), 4.74rem);
    --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);
}
 
@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);

 
}
 
}
/*--------------Fonts-------------------*/
.text-weiss {
	color: white;
}

/*----------------Links-------------------*/
.link-weiss a:link,
.link-weiss a:visited {
	color: white;
}
.link-weiss a:hover,
.link-weiss a:focus,
.link-weiss a:active {
	color: white;
}


/*------------Formular-------------*/
div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
	background-color: var(--e-global-color-primary);
}
	div.wpforms-container-full button[type=submit]:hover,
	div.wpforms-container-full button[type=submit]:active {
		background-color: var(--e-global-color-secondary);
	}
}

div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li label a {
	font-size: 1rem;
	color: var(--e-global-color-primary);
}

/*------------Glassmorphism-------------*/
.glasscard{
	backdrop-filter: blur(6px) saturate(150%);
    -webkit-backdrop-filter: blur(6px) saturate(150%);
}

.ha-ihe-wrapper .ha-ihe-fig:hover{
	backdrop-filter: blur(6px) saturate(150%);
    -webkit-backdrop-filter: blur(6px) saturate(150%);
}

/*-----------headings------------*/

h1, h2, h3 {
text-wrap: balance;
}

/*------------IMG HOVER -------------*/
.ha-ihe-wrapper {
    width: 100%;
    height: 100%;
}

/*------ Ken Burns ----------*/
/*.kenimage { 
	position: relative;
    overflow: hidden;
    animation: zoomMove 11s ease infinite alternate;}

@keyframes zoomMove {
    0% {
        background-size: 100%;}
    100% {
        background-size: 110%;  }
}*/

.kenimage { 
    position: relative;
    overflow: hidden;
}

.kenimage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
	opacity:100%;
    animation: zoomMove 11s ease infinite alternate;
    z-index: 0;
}

.kenimage > * {
    position: relative;
    z-index: 1;
}

@keyframes zoomMove {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

/*------- Hover Zoom ------*/
.hover-zoom {
    position: relative;
    overflow: hidden;
}

.hover-zoom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease;
    z-index: 0;
}

.hover-zoom:hover::before {
    transform: scale(1.2);
}

.hover-zoom > * {
    position: relative;
    z-index: 1;
}

span.borlabs-cookie-open-dialog-preferences a{
	color: var(--e-global-color-secondary) !important;
}