/**
 * MODUL-LOGIK GRÖSSER / KLEINER (Grün)
 */

/* Farbschema erzwingen */
.big-menu-btn {
    background-color: #27ae60 !important;
    box-shadow: 0 10px 0 #1e8449 !important;
}
.big-menu-btn:active {
    box-shadow: 0 4px 0 #1e8449 !important;
}

.visual-comparison {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

/* Falls Boxen verwendet werden */
.visual-comparison .box {
    border: 3px solid #f1c40f; 
    color: #2c3e50;
}

.dot-preview {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}
.dot-preview .dot {
    width: 12px; 
    height: 12px;
    background: white; 
    border-radius: 50%;
}