/* 
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 {


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

header#site-header {
    display: none;
}


.elementor-repeater-item-8e88abc {
    left: 50%;
    top: 50%;
	transform: translate(-50%, -28%) !important;}

.elementor-repeater-item-d085eb3{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -35%) !important;
}


.elementor-repeater-item-358724d {
    left: 50%;
    top: 50%;
	transform: translate(-50%, -40%) !important;}

.header a.elementor-icon, .open_side_menu{
	box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 10px 0px;}

.elementor-counter-title {
    text-align: center;
}

li.menu-item, .content-fit {
    width: fit-content;
}


.ti-review-text-container.ti-review-content ,.ti-name, .ti-date, span.ti-read-more-active  {
    color: var(--e-global-color-text) !important;
	
}
body .ti-widget.ti-goog .ti-review-item>.ti-inner {
    background-color: #F1EFE7 !important;
	border-radius: 0 !important;
}



li.menu-item .sub-menu {
    margin: 0 !important;
    position: relative !important;
    height: 0px;
    transition: all ease 1.3s;
    
}

li.menu-item .sub-menu {
    height: auto;
    
}

.uc-side-menu-items {
    display: flex;
    justify-content: space-around;
}

.side-menu-after {
    display: none !important;
}

.uc-menu-button-wrapper {
    z-index: 0 !important;
}

.side-menu-button-icon {
    margin: 0 !important;
}

.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 */
  }
	
.footer-list ul {
    display: flex !important;
    flex-direction: column !important;
}
}

input{
    border-radius: 0 !important;
}

label, .wpforms-submit-container button{
  font-family: var(--e-global-typography-text-font-family), sans-serif !important;
  font-size: var(--e-global-typography-text-font-size)!important;
  font-weight: var(--e-global-typography-text-font-weight)!important;
  line-height: var(--e-global-typography-text-line-height)!important;
  letter-spacing: var(--e-global-typography-text-letter-spacing)!important;
  word-spacing: var(--e-global-typography-text-word-spacing)!important;
}

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

/* Wrapper für Positionierung und Icon-Farbe */
.dropdown-objektart-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    color: var(--e-global-color-text); /* ← steuert auch Pfeilfarbe */
}

/* Das eigentliche Dropdown */
.dropdown-objektart {
    font-family: var(--e-global-typography-text-font-family), sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    word-spacing: var(--e-global-typography-text-word-spacing) !important;

    background-color: #F1EFE7 !important;
    color: var(--e-global-color-text) !important; /* <- hier war der Fehler */

    border-radius: 0 !important;
    border: none !important;

    padding: 10px 40px 10px 14px !important; /* rechts Platz für Pfeil */
    width: 100% !important;
    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    transition: background-color 0.2s ease;
}

/* Fokus-Effekt */
.dropdown-objektart:focus {
    outline: 2px solid #AB9C63 !important;
    outline-offset: 2px;
}

/* Pfeil-Icon mit currentColor (= var(--e-global-color-text)) */
.dropdown-objektart-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);

    /* kleiner Pfeil nach unten */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid currentColor; /* ← nimmt die Farbe aus var(--e-global-color-text) */
}

iframe {
    height: 100vh;
}

button#wpforms-submit-196 {
    border-radius: 0;
}

.noclick{
	pointer-events: none;
}

.cta-button {

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

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

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);

    }
}

.border-con{
  --s: 50px; 
  --t: 3px;  
  --g: 35px; 
  border-radius: 0px;
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #AB9C61;
  outline-offset: calc(-1*var(--t));
  -webkit-mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;

}

.icon_box_hover_effect{
	height: 100% !important;
	padding: var(--space-xs) !important;
}


.elementor-element-f9e26ff .slide-hand {
    overflow: hidden !important;
}



.side-menu-holder .uc-list-menu li.current-menu-item > a::after,
.side-menu-holder .uc-list-menu li.current_page_item > a::after,
.side-menu-holder .uc-list-menu li.current-menu-parent > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background-color: rgb(241, 239, 231);
}

.methode-icon {
  opacity: 1;
  transition: opacity 0.4s ease !important;
}

.ue-icon-box:hover .methode-icon {
  opacity: 0;
}

.elementor-widget-ucaddon_icon_box_hover_effect{
	height: 100% !important;
}

.footer-icon .elementor-icon-box-content{
	display: flex;
	align-items: center;
}