5-MOBILE UI DESIGN

CSS Datei

Pfad:

/wp-content/plugins/industrie-imkerei-system/assets/style.css

Datei:

body {
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    text-align: center;
}

.kpi-number {
    font-size: 42px;
    font-weight: bold;
    margin-top: 10px;
}

.volk-card {
    background: white;
    padding: 20px;
    border-radius: 20px;
    margin: 20px 0;
}

.status-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
}

.quick-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.quick-buttons button {
    padding: 18px;
    border: none;
    border-radius: 14px;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.btn-green {
    background: #27ae60;
}

.btn-blue {
    background: #3498db;
}

.btn-orange {
    background: #f39c12;
}

.btn-red {
    background: #e74c3c;
}

.btn-gold {
    background: #d4ac0d;
}

@media (max-width: 768px) {

    .quick-buttons {
        grid-template-columns: 1fr;
    }

    .status-grid {
        grid-template-columns: 1fr;
    }
}