/* mipadoo Custom Font - Vollversion */
@font-face {
    font-family: 'mipadooFont';
    src: url('/fonts/mipadoo.woff2') format('woff2'),
         url('/fonts/mipadoo.woff') format('woff'),
         url('/fonts/mipadoo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* HAUPT-LOGO STYLING */
.logo {
    font-family: 'mipadooFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 32px !important;              /* Desktop-Größe */
    font-weight: 600 !important;
    color: #ff385c !important;
    text-decoration: none !important;
    letter-spacing: 0em !important;
    line-height: 1.2 !important;
    transition: all 0.2s ease !important;    /* Smooth hover */
}

/* HOVER-EFFEKT */
.logo:hover {
    color: #d70466 !important;
    transform: scale(1.02) !important;
}

/* RESPONSIVE GRÖSSEN */
@media (max-width: 1200px) {
    .logo {
        font-size: 28px !important;
    }
}

@media (max-width: 768px) {
    .logo {
        font-size: 24px !important;
    }
}

@media (max-width: 480px) {
    .logo {
        font-size: 20px !important;
    }
}

/* LOGO-VARIANTEN (optional) */
.logo-large {
    font-family: 'mipadooFont', sans-serif !important;
    font-size: 48px !important;             /* Für Hero-Sections */
    font-weight: 600 !important;
    color: #87A96B !important;
}

.logo-small {
    font-family: 'mipadooFont', sans-serif !important;
    font-size: 18px !important;             /* Für Footer */
    font-weight: 500 !important;
    color: #87A96B !important;
}

.logo-white {
    font-family: 'mipadooFont', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #ffffff !important;              /* Für dunkle Hintergründe */
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}