/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Sophia Ruppel
 Author URI:     https://sophiaruppel.de
 Template:       Divi
 Version:        1.0.0
*/
 
/*-------------------[Starte hier mit eigenem CSS]--------------------*/

/*-------------------[Hauptmenü]--------------------*/

/* mobilen Breakpoint ändern */

@media (max-width: 1024px)/* Hier Wert anpassen */ {
   #et_mobile_nav_menu {
      display: block !important;
   } 
   #top-menu {
      display: none;
   }
}

/* Mobile Menü Breite ändern */

@media (max-width: 980px){
	.container {
		width: 90% !important;
		margin: auto;
	}
    .et_header_style_left #logo {
        max-height: 65%;
		max-width: 60%;
    }
}

 /* Linie und Schatten unter Menü entfernen */

#main-header { box-shadow: none !important; }

#main-header.et-fixed-header { box-shadow: none !important; }

/* Farbe für Link-Hover im Main Menu */

#top-menu li a:hover {
	color: #FFB800 !important;
	opacity: 1 !important;
}

/*-------------------[ Font-Size für Overline innerhalb von H1 ]--------------------*/

.overline {
	font-size: clamp(0.875rem, 0.8098rem + 0.2174vw, 1rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #00b4d8;
}

/*-------------------[Marquee-Effekt für durchlaufende Kundennamen]--------------------*/

.divi-marquee .marquee {
  overflow: hidden;
  white-space: nowrap;
}

.divi-marquee .marquee__track {
  display: inline-flex;
  gap: 2rem;
  will-change: transform;
  animation: marqueeLoop 80s linear infinite;
}

.divi-marquee .marquee__item {
  white-space: nowrap;
}

@keyframes marqueeLoop {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.divi-marquee:hover .marquee__track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .divi-marquee .marquee__track { animation: none; }
}

/*-------------------[Image Title on hover verbergen]--------------------*/

img {
pointer-events:none;
}

/* Display image titles on hover exception */
.displaytitle img {
pointer-events:auto;
}