html, body {
    height: 99%;
    color: #000 !important;
    background: #fff !important;
}

@page {
    size: A4;
    margin: 60pt 40pt 60pt;
}

* {
    font-size: 11pt !important;
    line-height: 1.6 !important;
    max-width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
}

h1 {
    font-size: 22pt !important;
}

h2, h2 b, h3, h3 b {
    font-size: 16pt !important;
    margin-top: 0;
    margin-bottom: 16px;
}

/* Sichtbarkeit */
.non-printable {
    display: none !important;
}

.print-only {
    display: block;
    margin-top: 40px;
}

.intro__meta {
    margin-top: 0;
    margin-bottom: 24px;
}

.job-meta {
    flex-direction: row;
    flex-wrap: wrap;
}

.job-meta dt,
.job-meta dd {
    color: var(--textColor);
}

.contact-card__body {
    padding: 0;
    color: var(--textColor);
}

.rich-text ul li {
    margin-bottom: 6px;
}

.location-grid__text {
    gap: 0;
}

.location-grid__text {
    width: 100%;
    padding-right: 0;
}

.location-fixtext {
    margin-top: 12px;
    margin-bottom: 8px;
}

a, a:visited {
    color: var(--textColor) !important;
    text-decoration: none;
}

/* Interaktive / dekorative Elemente ausblenden */
.site-header,
.site-footer,
.nav-toggle,
.primary-nav,
.site-header__apply,
.hero-blob,
.share,
.job-row__arrow,
.btn,
.modal,
.page-blocker,
#cookieBanner {
    display: none !important;
}

/* Layout zurücksetzen */
#wrapper {
    box-shadow: none;
    overflow: visible;
}

.container,
.container--narrow,
.intro__inner {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.section {
    padding: 0 0 24px 0 !important;
    background: transparent !important;
}

/* Überschriften / Text schwarz */
h1, h2, h3, h4,
.page-title,
.section-title,
.eyebrow,
.lead,
.contact-card__name,
.contact-card__intro,
.job-row__title,
.location-address strong {
    color: #000 !important;
}

.page-title {
    font-size: 22pt;
}

.section-title {
    font-size: 15pt;
    margin-bottom: 8px;
}

.lead {
    font-weight: normal;
    margin-top: 20px;
}

/* Grüne Flächen für den Druck neutralisieren */
.job-meta,
.contact-card,
.contact-card__body,
.benefit-card,
.job-row,
.pill,
.section--soft,
.section--accent,
.section--muted {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Bullet-Marker im Druck dezent dunkel */
.rich-text ul li::before {
    background: var(--upzPink) !important;
    border: 0 !important;
    /* Chrome/Edge drucken Hintergrundfarben standardmäßig nicht -> erzwingen */
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
    /* Fallback, falls der Browser den Hintergrund dennoch unterdrückt:
       ein Outline wird immer gedruckt und ergibt einen sichtbaren Punkt. */
    outline: 3px solid var(--upzPink) !important;
    outline-offset: -3px !important;
}

/* Layoutgitter im Druck stapeln */
.two-col,
.media-grid,
.location-grid,
.contact-grid,
.benefit-grid,
.job-list {
    display: block !important;
}

.contact-card__img {
    max-width: 200px;
    height: auto;
}