/* Standalone-Detail-Spezifika. Detail-Content-Regeln in karriere.css */ body { background: white; } .container { max-width: 1000px; margin: 0 auto; padding: 1.25rem 1rem 3rem; position: relative; } /* Navbar + Utility-Bar auf Detail-Seite mit dem schmaleren Container fluchten */ .navbar-inner { max-width: 1000px; } .utility-bar-inner { max-width: 1000px; } .back-link { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--text-secondary); text-decoration: none; font-size: 0.875rem; margin-bottom: 1rem; transition: var(--transition); } .back-link:hover { color: var(--accent); } .job-detail h1 { font-size: 1.5rem; } .meta-salary { display: inline-flex; align-items: center; padding: 0.125rem 0.625rem; border-radius: 999px; background: #f3f4f6; color: #6b7280; font-weight: 500; font-size: 0.8125rem; } .meta-shift { display: inline-flex; align-items: center; padding: 0.125rem 0.625rem; border-radius: 999px; background: #fef3c7; color: #92400e; font-weight: 600; font-size: 0.8125rem; } /* Stellen-Navigation: prev/next zwischen Job-Detail und Aehnlichen Jobs. Ermoeglicht Google das Durchcrawlen aller Jobs (rel=prev/next zusaetzlich im ) und User das schnelle Durchklicken. */ .job-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2.5rem 0 2rem; } .job-nav a { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.9rem 1.1rem; background: white; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; color: inherit; transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; } .job-nav a:hover { border-color: var(--accent); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); } .job-nav-prev { grid-column: 1; } .job-nav-next { grid-column: 2; text-align: right; align-items: flex-end; } .job-nav-direction { font-family: var(--font-mono, monospace); font-size: 0.72rem; font-weight: 600; color: var(--accent); text-transform: uppercase; letter-spacing: 0.06em; } .job-nav-title { font-size: 0.95rem; font-weight: 600; color: #1a1825; line-height: 1.35; } .job-nav-meta { font-size: 0.78rem; color: var(--text-secondary); } @media (max-width: 600px) { .job-nav { grid-template-columns: 1fr; gap: 0.6rem; margin: 2rem 0 1.5rem; } .job-nav-prev, .job-nav-next { grid-column: 1; } .job-nav-next { text-align: left; align-items: flex-start; } }