/*
 Theme Name:   Fluida Child
 Theme URI:    http://example.com/fluida-child
 Description:  Child Theme von Fluida
 Author:       Feuerwehr Polling
 Template:     fluida
 Version:      1.0.0
*/

/* Hier können deine eigenen CSS-Regeln rein */


/* Akzent-Quadrat: weiß, Buchstabe fett, Arial, Schatten */
#site-title span:first-child {
    background-color: #ffffff !important; /* Quadrat */
    color: #dd3333 !important; /* Buchstabe weiß */
    font-family: Arial, sans-serif; /* Arial */
  
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* leichter Schatten */
    transition: color 0.3s ease, background-color 0.3s ease, text-shadow 0.3s ease;
}

/* Hover: Akzent-Quadrat und Buchstabe */
#site-title a:hover span:first-child {
    background-color: #C00000 !important; /* Vereinsrot */
    color: #ffffff !important; /* Buchstabe kontrastreich weiß */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7); /* etwas stärker beim Hover */
}

/* Restliche Buchstaben: immer weiß */
#site-title span:nth-child(n+2) {
    color: #ffffff;
    background-color: transparent;
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* Menü-Schrift (nur Navigation, nicht ganze Seite) */
header .main-navigation a,
header nav a,
header .menu-item a {
    color: #ffffff !important;
}

/* kompletter Header-Hintergrund */
#site-header-main-inside, #site-header-main, #access a {
    background: #dd3333  !important;
}

#nav-toggle {
    color: #424242 !important;
}

nav#mobile-menu {
    background-color: #dd3333 !important;
    color: #ffffff !important;
}

#dropdown-toggle {
    color: #ffffff !important;
}
#sheader {
    background-color: #ffffff !important;
}

#access {
    color: #dd3333 !important;
}

@media (max-width: 1024px) {
  #masthead.cryout #site-header-main {
    height: 80px; font-size: 80%}
	nav#mobile-menu {
    font-size: 16px;}
	nav#mobile-menu {
    top: -70px; height: 120%; }
}