/* 
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);
	*/
	--text-xs: clamp(0.79rem, calc(-0.43vw + 0.88rem), 0.5rem);
    --text-s: clamp(0.89rem, calc(-0.27vw + 0.94rem), 0.71rem);
    --text-m: clamp(1rem, calc(0vw + 1rem), 1rem);
   /* --text-l: clamp(1.13rem, calc(0.43vw + 1.04rem), 1.41rem);
    --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
    --text-2xl: clamp(1.42rem, calc(2.08vw + 1.01rem), 2.83rem);
    --text-3xl: clamp(1.6rem, calc(3.55vw + 0.89rem), 4rem);
    --text-4xl: clamp(1.8rem, calc(5.7vw + 0.66rem), 5.65rem);*/
	
	--text-l:  clamp(1.05rem, 0.35vw + 1.02rem, 1.41rem);
	--text-xl: clamp(1.55rem, 1.4vw + 1.15rem, 2rem);
	--text-2xl: clamp(1.9rem, 2.6vw + 1.15rem, 2.83rem);
	--text-4xl: clamp(2.8rem, 6vw + 0.8rem, 5.65rem);
	
    --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);

 
}
 
}*/
/*-----------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%);
}
*/

/*--------------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;
}
/*-----------------Tabelle-----------------*/
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th,
table tbody tr:hover>td, table tbody tr:hover>th {
	background-color: transparent;
}
table td {
	border: none;
	line-height: 0;
	padding-left: 0px;
	padding-right: 0px;
}
table tr:nth-child(odd) td {
	padding-bottom: 10px;
}
table tr:nth-child(even) td {
	padding-bottom: 20px !important;
}
/*--------------Sticky Buttons-----------------*/
/*
#kontakt-fahne-tel, #kontakt-slide-tel,
#kontakt-fahne-mail, #kontakt-slide-mail{
  position: fixed;
  transition: right 0.5s ease-in-out;
}

#kontakt-fahne-tel,
#kontakt-fahne-mail{
  right: 0;
  cursor: pointer;
}

#kontakt-slide-tel,
#kontakt-slide-mail {
  right: -350px;
}

#iconUp {
	display: none;
	cursor: pointer;
}
*/

/*------------Ken Burns Effekt-------------*/
/* Container */
.bg-anim{
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* animiertes, geerbtes Background als Overlay */
.bg-anim::before{
  content:"";
  position:absolute; inset:0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  transform-origin:center;
  animation:kb 12s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes kb{
  from{ transform: scale(1); }
  to  { transform: scale(1.12); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .bg-anim::before{ animation: none; }
}