/* ===== Job-Kacheln (Personio-Stellenseiten, siehe dius-job-cards.js) ===== */
.elementor-widget-wp-personio-integration-description-part .entry-content > p:empty {
  display: none;
}
/* Anreißer aus Personio (div mit h2 + p), Werte wie die Elementor-Widgets im Stellen-Template.
   Dachzeile entsteht im JS aus dem Teil der h2 vor dem Doppelpunkt.
   !important bei font-size/line-height: die Widget-Typografie (2vw) ist spezifischer. */
/* Schriftgrößen = Elementor-Widgets im Stellen-Template 4029 (Stand 2026-10-09, H2: 3vw / ≤1024 4vw / ≤767 7vw):
   Dachzeile wie b2b294e/a997b0b, H2 wie H1 40eef3e/14db589, Text wie a320c35.
   Abstände nach Layoutentwurf v11 (1 pt ≈ 0.0915vw) */
.entry-content .dius-job-intro {
  margin: 0 0 3vw;
}
.entry-content .dius-job-intro .dius-job-eyebrow {
  color: #A58158;
  font-size: 1.2vw !important;
  font-weight: 700;
  line-height: 1.3 !important;
  margin: 0 0 1vw;
}
.entry-content .dius-job-intro h2 {
  color: #001D3A;
  font-size: 3vw !important;
  font-weight: 800;
  line-height: 1.2 !important;
  margin: 0 0 .9vw;
}
/* max-width: Umbruch wie im Layout ("… und die mitdenken, | anpacken und gestalten.") */
.entry-content .dius-job-intro p:not(.dius-job-eyebrow) {
  color: #001D3A;
  font-size: 1.2vw !important;
  font-weight: 400;
  line-height: 1.54 !important;
  margin: 0;
  max-width: 39em;
}
@media (max-width: 1366px) {
  .entry-content .dius-job-intro .dius-job-eyebrow { font-size: 1.4vw !important; }
  .entry-content .dius-job-intro p:not(.dius-job-eyebrow) { font-size: 1.6vw !important; }
}
@media (max-width: 1024px) {
  .entry-content .dius-job-intro .dius-job-eyebrow { font-size: 2vw !important; }
  .entry-content .dius-job-intro h2 { font-size: 4vw !important; }
  .entry-content .dius-job-intro p:not(.dius-job-eyebrow) { font-size: 2vw !important; }
}
@media (max-width: 767px) {
  .entry-content .dius-job-intro .dius-job-eyebrow { font-size: 4vw !important; margin-bottom: 22px; }
  .entry-content .dius-job-intro h2 { font-size: 7vw !important; }
  .entry-content .dius-job-intro p:not(.dius-job-eyebrow) { font-size: 4vw !important; }
  .entry-content .dius-job-intro { margin-bottom: 26px; }
}

/* Stellentitel (Liste + H1 der Stellenseite): "(m/w/d)" setzt das JS in ein span → eigene Zeile, kleiner */
.dius-job-gender {
  display: block;
  font-size: .5em;
  font-weight: 500;
  line-height: 1.3;
  margin-top: .2em;
}

/* Stellenliste (Karriereseite): Eckdaten "Solms • Interim Mgmt • Festanstellung" wie im Layoutentwurf v11.
   Die spans setzt das JS (splitMeta), die Punkte kommen hier per ::before. */
.dius-job-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: .25em;
  color: #a58158;
  font-weight: 400;
}
/* Stellenliste (Karriereseite): Eckdaten 14px bis Tablet, eng an den Titel, mehr Luft zur nächsten Stelle */
.elementor-widget-wp-personio-integration-list .entry-title {
  margin-bottom: .25em;
}
.elementor-widget-wp-personio-integration-list .dius-job-meta {
  font-size: 14px !important;
  margin-bottom: 0;
}
.elementor-widget-wp-personio-integration-list article + article {
  margin-top: 1.6em;
}
/* Mobil kleiner – !important, weil die Elementor-Typografie des Widgets (3.4vw) spezifischer ist */
@media (max-width: 767px) {
  .dius-job-meta,
  .elementor-widget-wp-personio-integration-list .dius-job-meta {
    font-size: min(14px, 2.6vw) !important; /* nie größer als am Desktop */
  }
}
.dius-job-meta__item + .dius-job-meta__item::before {
  content: "";
  display: inline-block;
  width: .32em;
  height: .32em;
  margin: 0 1.05em;
  border-radius: 50%;
  background: #bec6cb;
  vertical-align: middle;
  transform: translateY(-.08em);
}

