/* =========================================
   Amadeus Jobs – Global Vars + Basics
========================================= */
:root{
  --amadeus-bg:#faf3e0;
  --amadeus-text:#233d40;
  --amadeus-accent:#cca300;
  --amadeus-muted:#8a8a8a;
  --amadeus-radius:18px;
  /* Fallback für Sticky (wird ggf. via JS gesetzt) */
  --am-sticky-top: 172px;
}
.am-wrap{width:min(1100px,92vw);margin:0 auto}

/* =========================================
   Buttons (Fix: Kontrast & States)
========================================= */
.am-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 16px;border-radius:12px;
  text-decoration:none;font-weight:700;font-size:var(--am-type-body);line-height:1;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}
.am-btn:focus-visible{outline:2px solid #000;outline-offset:2px}
.am-btn-ghost{
  background:#fff; color:var(--amadeus-text);
  border:1px solid rgba(0,0,0,.14);
}
.am-btn-ghost:hover{ border-color:rgba(0,0,0,.24); transform:translateY(-1px) }

/* =========================================
   SINGLE Job
========================================= */
.am-job-hero{background:var(--amadeus-bg);padding:84px 0 28px}
.am-breadcrumb{font-size:var(--am-type-body-sm);color:var(--amadeus-muted);margin-bottom:10px}
.am-breadcrumb a{color:var(--amadeus-accent);text-decoration:none;border-bottom:1px solid rgba(204,163,0,.35)}
.am-job-title{font-size:var(--am-type-page-title);margin:6px 0 10px;color:var(--amadeus-text)}
.am-job-meta{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}
.am-pill{font-size:var(--am-type-note);padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);color:#2c3a3b}
.am-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 0}

.am-job-body{background:#fff;padding:28px 0 80px}
.am-job-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.am-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--amadeus-radius);box-shadow:0 10px 28px rgba(0,0,0,.06)}
.am-card .in{padding:22px}
.am-card h2{margin:0 0 10px;font-size:var(--am-type-card-title)}
.am-summary p{margin:.4em 0;color:#2e3d3e}
.am-featured{overflow:hidden;border-radius:var(--amadeus-radius);margin-top:14px}
.am-featured img{display:block;width:100%;height:auto}

/* =========================================
   ARCHIVE /jobs
========================================= */
.am-archive-hero{background:var(--amadeus-bg);padding:84px 0 36px}
.am-archive-hero h1{font-size:var(--am-type-page-title);margin:0 0 10px;color:var(--amadeus-text)}
.am-archive-hero p{margin:0;color:#2f4345;font-size:var(--am-type-body-sm)}

/* Kurzer About-Block unter dem Titel */
.am-archive-about{margin-top:14px;color:#2f4345}
.am-archive-about p{margin:.5em 0}

.am-grid{padding:28px 0 80px;background:#fff}

/* Modernisierte Job-Cards */
.am-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:32px}
.am-card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(0,0,0,.04);transition:transform .2s ease, box-shadow .2s ease;position:relative;overflow:hidden}
.am-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#cca300 0%,#ffcc33 100%);opacity:.85;transition:opacity .3s ease}
.am-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.am-card a{display:block;color:inherit;text-decoration:none;padding:22px 22px 26px;height:100%}
.am-card h3{font-size:var(--am-type-h3);font-weight:700;color:#1f2e2f;margin:0 0 10px;line-height:1.3}
.am-card .meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.am-card .pill{background:#faf3e0;color:#514500;border:1px solid rgba(0,0,0,.05);border-radius:999px;font-size:var(--am-type-note);font-weight:600;padding:4px 10px}
.am-card .excerpt{font-size:var(--am-type-body-sm);line-height:1.6;color:#2e3d3e;opacity:.9}
.am-empty{padding:48px 0;text-align:center;color:#444}

/* WHY APPLY – Abschnitt */
.am-why{background:#fff;padding:28px 0 80px;border-top:1px solid rgba(0,0,0,.06)}
.am-why h2{font-size:var(--am-type-section-title);margin:0 0 14px;color:var(--amadeus-text)}
.am-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.am-why-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px;box-shadow:0 10px 28px rgba(0,0,0,.04)}
.am-why-item b{color:#1f2f30}
.am-why-bullet{min-width:22px;height:22px;border-radius:999px;background:var(--amadeus-accent);margin-top:2px;position:relative}
.am-why-bullet::after{content:"";position:absolute;inset:5px;border:2px solid #1a1a1a;border-left:0;border-top:0;transform:rotate(45deg)}
@media (max-width:900px){ .am-why-grid{grid-template-columns:1fr} }

/* =========================================
   Job-Content: gelbe Links + hübsche Bullets
========================================= */

/* Links im Job-/Archiv-Content gelb wie im Header */
.am-job-body a,
.am-archive-hero a,
.am-card .in a{
  color: var(--amadeus-accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(204,163,0,.35);
}
.am-job-body a:hover,
.am-archive-hero a:hover,
.am-card .in a:hover{
  border-bottom-color: rgba(204,163,0,.65);
}

/* Eigene Bullets für <ul> in Job-Content */
.am-card .in ul{
  list-style: none;
  margin: 10px 0 18px 0;
  padding: 0;
}
.am-card .in li{
  position: relative;
  padding-left: 28px;
  margin: 8px 0;
  line-height: 1.55;
  color: #2e3d3e;
}
.am-card .in li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;               /* optische Mitte */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--amadeus-accent);
  box-shadow: 0 0 0 2px #fff; /* Abstand auf Weiß */
}

/* Verschachtelte Listen etwas feiner */
.am-card .in li ul{
  margin-top: 6px;
}
.am-card .in li ul li{
  margin: 6px 0;
  padding-left: 24px;
}
.am-card .in li ul li::before{
  width: 7px;
  height: 7px;
  background: #d8b23a; /* dunkler für Hierarchie */
}

/* Starke Einleitungszeilen (z.B. "Ihre Aufgaben:") */
.am-card .in p > strong:first-child{
  color: var(--amadeus-text);
  display: inline-block;
  margin: 10px 0 6px;
}

/* =========================================
   Sticky / Header Fixes
========================================= */
.amadeus-header{position:sticky;top:0;z-index:9999}
.am-sidebar .am-sticky{
  position:sticky;
  top:var(--am-sticky-top);
  display:flex;flex-direction:column;gap:12px;
  z-index:50;
}
/* verhindert, dass Grid das Sticky abschneidet */
.am-job-body,.am-wrap,.am-job-grid{overflow:visible !important}

/* Mobile: Sticky aus */
@media (max-width:900px){
  .am-sidebar .am-sticky{ position:static; top:auto; }
}

/* Bonus: Anker-Scroll unter fixed Header */
.am-job [id]{scroll-margin-top:calc(var(--am-sticky-top) + 16px)}
html{scroll-padding-top:var(--am-sticky-top)}