/* 
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-primary: hsla(0, 0%, 0%, 0.15); 
    --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); 

}

/*-----------Header-----------------*/

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.4s ease-in-out;
}

.hide-header {
  transform: translateY(-100%);
}

.kontaktbutton {
	background-color: var(--e-global-color-primary);
}
.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;
}

/*------------Sticky To-Top-Icon-------------*/
#iconUp {
	display: none;
	cursor: pointer;
}

/*------------Headline Balance Umbruch-------------*/
h1, h2, h3{
	text-wrap: balance;
}

/*------------Ungewünschter Abstand bei Texten raus-------------*/
p {
  margin-block-end: 0.0rem;!important /* oder ein kleiner Wert wie 5px */
}

/* Globe-Icon ersetzen sticky cta */
.e-contact-buttons__contact-icon-container i.fa-globe {
 /* entferne alle Hintergrund-Styles */
 background: none !important;


 /* FontAwesome Solid aktivieren */
 font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
 font-weight: 900;
 font-size: 24px;
 color: inherit; /* oder deine Wunsch-Farbe */
}
 

.e-contact-buttons__contact-icon-container i.fa-globe:before {
content: "\f16d";
}


/* Globe-Icon ersetzen sticky cta */
.e-contact-buttons__contact-icon-container i.fa-whatsapp {
 /* entferne alle Hintergrund-Styles */
 background: none !important;


 /* FontAwesome Solid aktivieren */
 font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
 font-weight: 900;
 font-size: 24px;
 color: inherit; /* oder deine Wunsch-Farbe */
}
 

.e-contact-buttons__contact-icon-container i.fa-whatsapp:before {
content: "\f09a";
}

.elementor-element.elementor-widget.elementor-widget-eael-fancy-text {
    padding-bottom: 20px ;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
    background-color: #312B83 !important;
}

.elementor-flip-box * {
    border-radius: var(--radius-s) !important;
}

a.elementor-flip-box__button{
    border-radius: 0px !important;
}



.eael-fancy-text-prefix,
.eael-fancy-text-strings {
  display: inline !important;       /* vermeidet unnötige Zeilenumbrüche */
  white-space: normal !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translate(0px, 30px);
}

.page-header {
    display: none;
}

.elementor-element.elementor-element-1992267.e-con-full.e-flex.eael_liquid_glass-effect1.eael_liquid_glass_shadow-effect1.e-con.e-child{
	box-shadow: none;}

.noclick{
  pointer-events: none;
}

p.title.eael-dch-title{
	margin: 0 !important;
}

.event-list span.elementor-icon-list-icon {
    transform: translate(0px, -1px);
}





.footer-events .elementor-loop-container.elementor-grid {
    display: grid !important;
    grid-auto-rows: 1fr !important;
}
.footer-events .elementor-loop-container a.e-con {
    height: 100%;
}

.partner-karussell .e-n-carousel .swiper-slide, .bilder-karussel .e-n-carousel{
  cursor: -webkit-grab;
  cursor: grab;
}

.partner-karussell .e-n-carousel .swiper-slide:active, .bilder-karussel .e-n-carousel .swiper-slide:active{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


.partner-karussell .swiper-wrapper, .bilder-karussel .swiper-wrapper{
  transition-timing-function: linear !important; 
}

/* Richtung umdrehen: läuft nach rechts */
.bilder-karussel .elementor-main-swiper.swiper {
  direction: rtl;
}

.footer-imp {
    width: 70% !important;
}

.content-slide, .content-slide-2{
	height: 100%;
}

.elementor-icon-box-content {
    transform: translate(0px, -3px);
}
@media (min-width: 1025px) {
  .uc_fbps_content {
    background-color: #312B831C;
    backdrop-filter: blur(16px);
  }
}

details {
    border-bottom: 2px solid #312B83;
}

.ti-review-text-container.ti-review-content ,.ti-name, .ti-date, span.ti-read-more-active  {
    color: white !important;
}
body .ti-widget.ti-goog .ti-review-item>.ti-inner {
    background-color: #312B83 !important;
}

/* Allgemeine Owl Carousel Struktur */
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .uc_fbps_slide {
  height: 100%;
}

/* Unlimited Elements spezifische Container */
.uc_fixed_box_postslider,
.uc_fbps_container,
.uc_fbps_slide {
  height: 100%;
}

/* Wrapper mit dynamischer ID - Attributselektor */
div[id*="uc_content_slider_new_elementor_"],
div[id*="uc_content_slider_new_elementor_"] .uc_fbps_slide {
  height: 100%;
}

.maps-widget {
  height: 100% !important;
	 flex: 1; 
} 

.maps-column .elementor-widget-google_maps,
.maps-column .elementor-custom-embed, .maps-column iframe {
  height: 100% !important;
}

/* 5) (Optional) Mobile Fallback – damit die Karte nicht zu klein wird */
@media (max-width: 767px) {
  .maps-column {
    min-height: 300px; /* nach Bedarf anpassen */
	  
  }
	.uc_fbps_content{
		height: 100% !important;
		display: flex;
    align-items: center;
	}
	
	.uc_fbps_container_desc {
    margin: 0 !important;
}
}


button#wpforms-submit-196, button.wpforms-page-button.wpforms-page-next, button#wpforms-submit-679 {
	height: 60px !important;}

label.wpforms-field-label-inline a {
	color: #E30518;
}

.wpforms-field-label-inline a, {
  color: #E30518 !important;
  text-decoration: none !important;
}

button.wpforms-page-button.wpforms-page-next{
	color: white !important;
	background-color: #E30518 !important;
	border-radius: 0 !important;
	font-family: var(--e-global-typography-aca3c0b-font-family), Sans-serif;
	font-size: --e-global-typography-b126891-font-size: var(--text-m);
	border: solid 2px #E30518 !important;
}

.wpforms-field-date-dropdown-wrap.wpforms-field-medium * {
    color: var(--e-global-color-text) !important;
}

label.wpforms-field-label-inline {
    transform: translate(0px, -4px);
}

button.wpforms-page-button.wpforms-page-next:hover{
	color: white !important;
	background-color: #312B8300 !important;
	border: solid 2px white !important;
}

input, textarea{
	color: var(--e-global-color-text) !important;
}

select, textarea {
	border-radius: var(--radius-s) !important;
		
}

.feldtitel *{
font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: 400;
	color: white;
}

@media (max-width: 1200px) {
  .elementor-17 .elementor-element.elementor-element-eecd137.elementor-element {
        display: flex;
    }
}

.page-impressum h1, .page-impressum h2, .page-impressum h3 {
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word; /* legacy */
}

.content-fit{
	width: fit-content !important;
}

.cta-button {

    transform: scale(1);
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);

    }
}