/* Der Hauptcontainer im Milchtüten-Look */
    .milk-request-container {
        background-color: #1a1a1a;
        color: #d1d1d1;
        font-family: 'Courier New', Courier, monospace;
        border: 2px solid #9c4d6b;
        max-width: 600px;
        margin: 20px auto;
        padding: 20px;
        position: relative;
    }

    .milk-header {
        text-align: center;
        border-bottom: 4px double #9c4d6b;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .milk-header h1 {
        color: #9c4d6b;
        margin: 0;
        font-size: 28px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }

.milk-missing-tag {
    background: #9c4d6b;
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 2px 20px;
    margin-top: -21px;
    margin-bottom: 10px;
    transform: rotate(-2deg);
}

    /* Gemeinsame Scrollbar-Stile für alle Boxen */
    .milk-intro, .milk-info-text {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #333 #141414; /* Dunkler Balken auf fast schwarzem Grund */
        text-align: justify;
        hyphens: auto;
    }

    /* Webkit (Chrome, Safari, Edge) Scrollbar Anpassung */
    .milk-intro::-webkit-scrollbar, .milk-info-text::-webkit-scrollbar {
        width: 4px; /* Sehr schmaler Balken */
    }
    .milk-intro::-webkit-scrollbar-track, .milk-info-text::-webkit-scrollbar-track {
        background: #141414;
    }
    .milk-intro::-webkit-scrollbar-thumb, .milk-info-text::-webkit-scrollbar-thumb {
        background: #333; /* Dunkler Balken */
        border-radius: 0; /* Nicht abgerundet */
    }
    /* Entfernt die Pfeile in Webkit-Browsern */
    .milk-intro::-webkit-scrollbar-button, .milk-info-text::-webkit-scrollbar-button {
        display: none;
    }

    .milk-intro {
        height: 100px;
        padding: 10px;
        margin-bottom: 20px;
        font-size: 13px;
    }

    /* Die Steckbrief-Boxen */
    .milk-char-box {
        display: flex;
        background: #141414;
        border: 1px solid #1a3a3a;
        margin-bottom: 15px;
        align-items: stretch;
    }

    .milk-char-box.reverse {
        flex-direction: row-reverse;
    }

    .milk-image {
        width: 150px;
        height: 180px;
        background-size: cover;
        background-position: center;
        filter: grayscale(100%) contrast(120%);
        border: 5px solid #9c4d6b;
        margin: 10px;
        flex-shrink: 0;
    }

    .milk-info {
        padding: 15px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .milk-info-header {
        color: #00ffff;
        font-weight: bold;
        border-bottom: 1px solid #1a3a3a;
        margin-bottom: 10px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .milk-info-text {
        height: 120px;
        font-size: 13px;
        padding-right: 8px;
    }

    /* Bereich für den Suchenden */
    .milk-seeker {
        border: 1px dashed #9c4d6b;
        padding: 15px;
        margin-top: 20px;
        text-align: justify;
        font-size: 12px;
    }

    .milk-seeker b { color: #9c4d6b; }

    /* Footer / Button */
    .milk-footer {
        margin-top: 20px;
        border: 1px solid #9c4d6b;
        text-align: center;
        padding: 10px;
    }

    .milk-footer a {
        color: #9c4d6b;
        text-decoration: none;
        font-weight: bold;
        display: block;
        letter-spacing: 2px;
        transition: color 0.3s ease-in-out;
    }

    .milk-footer a:hover {
        color: #00ffff;
    }