/*
Theme Name: Recruiting OnlyFans Flow
Theme URI: https://recruiting-onlyfans.com/
Author: Famez
Description: Modernes Recruiting-Theme für Recruiting-OnlyFans.com – Jobs, Talente, Agenturen und Famez Recruiting Placements.
Version: 4.2.0
Text Domain: recruiting-onlyfans-flow
*/

:root{
  --bg:#08111a;
  --panel:#0f1b26;
  --panel2:#142331;
  --text:#f7fbff;
  --muted:#91a2b3;
  --line:rgba(255,255,255,.09);
  --orange:#ff7a2f;
  --lime:#b8ff4f;
  --cyan:#38dcff;
  --violet:#7d6bff;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(800px 500px at 8% -5%,rgba(56,220,255,.08),transparent 65%),
radial-gradient(900px 600px at 100% 0%,rgba(125,107,255,.10),transparent 65%),
var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,26,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:950;letter-spacing:-.045em}.brand b{color:var(--orange)}
.menu{display:flex;gap:24px;font-size:.82rem;font-weight:850}.menu a:hover{color:var(--cyan)}
.nav-cta{padding:10px 15px;border-radius:999px;background:var(--orange);color:#fff;font-size:.8rem;font-weight:900}
.hero{min-height:700px;display:flex;align-items:center;padding:80px 0 60px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em}
.dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(184,255,79,.1)}
h1{font-size:clamp(3.8rem,7.8vw,7.5rem);line-height:.86;letter-spacing:-.085em;margin:20px 0 24px}
.grad{background:linear-gradient(90deg,var(--orange),var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:760px;color:var(--muted);font-size:1.12rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:14px;font-weight:900;border:1px solid var(--line);transition:.2s}
.btn:hover{transform:translateY(-3px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#ff9d52);color:#fff}
.btn-ghost{background:rgba(255,255,255,.04)}
.hero-ui{display:grid;gap:14px}
.hero-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#101c28,#0d1722);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.25);transition:.25s}
.hero-card:hover{transform:translateY(-5px)}
.hero-card small{color:var(--cyan);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hero-card h3{font-size:1.45rem;margin:10px 0 8px}
.hero-card p{color:var(--muted);margin:0}
.section{padding:88px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1fr .7fr;gap:34px;align-items:end;margin-bottom:30px}
.kicker{color:var(--orange);font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
h2{font-size:clamp(2.6rem,5vw,5.1rem);line-height:.95;letter-spacing:-.065em;margin:8px 0 0}
.section-head p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.big-card{min-height:360px;border-radius:28px;padding:32px;border:1px solid var(--line);position:relative;overflow:hidden}
.big-card:first-child{background:linear-gradient(145deg,#132231,#101a25)}
.big-card:last-child{background:linear-gradient(145deg,#19162e,#111626)}
.big-card h3{font-size:2rem;letter-spacing:-.045em;margin:12px 0}
.big-card p{color:#a5b2c2}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.category{padding:20px;border-radius:20px;background:#101b27;border:1px solid var(--line);min-height:170px}
.category b{display:block;font-size:1.1rem;margin-bottom:7px}.category span{color:var(--muted);font-size:.9rem}
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.job-card{padding:20px;border-radius:22px;background:#101a25;border:1px solid var(--line)}
.job-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.job-meta span{font-size:.72rem;padding:6px 8px;border-radius:999px;background:#172532;color:#c4d0dc}
.job-card h3{margin:0 0 7px;font-size:1.25rem}.job-card p{color:var(--muted);font-size:.92rem}
.job-card .job-link{display:inline-flex;margin-top:10px;color:var(--lime);font-weight:900}
.placement-shell{padding:18px;border-radius:26px;background:#0d1722;border:1px solid var(--line)}
.famez-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;border-radius:30px;padding:36px;background:linear-gradient(135deg,#0f1d2b,#141b31);border:1px solid var(--line)}
.famez-box p{color:var(--muted)}
.footer{padding:28px 0;border-top:1px solid var(--line);color:#7f8ea0;font-size:.85rem}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.menu{display:none}.hero-grid,.section-head,.split,.famez-box{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.jobs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{min-height:auto;padding:70px 0}.jobs-grid,.category-grid{grid-template-columns:1fr}}


/* V2 – Rechteseiten */
.legal-page{padding:110px 0 90px}
.legal-shell{width:min(920px,92vw);margin:auto}
.legal-kicker{color:var(--orange);font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.legal-page h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.92;letter-spacing:-.06em;margin:12px 0 28px}
.legal-page h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;margin:36px 0 12px}
.legal-page h3{font-size:1.12rem;margin:26px 0 8px}
.legal-page p,.legal-page li{color:#b4c0cc}
.legal-page a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal-note{margin:26px 0;padding:18px 20px;border-radius:18px;background:#101b27;border:1px solid var(--line);color:#dce6ef}

/* V4.1 – Recruiting Job Detail */
.job-detail{padding-top:0}.job-detail-hero{padding:72px 0 76px;border-bottom:1px solid var(--line)}
.job-detail-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:54px;align-items:center}
.job-detail-main h1{font-size:clamp(3.4rem,6.8vw,6.7rem);max-width:900px;margin:22px 0 24px}
.job-detail-kickers{display:flex;gap:8px;flex-wrap:wrap}.job-chip{display:inline-flex;padding:7px 11px;border:1px solid var(--line);background:#101c28;border-radius:999px;color:#c8d4df;font-size:.74rem;font-weight:900}.job-chip-accent{color:#07111a;background:var(--lime);border-color:transparent}
.job-detail-lead{font-size:1.16rem;color:#aab8c6;max-width:760px;margin:0 0 26px}.job-company-line{display:flex;align-items:center;gap:13px;margin:24px 0}.job-company-line strong,.job-company-line small{display:block}.job-company-line strong{font-size:1.05rem}.job-company-line small{color:var(--muted);margin-top:2px}.job-logo{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.job-logo img{width:100%;height:100%;object-fit:contain}.job-apply-main{min-width:190px}
.job-visual{min-height:520px;border-radius:30px;border:1px solid var(--line);background-size:cover;background-position:center;box-shadow:0 30px 90px rgba(0,0,0,.28);position:relative;overflow:hidden}.job-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,17,26,.62))}.job-visual-empty{display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,rgba(125,107,255,.32),transparent 35%),radial-gradient(circle at 15% 85%,rgba(56,220,255,.22),transparent 35%),#101b27}.job-visual-empty div{position:relative;z-index:2;text-align:center}.job-visual-empty span{display:block;color:var(--cyan);font-size:.72rem;font-weight:950;letter-spacing:.18em}.job-visual-empty strong{font-size:2rem}
.job-detail-content{padding:82px 0}.job-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start}.job-copy-section{padding:0 0 52px;margin:0 0 52px;border-bottom:1px solid var(--line)}.job-copy-section:last-child{border-bottom:0}.job-section-no{color:var(--cyan);font-size:.75rem;font-weight:950;letter-spacing:.14em}.job-copy-section h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:8px 0 22px}.job-richtext{color:#b5c1cd;font-size:1.04rem}.job-richtext p{margin:0 0 16px}.job-richtext ul{padding-left:20px}
.job-facts-card{position:sticky;top:100px;padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#101c28,#0d1722)}.job-facts-card h3{font-size:1.8rem;margin:8px 0 20px}.job-fact{padding:15px 0;border-top:1px solid var(--line)}.job-fact small,.job-fact strong{display:block}.job-fact small{color:var(--muted);font-size:.76rem;margin-bottom:3px}.job-fact strong{font-size:.96rem}.job-apply-side{width:100%;margin-top:20px}
.job-more{padding:82px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.job-detail-grid,.job-content-grid{grid-template-columns:1fr}.job-visual{min-height:430px}.job-content-grid{gap:30px}.job-facts-card{position:static}.job-detail-hero{padding-top:54px}}
@media(max-width:620px){.job-detail-main h1{font-size:3.25rem}.job-visual{min-height:340px}.job-detail-content,.job-more{padding:60px 0}}


/* V4.2 – internes Bewerbungsformular */
.job-application-section{padding:72px 0;border-top:1px solid var(--line)}
.job-application-intro{max-width:760px;margin-bottom:22px}
.job-application-intro h2{margin:7px 0 10px}
.job-application-intro p{color:var(--muted)}
.job-apply-main,.job-apply-side{cursor:pointer}