/* Sanftere Typografie & Abstände */
body { font-family: 'Inter', sans-serif; line-height: 1.8; }
h1, h2 { font-weight: 300; color: #2c3e50; }

/* Container-Maximierung für bessere Lesbarkeit auf Desktop */
.container-component { max-width: 1100px; margin: 0 auto; padding: 4rem 1rem; }

/* Hero-Sektion Styling (wenn auf Position 'top-a' genutzt) */
.container-top-a { background: #f8f9fa; padding: 100px 0; text-align: center; }

/* make the header logo and menu items appear on one line */
header { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

/* --- Hamburger Button Design --- */
.hamburger-btn {
    display: none; /* Hidden on desktop */
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

.hamburger-btn span {
    width: 30px;
    height: 3px;
    background-color: white; /* Change color to match your logo */
    border-radius: 10px;
}

/* --- Mobile Specific Behaviors --- */
@media (max-width: 767px) {
    /*.hamburger-btn {
    /*    display: flex; /* Show button on mobile */
    /*    margin-left: auto;
    /*}*/

    .container-nav .mod-menu {
        display: none !important; /* Hide menu by default on mobile */
        flex-direction: column;
        width: 100%;
        background: #2c3e50;
    }

    /* This class is added by the JavaScript when you click */
    /*.mod-menu.show-mobile-menu {
    /*    display: flex !important;
    /*}*/
}

#mod-custom113 {
  width: 100%;
  color:white;
}