/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfive/
 Description:  Mein Child-Theme für Harley-Davidson Club
 Author:       Dein Name
 Author URI:   https://deine-website.com
 Template:     twentytwentyfive
 Version:      1.0.0
*/


body {
  color: #f2f2f2;
  font-family: Arial, sans-serif;
  margin: 0;
  height: 100vh;
  background-image: url('background-alu.jpg');
  background-repeat: repeat;        /* falls es ein nahtloses Pattern ist */
  background-size: cover;           /* füllt den gesamten Bildschirm */
  background-position: center;      /* zentriert das Bild */
  background-attachment: fixed;     /* optional: Hintergrund bleibt beim Scrollen stehen */
}

a {
  color: #ff6600;
  text-decoration: none;
}

a:hover {
  color: #ffa500;
  text-decoration: underline;
}

.login-icon a.wp-block-navigation-item__content i {
  color: #ff6600; /* Orange */
  font-size: 1.2em; /* Beispiel: Größe anpassen */
  /* weitere Styles hier */
}

h1, h2, h3, h4, h5, h6 {
  font-family: Impact, Arial, sans-serif;
  color: #ff6600;
  letter-spacing: 1px;
}

.site-header {
  background-color: #111;
  padding: 40px 20px;
}

.site-footer {
  background-color: #111;
  color: #999;
  padding: 40px 20px;
  text-align: center;
}

button,
.wp-block-button__link {
  background-color: #ff6600;
  color: #000;
  border: none;
  padding: 12px 24px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
}

button:hover,
.wp-block-button__link:hover {
  background-color: #ffa500;
  color: #000;
}

.main-navigation a {
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 15px;
}

.main-navigation a:hover {
  color: #ff6600;
}

.widget {
  background-color: #111;
  padding: 20px;
  margin-bottom: 20px;
  border-left: 5px solid #ff6600;
}

input[type="text"],
input[type="email"],
textarea {
  background: #111;
  border: 1px solid #333;
  color: #f2f2f2;
  padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #ff6600;
  outline: none;
}

.container, .content-area {
  padding: 20px;
}


.name-with-tooltip {
    position: relative;
    display: block;
}

.name-with-tooltip .avatar-tooltip {
    display: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10;
    padding: 4px;
    border: 0px solid c;
    border-radius: 0px;
}

.name-with-tooltip:hover .avatar-tooltip {
    display: block;
}

.hover-avatar {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}



@media (max-width: 782px) {
    .mhc_footer .wp-block-navigation-item__content { 
        padding: unset !important;
        font-size: unset !important;
		color: blue;
    }
}