/* Themify Customize Styling */
body #site-logo a {	
	font-family: "Arial", "Helvetica", sans-serif;	font-size:30px;
 
}
#site-description {		letter-spacing:13.5px;
 
}

/* Themify Custom CSS */


/* Container für das Menü */
.menu-scroll-container {
  display: flex;
  justify-content: center; /* Zentriert den Inhalt horizontal */
  align-items: center; /* Zentriert den Inhalt vertikal */
  overflow-x: auto; /* Ermöglicht das horizontale Scrollen */
  white-space: nowrap; /* Verhindert das Umfließen des Textes */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  padding: 4px;
  background: white;
  max-width: 94%;
  margin: 0 auto; /* Sicherstellen, dass der Container zentriert bleibt */
}

/* Styling für die Links im Menü */
.menu-scroll-container a {
  flex: 0 0 auto; /* Verhindert das Schrumpfen der Links */
  padding: 12px 24px;
  background: #f3f3f3;
  border-radius: 999px;
  text-decoration: none;
  color: black;
  font-weight: 500;
  font-size: 18px; /* Standard-Schriftgröße */
  transition: background 0.3s, color 0.3s;
}

/* Hover-Effekt für die Links */
.menu-scroll-container a:hover,
.menu-scroll-container a.active {
  background: black;
  color: white;
}

/* Scrollbalken für Webkit-Browser anzeigen */
.menu-scroll-container::-webkit-scrollbar {
  display: block; /* Scrollbalken sichtbar */
  height: 8px; /* Horizontale Scrollbalken */
}

.menu-scroll-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.menu-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media only screen and (max-width: 768px) {
  .module.module-hero h1,
  .module.module-hero h2,
  .module.module-hero .module-title {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .module.module-hero p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .module.module-hero .kisu-logo {
    font-size: 20px !important;
  }
}