Projectmedewerker sjablonen

1. Brede inventarisatie van de sjablonen Organisatiebreed inventariseren en in beeld brengen van de..."> --> :root { --primary-orange: #FFA500; --primary-orange-hover: #FF8C00; --soft-orange: #fff5e7; } /* Job Description Formatting */ .job-description h3.desc-section-title { font-size: 1rem; font-weight: 800; color: #FA9302; margin-top: 1.5rem; margin-bottom: 0.5rem; padding-bottom: 4px; border-bottom: 2px solid #fff0d9; } .job-description p { margin-bottom: 0.75rem; color: #4a5568; line-height: 1.7; } .job-description ul { margin: 0.5rem 0 1rem 1.25rem; list-style-type: disc; } .job-description ul li { margin-bottom: 0.3rem; color: #4a5568; line-height: 1.6; } .job-details-page { font-family: 'Circular Std', sans-serif; color: #333; background-color: #f8fafc; } .premium-card { background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } @media (max-width: 639px) { .premium-card { border-radius: 0; border-left: none; border-right: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; } /* Job main card: slim horizontal padding on mobile */ .job-main-card { padding-left: 12px !important; padding-right: 12px !important; } /* Apply form card: slim horizontal padding on mobile */ .job-apply-card { padding-left: 12px !important; padding-right: 12px !important; margin-left: -16px !important; margin-right: -16px !important; } } .premium-card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); } .btn-orange { background-color: var(--primary-orange); color: white; border-radius: 12px; font-weight: 600; transition: all 0.3s ease; border: none; } .btn-orange:hover { background-color: var(--primary-orange-hover); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 165, 0, 0.3); color: white; } .sidebar-section { background: white; border-radius: 16px; overflow: hidden; margin-bottom: 24px; border: 1px solid #edf2f7; } .newsletter-box { background: linear-gradient(135deg, var(--primary-orange), #FF8C00); padding: 24px; color: white; } .related-job-item { padding: 16px 20px; border-bottom: 1px solid #f1f5f9; transition: all 0.2s ease; } .related-job-item:last-child { border-bottom: none; } .related-job-item:hover { background-color: var(--soft-orange); } .stat-badge { display: flex; align-items: center; padding: 12px 16px; background: white; border-radius: 12px; border: 1px solid #edf2f7; margin-bottom: 12px; } .stat-badge img { width: 24px; height: 24px; margin-right: 12px; } /* Mobile Back Button Styles */ .mobile-back-btn { display: none; } @media (max-width: 991px) { .mobile-back-btn { display: flex; align-items: center; gap: 8px; margin: 15px 0 20px 0; padding: 8px 16px; background: linear-gradient(135deg, #FFA500, #FF8C00); border: none; border-radius: 25px; color: white; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 15px rgba(255, 165, 0, 0.3); transition: all 0.3s ease; width: fit-content; } } .section-title { color: var(--primary-orange); font-weight: 800; font-size: 1.1rem; letter-spacing: 0.05em; text-transform: uppercase; display: flex; align-items: center; margin-bottom: 1.5rem; } .section-title::after { content: ''; flex: 1; height: 1px; background: #e2e8f0; margin-left: 1rem; } .custom-box { background-color: #fff5e7; border-left: 4px solid var(--primary-orange); padding: 20px; border-radius: 0 12px 12px 0; margin-bottom: 24px; } .timeline-step { position: relative; padding-left: 48px; margin-bottom: 32px; } .timeline-number { position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: var(--primary-orange); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; z-index: 10; } .timeline-step::before { content: ''; position: absolute; left: 15px; top: 32px; bottom: -32px; width: 2px; background: #e2e8f0; } .timeline-step:last-child::before { display: none; } @media (max-width: 767.98px) { .job-apply-card input, .job-apply-card textarea, .job-apply-card select…

… lees de volledige omschrijving bij Bij Oranje.