/* Typografische Einstellungen */
.typewriter-container {
    font-family: 'Courier New', Courier, monospace; /* Schreibmaschinen-Typo */
    font-size: 20px; /* Schriftgröße */
    white-space: pre-wrap; /* Automatische Zeilenumbrüche */
    overflow: hidden; /* Verhindert Textüberlauf */
    display: block; /* Block-Element für volle Breite */
    text-align: left; /* Links ausrichten */
    margin: 0; /* Kein Außenabstand */
    padding: 0; /* Kein Innenabstand */
}

/* Animation und Cursor */
.typing-effect {
    display: inline; /* Inline-Text für natürliches Verhalten */
    white-space: pre-wrap; /* Ermöglicht Umbrüche */
    word-break: break-word; /* Lange Wörter umbrechen */
    border-right: 2px solid black; /* Blinker-Cursor */
    animation: blink-caret 0.2s step-end infinite; /* Cursor blinkt */
    margin: 0; /* Kein Außenabstand */
    padding: 0; /* Kein Innenabstand */
}

/* Direkte Kontrolle über das Textfeld */
#typewriter-text {
    margin: 0; /* Kein Außenabstand */
    padding: 0; /* Kein Innenabstand */
    text-indent: 0; /* Entfernt jegliche Einrückung */
    display: block; /* Block-Element für klare Ausrichtung */
}

/* Animationen */
@keyframes blink-caret {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: black;
    }
}