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

 
}
 
}
/*-----------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%);
}
@media (min-width: 1025px) {
.kontaktbutton {
	background-color: var(--e-global-color-primary);
	border-radius: 20px;
	margin-left: 30px !important;
}
.kontaktbutton:hover {
	background-color: var(--e-global-color-secondary);
}
.kontaktbutton .elementor-item:before,
.kontaktbutton .elementor-item:after {
	display: none;
}
.kontaktbutton a {
	color: white !important;
	font-weight: 600 !important;
}
}
/*--------------Fonts-------------------*/
.text-weiss {
	color: white;
}

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

/*----------------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;
}
/*----------Datenschutzerklärung--------*/
#jmdcontent #jmd-section-cookies td {  
    line-height: 1;  
}  
/*--------------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;
  /* Add other styling for kontakt-fahne here */
}

#kontakt-slide-tel,
#kontakt-slide-mail {
  right: -350px;
  /* Add other styling for kontakt-slide here */
}

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

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