/* ==========================================================
   Kundenspezifisches CSS
   ========================================================== */

/* ===== JOBA Grundstile (Relaunch 2026) ===== */
:root{
  --navy:#14233d; --navy2:#1e3458; --ink:#1a2232; --muted:#586379; --line:#dde2ea;
  --mist:#f2f4f8; --orange:#ee7a1c; --orange-d:#c25f0c; --ok:#1d9a69; --alarm:#c8372d;
  --f-disp:"Sora","Segoe UI",system-ui,sans-serif;
  --f-body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
body{font-family:var(--f-body);color:var(--ink);font-size:17px;line-height:1.6}
h1,h2,h3,h4,h5,h6,.et_pb_module_header{font-family:var(--f-disp);color:var(--navy);line-height:1.15;text-wrap:balance}
h1{font-weight:700;letter-spacing:-.02em}
h2{font-weight:700;letter-spacing:-.015em}
h3,h4{font-weight:600}

/* Kleine Überzeile: Modul > Erweitert > CSS-Klasse "joba-eyebrow" */
.joba-eyebrow,.joba-eyebrow p{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d);font-weight:500}

/* Buttons: CSS-Klasse "joba-btn" (orange) oder "joba-btn-ghost" (Rahmen) */
.et_pb_button.joba-btn{background:var(--orange)!important;color:#1f1205!important;border:2px solid var(--orange)!important;border-radius:6px!important;font-family:var(--f-body)!important;font-weight:700!important;padding:12px 22px!important;transition:all .2s}
.et_pb_button.joba-btn:hover{background:var(--orange-d)!important;border-color:var(--orange-d)!important;color:#fff!important;transform:translateY(-2px)}
.et_pb_button.joba-btn-ghost{background:transparent!important;color:var(--navy)!important;border:2px solid var(--navy)!important;border-radius:6px!important;font-weight:700!important;padding:12px 22px!important}
.et_pb_button.joba-btn-ghost:hover{background:var(--navy)!important;color:#fff!important}
.et_pb_button.joba-btn:after,.et_pb_button.joba-btn-ghost:after{display:none}

/* Karten mit Hover: CSS-Klasse "joba-card" */
.joba-card{border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}
.joba-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 14px 30px -14px rgba(20,35,61,.3)}

/* Pulsierender Status-Punkt: <span class="joba-live"></span> */
.joba-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fd48f;animation:jobaPulse 1.8s infinite;vertical-align:1px}
@keyframes jobaPulse{0%{box-shadow:0 0 0 0 rgba(47,212,143,.6)}70%{box-shadow:0 0 0 9px rgba(47,212,143,0)}100%{box-shadow:0 0 0 0 rgba(47,212,143,0)}}

/* Sticky-Header Schatten */
.et_pb_sticky .joba-header{box-shadow:0 6px 24px rgba(20,35,61,.10)}

@media (prefers-reduced-motion:reduce){.joba-live{animation:none}.joba-card:hover,.et_pb_button.joba-btn:hover{transform:none}}
/* ===== Ende JOBA Grundstile ===== */

/* ===== JOBA Header ===== */
.joba-header .et_pb_menu .et-menu>li>a{font-weight:600}
.joba-header .et_pb_menu .et-menu>li.current-menu-item>a{color:var(--orange-d)!important}
.joba-header .et_pb_menu .et-menu>li:last-child{align-self:center;padding-left:14px}
.joba-header .et_pb_menu .et-menu>li:last-child>a{background:var(--orange);color:#1f1205!important;padding:10px 18px!important;border-radius:6px;font-weight:700;opacity:1!important;transition:background .2s,color .2s}
.joba-header .et_pb_menu .et-menu>li:last-child>a:hover{background:var(--orange-d);color:#fff!important}
/* ===== Ende JOBA Header ===== */

/* ===== JOBA Feinschliff Header/Footer ===== */
.joba-header .et_pb_menu__wrap{justify-content:flex-end;flex:1 1 auto}
.joba-footer a{transition:color .2s}
.joba-footer a:hover{color:#ffffff!important}
/* ===== Ende Feinschliff ===== */
html body .joba-footer .et_pb_text a:hover{color:#ffffff!important}