:root {
    --primary-color: #2e1a47;
    --secondary-color: #f4f4f4;
    --text-color: #333333;
    --white: #ffffff;
    --main-font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --container-padding: 10%;
    --section-spacing: 20px;
    --card-radius: 12px;
    --footer-height: 85px;
}

body { 
    font-family: var(--main-font); 
    margin: 0; padding: 0; 
    background-color: var(--secondary-color); 
    color: var(--text-color); 
    line-height: 1.6;
}

body.rtl { direction: rtl; text-align: right; }

.header-logo { text-align: center; padding: 40px 0; background-color: var(--secondary-color); }
.header-tagline { margin-top: 15px; font-size: 2rem; font-weight: 500; color: var(--primary-color); }
.logo-img { width: 80%; max-width: 250px; height: auto; }

.full-page { padding: 10px var(--container-padding) var(--section-spacing) var(--container-padding); box-sizing: border-box; }
.grid-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }

.service-card { background-color: var(--white); padding: 20px; border-radius: var(--card-radius); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.service-card h3 { color: var(--primary-color); margin-top: 15px; }
.service-card img { width: 100%; height: auto; border-radius: 8px; }

.profile-container { display: flex; flex-direction: row; justify-content: center; gap: 30px; margin-top: 30px; padding-bottom: 120px; }
.profile-entry { display: flex; flex-direction: column; align-items: center; flex: 1; max-width: 450px; gap: 20px; background-color: var(--white); padding: 30px; border-radius: var(--card-radius); box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: center; }

.profile-img-box img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; }
.profile-contact { margin-top: 15px; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #eee; padding-top: 15px; }
.profile-contact a { text-decoration: none; color: var(--primary-color); font-weight: 500; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; gap: 10px; }

/* FOOTER */
.fixed-footer { 
    position: fixed; bottom: 0; left: 0; width: 100%; 
    height: var(--footer-height); background-color: var(--primary-color); 
    display: flex; justify-content: space-between; align-items: center; 
    z-index: 1000; padding: 0 40px; box-sizing: border-box; 
}

.footer-section { display: flex; align-items: center; flex: 1; }
.footer-section.center { justify-content: center; gap: 30px; }
.footer-section.right { justify-content: flex-end; }

.lang-switch span { font-size: 1.8rem; cursor: pointer; margin-right: 15px; transition: transform 0.2s; }
.lang-switch span:hover { transform: scale(1.2); }

.fixed-footer a { color: white !important; text-decoration: none; font-size: 1.1rem; display: flex; align-items: center; gap: 10px; white-space: nowrap; }

/* FACEBOOK SPEZIAL */
.fb-link { font-size: 1.2rem !important; font-weight: 500; }
.fb-link i { font-size: 2rem; color: #ffffff; transition: color 0.2s; }
.fb-link:hover i { color: #1877F2; }

@media (max-width: 900px) {
    .profile-container { flex-direction: column; align-items: center; }
    .grid-container { grid-template-columns: 1fr 1fr; }
    .fixed-footer { height: auto; padding: 20px 0; flex-direction: column; position: static; gap: 15px; }
    .footer-section { flex-direction: column; width: 100%; }
                  }