/* Kacheln nach Layoutentwurf v11. Grundgröße = Listentext (11.62 pt ≈ 1.06vw), alle Maße in em
   davon abgeleitet – so bleiben die Proportionen auch dort, wo clamp() die Schrift festhält.
   --dius-cols setzt das JS: Kacheln / 2, aufgerundet (4 → 2, 6 → 3, 8 → 4) */
.dius-job-cards {
  display: grid;
  grid-template-columns: repeat(var(--dius-cols, 2), minmax(0, 1fr));
  gap: 1.55em;
  margin: 0;
  font-size: clamp(14px, 1.06vw, 18px); /* Basis für Abstände + Icon, nicht für die Schrift */
}
/* Unter 1367px hält clamp() die Schrift bei ~14px, die Spalten werden aber weiter schmaler →
   bei 3 oder 4 Spalten passen lange Wörter ("Wirtschaftswissenschaften,") nicht mehr in die Kachel */
@media (max-width: 1366px) {
  .dius-job-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* 4 Spalten (8 Kacheln) erst ab 1601px – darunter werden Titel und Text zu schmal */
@media (max-width: 1600px) {
  .dius-job-cards[data-cols="4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.dius-job-card {
  background: #f2f4fa;
  color: #001D3A;
  border-radius: 6px;
  /* einheitlich für alle Kachelgrößen (Wert der 4er-Kacheln aus dem Layout, Nutzerwunsch) */
  padding: 1.5em 1.9em 2.3em; /* oben knapper: Icon näher an die Oberkante (Nutzerwunsch) */
  /* Notbremse: ein Wort, das breiter als die Kachel ist, umbrechen statt überstehen lassen
     (bewusst kein hyphens:auto – das trennt auch dort, wo Platz ist) */
  overflow-wrap: break-word;
}
.dius-job-card__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2em;
}
/* SVG-viewBox 48 mit 6er-Rand → gezeichnet ~3.5em wie im Layout */
.dius-job-card__icon svg {
  width: 4.65em;
  height: 4.65em;
}
/* !important: die Typografie im Personio-Widget (Elementor, font-size 2vw) ist spezifischer.
   border/padding: 0 überschreibt den alten Kachel-Block, falls er noch in style.css steht */
.dius-job-card h3 {
  color: #001D3A;
  font-size: clamp(16px, 1vw, 19px) !important;
  font-weight: 700;
  line-height: 1.3 !important;
  margin: 0 0 1em;
  padding: 0;
  border: 0;
}
/* Kacheln mit Fließtext statt Liste */
/* Schrift bewusst klein und gedeckelt (Nutzerwunsch: Kacheln wirkten zu wuchtig):
   Text 14–16px, Überschrift 16–19px */
.dius-job-card p {
  font-size: clamp(14px, .84vw, 16px);
  line-height: 1.48;
  color: #001D3A;
  margin: 0 0 .65em;
}
.dius-job-card p:last-child {
  margin-bottom: 0;
}
.dius-job-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dius-job-card li {
  position: relative;
  padding-left: 1.3em;
  margin: 0 0 .65em;
  font-size: clamp(14px, .84vw, 16px);
  line-height: 1.48;
  color: #001D3A;
}
.dius-job-card li:last-child {
  margin-bottom: 0;
}
/* Kurzer goldener Strich statt Bullet (Layout: 6 × 1.5 pt).
   Höhe fest in px: krumme Werte (1.9px) rundet der Browser je nach Zeilenlage auf 1 oder 2 px
   → Striche wirken unterschiedlich dick */
.dius-job-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: .52em;
  height: 2px;
  background: #A58158;
  border: 0;
  transform: none;
}

@media (max-width: 767px) {
  .dius-job-cards,
  .dius-job-cards[data-cols="4"] {
    grid-template-columns: 1fr;
    gap: 1em;
  }
  .dius-job-card {
    padding: 1.4em 1.6em 2.1em;
  }
  .dius-job-card__icon {
    margin-bottom: 1em;
  }
  .dius-job-card__icon svg {
    width: 3.6em;
    height: 3.6em;
  }
}