:root {
    /* Baselinje skriftstørrelse for bedre skalering */
    font-size: calc(16px + 0.5vw);
}

.os2-typewriter-container {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline;
}

.os2-typewriter-static {
    font-weight: inherit;
}

.os2-typewriter-text {
    color: #f26c31; 
    font-weight: inherit;
}

.os2-typewriter-cursor {
    display: inline-block;
    margin-left: 0.1rem;
    animation: os2-typewriter-blink 1s infinite;
}

@keyframes os2-typewriter-blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* Responsivt design for mobil */
@media (max-width: 767px) {
    /* Styling for overskriften */
    h1.os2-typewriter-heading,
    h2.os2-typewriter-heading,
    h3.os2-typewriter-heading,
    h4.os2-typewriter-heading,
    h5.os2-typewriter-heading,
    h6.os2-typewriter-heading {
        position: relative;
        padding-bottom: 2em;
        min-height: 4em;
    }
    
    /* Containeren til typewriter altid på ny linje */
    .os2-typewriter-container {
        position: absolute;
        top: 2em;
        left: 0;
        width: 100%;
        height: 2em;
        margin-top: 0.3rem;
        display: block !important; /* Tvinger block display uanset andre styles */
    }
    
    /* Statisk tekst tager hele linjen */
    .os2-typewriter-static {
        display: block;
    }
    
    /* Dynamisk tekst altid på egen linje */
    .os2-typewriter-text {
        display: inline-block;
    }
}