.jobs-wrap { width: auto; margin-inline: 30px; }
.jobs-hero { min-height: 854px; padding: 535px 0 65px; background-image: url('../../assets/bewerbung/hero-mobil.png?v=2'); background-position: center top; }
.jobs-hero .jobs-wrap { margin-inline: 26px; }
.jobs-hero h1 { font-size: clamp(38px, 12vw, 54px); line-height: 1.12; }
.jobs-hero .jobs-hand { font-size: 25px; margin-top: 14px; }
.jobs-hero-description { font-size: 15px; line-height: 1.6; margin-top: 18px; }
.jobs-eyebrow { font-size: 12px; margin-bottom: 6px; }
.jobs-page main h2 { font-size: 25px; }
.jobs-hand { font-size: 25px; }
.vacancies { padding: 42px 0 64px; }
.jobs-intro { display: block; margin-bottom: 36px; }
.jobs-intro .jobs-hand { font-size: 25px; margin-top: 12px; }
.jobs-intro > p { font-size: 15px; line-height: 1.4; margin-top: 18px; }
.vacancies > .jobs-leaf { display: none; }
.job-list { gap: 15px; }
.job-card { border-radius: 10px; }
.job-card summary { grid-template-columns: 34% minmax(0,1fr) 17px; gap: 12px; padding-right: 13px; }
.job-photo { height: 117px; }
.job-card h3 { font-size: 14px; line-height: 1.25; }
.job-meta { flex-direction: column; gap: 8px; margin-top: 10px; font-size: 12px; }
.job-meta span { gap: 6px; }
.job-meta img { width: 19px; height: 19px; }
.job-chevron { width: 17px; height: 9px; }
.job-details { padding: 20px; font-size: 15px; }
.application { padding: 36px 0; }
.application-grid { display: block; }
.application-copy { padding: 0; margin-bottom: 30px; }
.application-copy .jobs-hand { margin: 12px 0 24px; }
.application-copy > p:not(.jobs-hand):not(.jobs-eyebrow) { font-size: 15px; margin-bottom: 18px; }
.form-pair { grid-template-columns: minmax(0, 1fr); gap: 10px; }
#application-form { gap: 10px; }
#application-form input:not([type=file]), #application-form select, #application-form textarea { min-height: 44px; font-size: 16px; padding: 10px 13px; border-radius: 8px; }
#application-form textarea { min-height: 141px; }
.upload { gap: 9px; padding: 12px; margin-block: 8px; }
.upload > img { width: 17px; height: 38px; }
.upload strong { font-size: 12px; }
.upload small { font-size: 10px; }
.file-button { font-size: 11px; padding: 10px 7px; }
.apply-submit { min-height: 44px; font-size: 18px; gap: 24px; border-radius: 8px; }
.apply-submit img { width: 26px; }
.jobs-quote { padding: 150px 40px; min-height: 460px; display: grid; place-items: center; }
.jobs-quote blockquote { font-size: 28px; max-width: 310px; }
.jobs-quote .jobs-leaf { width: 220px; height: 160px; }
.jobs-quote .jobs-leaf-left { left: -110px; bottom: 60px; }
.jobs-quote .jobs-leaf-right { right: -110px; top: 45px; }
.jobs-empty { grid-template-columns: minmax(0,1fr); padding: 20px 0 0; gap: 30px; }
.jobs-empty > div > p:not(.jobs-hand) { font-size: 15px; }
.jobs-empty .jobs-hand { margin-block: 18px; }
.empty-photo { max-width: 400px; margin: auto; padding: 30px 60px 40px 15px; }
.empty-photo > img { border-width: 10px; }
.empty-photo .jobs-hand { font-size: 23px; right: -8px; }
.empty-photo::before { width: 90px; height: 25px; }
@media (max-width: 359px) {
 .jobs-wrap { margin-inline: 20px; }
 .jobs-hero .jobs-wrap { margin-inline: 24px; }
 .job-card summary { gap: 8px; padding-right: 8px; grid-template-columns: 30% minmax(0,1fr) 15px; }
 .job-card h3 { font-size: 13px; }
 .upload { padding: 9px; gap: 7px; }
 .upload strong { font-size: 11px; }
 .file-button { white-space: normal; text-align: center; max-width: 90px; }
}

/* Im schmalen Layout steht die Notiz frei unter dem Polaroid. */
.empty-photo { width: 100%; padding: 35px 28px 0; }
.empty-photo .jobs-hand { position: static; transform: rotate(-6deg); margin: 45px 0 10px; }