/* Logo CSS - Alle Logo-Definitionen */

.logo-text-rossbacher-interim {
    text-decoration: none;
    font-size: 2.25rem;
    font-weight: var(--font-weight-bold);
    display: inline-block;
    letter-spacing: 0.5px;
    line-height: 1;
    position: relative;
    transform: scale(2);
    transform-origin: left center;
    white-space: nowrap;
}

.logo-part-rossbacher {
    color: #ffffff;
    font-weight: var(--font-weight-bold);
}

.logo-part-interim {
    background: linear-gradient(135deg, var(--color-headline-gradient-start) 0%, var(--color-headline-gradient-middle) 50%, var(--color-headline-gradient-end) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: var(--font-weight-semibold);
}

/* Responsive Design - Mobile First */
@media (max-width: 576px) {
    .logo-text-rossbacher-interim {
        transform: scale(1.2);
        transform-origin: left center;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .logo-text-rossbacher-interim {
        transform: scale(1.5);
        transform-origin: left center;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .logo-text-rossbacher-interim {
        transform: scale(1.75);
        transform-origin: left center;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .logo-text-rossbacher-interim {
        transform: scale(2);
        transform-origin: left center;
    }
}

@media (min-width: 1440px) {
    .logo-text-rossbacher-interim {
        transform: scale(2);
        transform-origin: left center;
    }
}