/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-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
*/


/* Marqee Text */

.fuz-marquee-wrapper {
  overflow: hidden;
  border-top: 2px solid var(--e-global-color-primary);
  border-bottom: 2px solid var(--e-global-color-primary);
  padding: 10px 0;
}

.fuz-marquee {
  display: flex;
  width: 100%; /* doppelt so breit für Schleife */
  animation: fuz-marquee-scroll 20s linear infinite;
	gap: 40px;
}

.fuz-marquee-content {
  	display: flex;
  	justify-content: space-around;
  	flex: 1 0 50%;
	gap: 80px; 
	flex-shrink: 0;
}

.fuz-marquee-content span {
  display: inline-block;
  font-family: "Tex Gyre Heros", sans-serif;
  font-weight: 400;
  color: var(--e-global-color-primary);
  font-size: 2rem;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes fuz-marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 1440px) {
	.fuz-marquee-content span {
  		font-size: 1.25rem;
	}
}

@media screen and (max-width: 767px) {
	.fuz-marquee-content span {
  		font-size: 1rem;
	}
}


/*Loop Expand and Collapse Button*/

button.fuz-loop-button {
	
	padding: 0;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	transition: 0.3s ease-in-out;
}

.fuz-loop-button-wrapper {
	display: flex;
	gap: 8px;
}
button.fuz-loop-button:hover {
	background-color: transparent;
	transform: scale(1.1);
}

button.fuz-loop-button:focus {
	background-color: transparent;
}

.fuz-loop-button-text {
	font-size: 1rem;
	font-weight: 700;
}

button.fuz-loop-collapse-button {
	display: none;
}

.fuz-loop-expand-container {
	display: none;
}