/* ============================================================
   print.css – Druckstyles für Stellenangebote (job.twig)
   ============================================================ */

/* 1. Seitenformat
   ============================================================ */
@page {
  size: A4 portrait;
  margin: 15mm 15mm 15mm 15mm;
}


/* 2. Globale Resets
   ============================================================ */
body {
  font-family: 'ABC Repro', Arial, sans-serif;
  font-size: 11pt;
  line-height: 1.2;
  color: #005C42;
  background: #fff;
  padding: 2pt;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.row, section {
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Ausgeblendete Elemente
   ============================================================ */
   header {
    position: static !important;
   }
header:after {
    content: url("data:image/svg+xml,%0A%3Csvg width='144' height='35' viewBox='0 0 144 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0967 34.2413C4.5208 34.2391 0 29.7169 0 24.1344H6.17686C6.17686 26.3019 7.9331 28.0573 10.0967 28.0573C12.2602 28.0573 14.0165 26.2997 14.0165 24.1344H20.1933C20.1933 29.7147 15.6725 34.2391 10.0967 34.2391V34.2413Z' fill='%23005C42'/%3E%3Cpath d='M30.0703 18.9039H32.2049C32.501 20.7439 33.5227 22.5617 36.541 22.5617C39.379 22.5617 40.492 21.1761 40.492 19.8796C40.492 18.5163 39.8331 17.6297 37.1999 17.153L35.566 16.8567C32.1159 16.2441 30.7537 14.7671 30.7537 12.3122C30.7537 9.85737 32.8193 7.76782 36.2717 7.76782C40.4942 7.76782 42.2215 10.4031 42.4708 12.7221H40.2226C39.9043 11.1093 38.8826 9.63237 36.2939 9.63237C33.7052 9.63237 32.866 11.018 32.866 12.1318C32.866 13.5642 33.6162 14.2214 36.0446 14.6535L37.7029 14.9498C40.9505 15.5179 42.8581 17.0638 42.8581 19.7214C42.8581 22.379 40.4296 24.4708 36.5454 24.4708C32.4587 24.4708 30.2551 22.1073 30.0748 18.9039H30.0703Z' fill='%23005C42'/%3E%3Cpath d='M56.705 24.13L55.0467 19.8573H47.4853L45.8515 24.13H43.4453L49.9383 8.11089H52.6182L59.2492 24.13H56.7072H56.705ZM51.2092 9.99549L48.1664 17.995H54.3433L51.2092 9.99549Z' fill='%23005C42'/%3E%3Cpath d='M60.8828 24.13V8.10866H63.1087V22.1741H70.9194V24.1278H60.8828V24.13Z' fill='%23005C42'/%3E%3Cpath d='M72.6875 24.13V8.10866H83.3362V10.04H74.9134V14.9944H82.5883V16.9035H74.9134V22.1741H83.3362V24.1278H72.6875V24.13Z' fill='%23005C42'/%3E%3Cpath d='M85.0391 18.9039H87.1737C87.4697 20.7439 88.4914 22.5617 91.5097 22.5617C94.3478 22.5617 95.4607 21.1761 95.4607 19.8796C95.4607 18.5163 94.8018 17.6297 92.1686 17.153L90.5348 16.8567C87.0847 16.2441 85.7224 14.7671 85.7224 12.3122C85.7224 9.85737 87.788 7.76782 91.2404 7.76782C95.4629 7.76782 97.1902 10.4031 97.4395 12.7221H95.1914C94.8731 11.1093 93.8514 9.63237 91.2627 9.63237C88.674 9.63237 87.8348 11.018 87.8348 12.1318C87.8348 13.5642 88.5849 14.2214 91.0134 14.6535L92.6717 14.9498C95.9192 15.5179 97.8268 17.0638 97.8268 19.7214C97.8268 22.379 95.3962 24.4708 91.5142 24.4708C87.4274 24.4708 85.2238 22.1073 85.0435 18.9039H85.0391Z' fill='%23005C42'/%3E%3Cpath d='M99.0703 19.3806H101.272C101.316 21.4479 102.451 22.4927 104.292 22.4927C106.133 22.4927 107.357 21.4702 107.357 19.0843V8.10866H109.583V18.8348C109.583 22.3345 107.767 24.4708 104.339 24.4708C100.911 24.4708 99.0703 22.1541 99.0703 19.3806Z' fill='%23005C42'/%3E%3Cpath d='M112.258 16.1305C112.258 11.2452 116.095 7.76782 120.75 7.76782C125.404 7.76782 129.219 11.2452 129.219 16.1305C129.219 21.0157 125.404 24.4708 120.75 24.4708C116.095 24.4708 112.258 21.0179 112.258 16.1305ZM126.857 16.1305C126.857 12.1986 124.224 9.74598 120.75 9.74598C117.275 9.74598 114.619 12.2009 114.619 16.1305C114.619 20.06 117.275 22.4927 120.75 22.4927C124.224 22.4927 126.857 20.0623 126.857 16.1305Z' fill='%23005C42'/%3E%3Cpath d='M144.002 19.7883C144.002 22.2432 142.116 24.1278 138.62 24.1278H131.922V8.10866H138.642C141.685 8.10866 143.523 9.88188 143.523 12.1318C143.523 14.0855 142.319 15.3352 140.89 15.8364C142.457 16.2463 144.002 17.5628 144.002 19.7905V19.7883ZM134.123 10.04V14.9253H138.506C140.253 14.9253 141.322 13.9719 141.322 12.4481C141.322 10.9244 140.256 10.04 138.506 10.04H134.123ZM138.506 22.1986C140.527 22.1986 141.64 21.1984 141.64 19.5633C141.64 17.9282 140.527 16.8366 138.506 16.8366H134.123V22.1986H138.506Z' fill='%23005C42'/%3E%3Cpath d='M10.1045 14.0164C7.94314 14.0164 6.19358 12.2633 6.19358 10.1024C6.19358 7.94161 7.94536 6.18844 10.1045 6.18844C10.1045 4.50656 10.1045 1.20962 10.1045 8.22269e-07C4.52861 -0.00222684 0.0078125 4.52215 0.0078125 10.1002C0.0078125 15.6783 4.52861 20.2026 10.1023 20.2026C10.1023 19.3539 10.1023 14.6513 10.1023 14.0142L10.1045 14.0164Z' fill='%23005C42'/%3E%3C/svg%3E%0A");
    display: block !important;
    height: 40px;
    width: 100%;
    margin-bottom: 8pt;
}

header .container,
footer,
#apply-now,
.flex-tabs,
#progress-circle,
.progress-circle,
.progress-wrap,
.skip-link,
.lazy[data-src]:not([src]),
#usercentrics-root {
  display: none !important;
}

/* Buttons global ausblenden */
.btn {
  display: none !important;
}


/* 4. Layout – Single Column (Grid-Override)
   ============================================================ */
/* Job-Header */
.job-header .row,
.job-header .job-details {
  display: block;
}

.job-header .col-xl-4,
.job-header .col-xl-3,
.job-header [class*="col-"] {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}

/* Hauptinhalt: Kontakt + Job → übereinander */
.job > .container > .row {
  display: block;
}

.job > .container > .row > [class*="col-"] {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* Order-Reset */
.order-0, .order-1, .order-sm-0, .order-sm-1 {
  order: unset !important;
}

.job-print-info {
  display: flex !important;
  border: 1pt solid #005C42;
  border-radius: 8pt;
  padding: 10pt !important;
  margin-bottom: 12pt !important;
  justify-content: space-between;
  align-items: center;
  gap: 12pt;
}

.qr-code svg {
  width: 100pt;
}

.qr-code svg rect[fill="#000000"] {
  fill: #005c42;
}


/* 5. Job-Header
   ============================================================ */
.job-header.accent {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-color: #ffffff !important;
  color: #005C42 !important;
  padding: 0 !important;
}

.job-title {
  margin-bottom: 0 !important;
}

section.job:after {
  display: block;
  margin-top: 14pt;
  font-size: 8pt;
  content: "© salesjob GmbH - www.sales-job.com";
}

.job-header h1 {
  color: #005C42 !important;
  font-size: 14pt;
  margin: 0 0 8pt !important;
}

.job-details {
  border: 1pt solid #005C42;
  border-radius: 8pt;
  padding: 10pt !important;
  margin-bottom: 12pt !important;
}

.job-details>div {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.job-details span:not(.job-detail) {
  color: #005C42 !important;
  font-size: 10pt !important;
  width: 120pt !important;
}

.job-details span:not(.job-detail):after {
  content: ': ';
  display: inline-block;
}

.job-details span {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 0 5pt !important;
}

.job-detail {
  font-size: 10pt !important;
  color: #005C42 !important;
}

.job-details > div:last-child span {
  margin-bottom: 0 !important;
}

/* 6. Kontaktkarte & Message Card
   ============================================================ */
.contact-card {
  border: 1pt solid #005C42;
  border-radius: 8pt;
  padding: 10pt;
  margin-bottom: 12pt;
  page-break-inside: avoid;
  break-inside: avoid;
}

.contact-card__image img {
  width: 80pt;
  height: 80pt;
  border-radius: 50%;
}

.contact-card__info {
  display: flex;
  align-items: center;
  gap: 12pt;
}

.contact-card__name {
  font-size: 13pt;
}

/* Telefon-Buttons als Nur-Text-Rahmen statt ausblenden */
.contact-card__phones {
  display: block !important;
}

.contact-card__phones .btn {
  display: inline-block !important;
  background: none !important;
  color: #005C42 !important;
  border: 1pt solid #005C42;
  padding: 2pt 6pt;
  border-radius: 4pt;
  font-size: 10pt;
  margin-right: 6pt;
}

.message-card {
  display: none !important;
}

/* 7. Job-Inhalt
   ============================================================ */
.thick-border-left {
  border-left: none !important;
  padding: 0 !important;
  margin: 0;
  offset-inline-start: 0;
}

section.job .job-detail {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-color: #ffffff !important;
  page-break-inside: avoid;
  break-inside: avoid;
  border: 1pt solid #005C42;
  border-radius: 8pt;
  padding: 10pt !important;
  margin: 14pt 0 12pt !important;
}

section.job ul {
  margin-left: 0 !important;
}

section.job ul li {
  font-size: 10pt;
  padding: 4pt 0;
  border-bottom: 0.5pt solid #DFDFDF;
}

section.job ul li:last-child {
  border-bottom: none !important;
}

section.job ul + p {
    margin-top: 4pt;
    padding-top: 6pt;
    border-top: 0.5pt solid #DFDFDF;
}

/* 8. Titel mit Initial-Kreis
   ============================================================ */
.title-with-initial {
  padding-left: 0 !important;
  font-size: 14pt;
  margin-bottom: 8pt;
}

.title-with-initial::before {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  width: 36pt;
  height: 36pt;
  font-size: 13pt;
  line-height: 36pt;
  background-color: #DFDFDF !important;
}


/* 9. Links – URL ausgeben
   ============================================================ */
a[href]:after {
  content: none;
}

.message-card a[href^="mailto"]:after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #666;
}


/* 10. Seitenumbrüche
   ============================================================ */
.job-header {
  page-break-after: avoid;
}

.job-intro {
  page-break-after: avoid;
}

h1, h2, h3 {
  page-break-after: avoid;
  break-after: avoid;
}

.contact-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-card__text {
    margin-top: 8pt;
}

.contact-card__phones {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8pt;
}

.contact-card__image {
      display: flex;
    justify-content: center;
}

.job-detail,
.contact-card,
.message-card {
  page-break-inside: avoid;
  break-inside: avoid;
}