/* 
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
*/
/*-----------------Navigation---------------------------*/
/* Header Slide-Down */
.page-id-2 .header-2 {
transform: translatey(-150px); /*je nach oberen Außenabstand*/
-moz-transition: all .3s ease!important;
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
}
.page-id-2 .elementor-sticky--effects.header-2 {
height: auto!important;
transform: translatey(0px);
}
.page-id-2 .elementor-sticky--effects.header-1 {
display: none!important;
}
/* Ende Header Slide-Down*/

.page-id-2 .elementor-element-9ddb7b3 a {
	display: none;
}

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

.line-weit {
	line-height: 50px;
}

.font-20px {
	font-size: 20px;
}

@media (max-width: 1366px) {
	.line-weit {
		line-height: 30px;
	}
}
@media (max-width: 1024px) {
	.font-20px {
		font-size: 16px;
	}
}

/*---------------Link------------------*/
.link-rot-weiss a:link,
.link-rot-weiss a:visited {
	color: #E5231F;
}
.link-rot-weiss a:hover,
.link-rot-weiss a:focus,
.link-rot-weiss a:active {
	color: white;
}

.link-weiss-rot a:link,
.link-weiss-rots a:visited {
	color: white;
}
.link-weiss-rot a:hover,
.link-weiss-rot a:focus,
.link-weiss-rot a:active {
	color: #E5231F;
}

.link-rot-black a:link,
.link-rot-black a:visited {
	color: #E5231F;
}
.link-rot-black a:hover,
.link-rot-black a:focus,
.link-rot-black a:active {
	color: #2e2e30;
}
/*--------------Business Data-------------------*/

/* Business Data without title */
.business-ohne-titel .b_data_title {
	display: none;
}
/*Link lEGAL Nebeneinander*/
.nebeneinander .b_data_text p {
	display: flex;
}
.nebeneinander .b_data_text a {
	margin-left: 50px;
}

/*---------------Sticky Buttons-----------------*/
.sticky-adress .b_data_text p {
  white-space: nowrap;
}

.sticky-adress p strong {
	display: none;
}
.sticky-adress .b_data_text br:nth-of-type(2) {
  content: "|";
  display: inline;
  margin: 0 5px;
  white-space: pre;
}

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

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

/*-------------Karrierebutton------------*/
@-webkit-keyframes pulse{0%{
	-webkit-transform:scaleX(1);
	transform:scaleX(1)}50%{
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)}to{
	-webkit-transform:scaleX(1);
	transform:scaleX(1)};
}

@keyframes pulse{0%{-webkit-transform:scaleX(1);
	transform:scaleX(1)}50%{
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)}to{
	-webkit-transform:scaleX(1);
	transform:scaleX(1)};
}

.pulse{
	-webkit-animation-name:pulse;
	animation-name:pulse;
	animation-duration: 2s; /* Adjust the duration as needed */
    animation-iteration-count: infinite;
}

/*---------------Formular----------*/
div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
	background-color: #E5231F;
}
div.wpforms-container-full button[type=submit]:hover {
	background: #2e2e30;
}
@media (max-width: 767px) {
	.wpforms-container .wpforms-one-half {
		width: 100%;
	}
	.wpforms-container .wpforms-field.wpforms-one-half {
		margin-left: 0px;
	}
}
.elementor-element-c1d61c3 {
  opacity: 0;
  transition: opacity 0.4s ease-in-out 0.8s;
}

.elementor-element-c1d61c3.animated {
  opacity: 1;
}

/*-----------------Bewegungseffekte Fade ------------*/
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-100px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(100px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}
/* Nur den Text im Button mit data-id=1670d03 visuell verstecken */
.elementor-element[data-id="1670d03"] .elementor-button-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Nur leere Timeline-Bilder ausblenden */
.ue_timeline_item_image[src=""], 
.ue_timeline_item_image:not([src]) {
  display: none !important;
}