/* --- Hintergrund --- */

html, body {
    background: #eff4ff !important;
}


body {
    background: #eff4ff !important;
}

/* --- Grundlayout Mobile --- */
.worker-profile {
    padding: 20px;
    margin-bottom: 80px; /* verhindert Footer-Überlappung */
}

/* --- Header Mobile --- */
.worker-header {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

/* Avatar sichtbar + mittig */
.worker-avatar img,
.avatar-placeholder {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 20px;
    display: block;
    background: #ddd;
}

/* Name */
.worker-name {
    font-size: 26px;
    margin-bottom: 10px;
}

/* Badge */
.worker-badge {
    display: inline-block;
    margin-bottom: 10px;
}

/* Kontaktbox */
.worker-contact-box {
    background: #f7f9fc;
    border: 1px solid #e3e7ef;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

/* Sektionen */
.worker-section {
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.worker-section h2 {
    font-size: 20px;
    margin-bottom: 10px;
}